:root{--tr-bg:#080b13;--tr-surface:#101624;--tr-surface-2:#151c2d;--tr-border:rgba(255,255,255,0.12);--tr-text:#f5f7fb;--tr-muted:#a7b0c4;--tr-blue:#5cc8ff;--tr-purple:#9b6dff;--tr-gold:#f4c95d;--tr-danger:#ff6b7a;--tr-success:#72e6a6}body.tr-body,body.tr-body.bg-light{min-height:100vh;color:var(--tr-text);background:radial-gradient(circle at 15% 0%,rgba(92,200,255,0.14),transparent 30rem),radial-gradient(circle at 85% 12%,rgba(155,109,255,0.13),transparent 28rem),linear-gradient(180deg,#080b13 0%,#0d111c 50%,#090c14 100%)}a{color:#9bdcff}a:hover{color:#c7ecff}.alert-debug{color:black;background-color:white;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.tr-topbar-wrap{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--tr-border);background:rgba(8,11,19,0.88);backdrop-filter:blur(18px)}.tr-topbar .nav-link{color:var(--tr-muted);border-radius:8px}.tr-topbar .nav-link:hover,.tr-topbar .nav-link:focus,.tr-topbar .nav-link.active{color:var(--tr-text);background:rgba(255,255,255,0.07)}.tr-topbar .navbar-brand img{object-fit:contain}.tr-topbar .navbar-nav{flex-direction:row;flex-wrap:wrap;gap:0.25rem}.tr-topbar .navbar-collapse{gap:0.75rem}.tr-public-shell,.tr-app-shell{min-height:calc(100vh - 77px)}.tr-public-shell .tr-main{padding:3rem 0 5rem}.tr-kicker{margin-bottom:0.75rem;color:var(--tr-gold);font-size:0.76rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.tr-app-shell .tr-main{padding:2rem 0 4rem}.tr-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,0.9fr);gap:2rem;align-items:center;min-height:min(680px,calc(100vh - 120px));padding:2rem 0 4rem}.tr-hero h1{max-width:780px;font-size:clamp(3rem,8vw,6.4rem);line-height:0.95}.tr-hero-lede{max-width:650px;color:var(--tr-muted);font-size:1.2rem}.tr-hero-panel{position:relative}.tr-rune-card{position:relative;overflow:hidden;min-height:420px;padding:2rem;border:1px solid rgba(244,201,93,0.28);border-radius:8px;background:linear-gradient(145deg,rgba(21,28,45,0.96),rgba(11,16,28,0.96)),linear-gradient(135deg,rgba(92,200,255,0.2),rgba(244,201,93,0.12));box-shadow:0 24px 80px rgba(0,0,0,0.42)}.tr-rune-card h2{position:relative;z-index:1;max-width:420px;margin-top:6rem;font-size:2rem}.tr-rune-glow{position:absolute;z-index:0;top:2rem;right:2rem;width:11rem;height:11rem;border:1px solid rgba(244,201,93,0.55);border-radius:999px;background:radial-gradient(circle,rgba(244,201,93,0.65),rgba(155,109,255,0.22) 45%,transparent 68%),conic-gradient(from 20deg,rgba(92,200,255,0.65),rgba(244,201,93,0.7),rgba(155,109,255,0.65),rgba(92,200,255,0.65));filter:saturate(1.2);opacity:0.9}.tr-sync-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin-top:2rem}.tr-sync-grid span{padding:0.8rem;color:var(--tr-text);border:1px solid var(--tr-border);border-radius:8px;background:rgba(255,255,255,0.06)}.tr-section{padding:3.5rem 0}.tr-section-heading{max-width:800px}.tr-section h2,.tr-card h2,.tr-card h3{color:var(--tr-text)}.tr-section p,.tr-card p,.tr-page-header p{color:var(--tr-muted)}.tr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:1.5rem;align-items:start}.tr-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.tr-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-card,.tr-stat-card,.tr-table-card,.tr-form-card,.card{border:1px solid var(--tr-border);border-radius:8px;background:linear-gradient(180deg,rgba(21,28,45,0.96),rgba(13,18,30,0.96));box-shadow:0 18px 50px rgba(0,0,0,0.22)}.tr-card,.tr-form-card{padding:1.3rem}.tr-form-card{max-width:1120px}.tr-matchlog-form{display:grid;gap:1.25rem}.tr-matchlog-form fieldset{margin:0;padding:0;border:0}.tr-matchlog-form legend{margin-bottom:0.8rem;color:var(--tr-text);font-size:1rem;font-weight:700}.tr-card-muted{opacity:0.86}.tr-final-cta{max-width:820px;margin:0 auto;text-align:center}.tr-newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,0.8fr);gap:1.5rem;align-items:center;padding:2rem;border:1px solid rgba(92,200,255,0.22);border-radius:8px;background:linear-gradient(135deg,rgba(21,28,45,0.9),rgba(12,18,31,0.9))}.tr-newsletter .tr-section-heading{max-width:720px}.tr-newsletter-form{display:grid;gap:0.5rem}.tr-newsletter-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.75rem}.tr-action-row{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center}.btn{border-radius:8px}.btn-primary{color:#07101d;border-color:transparent;background:linear-gradient(135deg,var(--tr-blue),var(--tr-gold))}.btn-primary:hover{color:#07101d;filter:brightness(1.07)}.btn-outline-light{color:var(--tr-text);border-color:rgba(255,255,255,0.24)}.btn-link{color:#9bdcff;text-decoration:none}.btn-secondary,.btn-secondary:disabled{color:#d9deeb;border-color:rgba(255,255,255,0.1);background:rgba(255,255,255,0.1);opacity:1}.tr-feature-list{display:grid;gap:0.65rem;padding-left:1.1rem;color:var(--tr-muted)}.tr-page-header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:1.4rem}.tr-page-header h1{margin-bottom:0.45rem}.tr-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.tr-stat-card{padding:1.2rem}.tr-stat-card span{display:block;color:var(--tr-muted);font-size:0.85rem}.tr-stat-card strong{display:block;margin-top:0.4rem;color:var(--tr-text);font-size:1.8rem}.tr-filter-bar{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto auto;gap:0.75rem;align-items:end;margin-bottom:1rem;padding:1rem;border:1px solid var(--tr-border);border-radius:8px;background:rgba(255,255,255,0.04)}.tr-filter-bar label span{display:block;margin-bottom:0.35rem;color:var(--tr-muted);font-size:0.82rem}.form-control,.form-select,.tr-form-card input,.tr-form-card select,.tr-form-card textarea{color:var(--tr-text);border-color:rgba(255,255,255,0.16);background-color:rgba(6,9,17,0.82)}.form-control:focus,.form-select:focus,.tr-form-card input:focus,.tr-form-card select:focus,.tr-form-card textarea:focus{color:var(--tr-text);border-color:var(--tr-blue);background-color:rgba(6,9,17,0.95);box-shadow:0 0 0 0.25rem rgba(92,200,255,0.16)}.form-label,.form-text{color:var(--tr-muted)}.tr-table{margin-bottom:0;color:var(--tr-text)}.tr-table>:not(caption)>*>*{color:var(--tr-text);border-bottom-color:rgba(255,255,255,0.1);background:transparent}.tr-table thead th{color:var(--tr-muted);font-size:0.82rem;font-weight:700;text-transform:uppercase}.tr-matrix-card{overflow:hidden;border:1px solid var(--tr-border);border-radius:8px;background:rgba(9,13,22,0.86);box-shadow:0 18px 50px rgba(0,0,0,0.22)}.tr-matrix-scroll{overflow:auto;max-height:calc(100vh - 190px)}.tr-matrix-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;color:var(--tr-text)}.tr-matrix-table th,.tr-matrix-table td{border-right:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08)}.tr-matrix-table thead th{position:sticky;top:0;z-index:3}.tr-matrix-corner,.tr-matrix-row-header{position:sticky;left:0;z-index:2;width:8.25rem;min-width:8.25rem;max-width:8.25rem;background:#151c2d}.tr-matrix-corner{z-index:4}.tr-matrix-corner,.tr-matrix-column,.tr-matrix-row-header{padding:0.45rem 0.55rem;text-transform:uppercase}.tr-matrix-column{width:6.25rem;min-width:6.25rem;max-width:6.25rem;color:var(--tr-text);background:#202839}.tr-matrix-column span,.tr-matrix-row-header span,.tr-matrix-corner span{display:block;overflow:hidden;color:var(--tr-text);font-size:0.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.tr-matrix-column small{display:block;margin-top:0.12rem;color:var(--tr-muted);font-size:0.62rem;font-weight:600;letter-spacing:0;text-transform:none}.tr-matrix-overall-column{background:#253044}.tr-matrix-link{display:flex;width:100%;min-height:100%;flex-direction:column;align-items:center;justify-content:center;color:inherit;text-decoration:none}.tr-matrix-link:hover,.tr-matrix-link:focus{color:inherit;text-decoration:none}.tr-matrix-header-link{align-items:flex-start}.tr-matrix-cell{width:6.25rem;min-width:6.25rem;max-width:6.25rem;height:4.3rem;padding:0.35rem 0.3rem;text-align:center;vertical-align:middle}.tr-matrix-cell strong{display:block;color:rgba(255,255,255,0.86);font-size:1.08rem;line-height:1.1}.tr-matrix-cell span,.tr-matrix-cell small{display:block;color:rgba(255,255,255,0.72)}.tr-matrix-cell span{margin-top:0.15rem;font-size:0.66rem}.tr-matrix-cell small{margin-top:0.08rem;font-size:0.6rem}.tr-matrix-high{background:#5d6815}.tr-matrix-even{background:#b7761b}.tr-matrix-low{background:#7a1111}.tr-matrix-empty{background:#111927}.tr-matrix-empty strong{color:rgba(255,255,255,0.56)}.tr-matrix-overall-cell{background-image:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0))}.tr-action-separator{color:rgba(255,255,255,0.28)}.tr-pill{display:inline-flex;align-items:center;min-height:1.8rem;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.82rem;font-weight:700}.tr-pill-win{color:#07130d;background:var(--tr-success)}.tr-pill-loss{color:#1b080b;background:var(--tr-danger)}.tr-pill-draw{color:#161100;background:var(--tr-gold)}.tr-pill-unknown{color:var(--tr-text);background:rgba(255,255,255,0.16)}.tr-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.tr-detail-grid dt{color:var(--tr-muted);font-size:0.8rem;text-transform:uppercase}.tr-detail-grid dd{margin-bottom:0;color:var(--tr-text);font-size:1.1rem}.tr-notes{color:var(--tr-muted)}.card{color:var(--tr-text)}.card-body h1,.card-body h2{margin-top:0;font-size:1.5rem}.list-group-item{color:var(--tr-muted);border-color:var(--tr-border);background:rgba(255,255,255,0.03)}.list-group-item.active{color:#07101d;border-color:transparent;background:linear-gradient(135deg,var(--tr-blue),var(--tr-gold))}@media (max-width:991.98px){.tr-topbar .navbar-collapse{padding-top:0.75rem}.tr-topbar .navbar-nav + .navbar-nav{padding-top:0.25rem}.tr-hero,.tr-split,.tr-newsletter,.tr-card-grid-3{grid-template-columns:1fr}.tr-filter-bar{grid-template-columns:1fr}.tr-matrix-corner,.tr-matrix-row-header{width:7rem;min-width:7rem;max-width:7rem}.tr-matrix-column,.tr-matrix-cell{width:5.75rem;min-width:5.75rem;max-width:5.75rem}.tr-matrix-cell strong{font-size:1rem}}@media (max-width:575.98px){.tr-public-shell .tr-main,.tr-app-shell .tr-main{padding-top:1.25rem}.tr-hero{padding-top:1rem}.tr-newsletter{padding:1.25rem}.tr-newsletter-controls{grid-template-columns:1fr}.tr-page-header{display:block}.tr-page-header .btn,.tr-page-header .tr-action-row{margin-top:0.75rem}}