:root{--bg: #0a0c0e;--surface: #101316;--surface-2: #161a1e;--surface-3: #1d2228;--inset: #0c0e10;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .22);--text: #f3f6f4;--muted: #98a29d;--faint: #606b66;--accent: #36e8a0;--accent-bright: #5bf4b6;--accent-ink: #042016;--accent-soft: rgba(54, 232, 160, .12);--accent-line: rgba(54, 232, 160, .3);--accent-glow: rgba(54, 232, 160, .45);--gold: #f2c75a;--gold-soft: rgba(242, 199, 90, .13);--sky: #6fb7ff;--coral: #ff9168;--warn: #ffd27d;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-ui: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 10px;--r: 14px;--r-lg: 20px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 16px 36px -26px rgba(0, 0, 0, .8);--shadow-lg: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 34px 70px -44px rgba(0, 0, 0, .9);--bracket-gap: 34px;color:var(--text);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{min-width:320px;margin:0;color:var(--text);background:var(--bg);background-image:radial-gradient(900px 520px at 84% -10%,rgba(54,232,160,.09),transparent 60%),radial-gradient(700px 420px at 6% 2%,rgba(111,183,255,.05),transparent 55%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,select{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented button:active,.method-link:active,.text-button:active,.icon-button:active,.primary-button:active,.stat-chip.edited:active,.subtle-toggle:active{transform:translateY(.5px) scale(.985)}.standing-table td,.standing-table th,.third-row b,.third-row span:first-child,.probability-row strong,.opponent-row b,.bracket-team b,.score-input,.confidence,.match-id,.match-meta,.updated-at,.stat-chip b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.app-shell{position:relative;z-index:1;width:min(1420px,calc(100% - 48px));margin:0 auto;padding:0 0 40px}.app-loading,.app-error{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;color:var(--muted)}.app-loading strong,.app-error strong{margin-top:4px;color:var(--text);font-family:var(--font-display);font-size:22px;letter-spacing:-.01em}.loading-mark,.error-mark{width:52px;height:52px;border-radius:16px}.loading-mark{animation:pulse-mark 1.8s ease-in-out infinite}.error-mark{color:var(--coral);border-color:#ff916866;box-shadow:inset 0 0 16px -8px #ff916899}.app-loading-note{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}@keyframes pulse-mark{0%,to{transform:translateY(0);box-shadow:inset 0 0 16px -8px var(--accent-glow),0 8px 20px -12px var(--accent-glow)}50%{transform:translateY(-3px);box-shadow:inset 0 0 22px -6px var(--accent-glow),0 16px 30px -12px var(--accent-glow)}}.loader{justify-self:center;width:30px;height:30px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}.loader.sm{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.topbar{position:sticky;top:14px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;margin:18px 0 32px;padding:9px 12px 9px 14px;border:1px solid var(--line-2);border-radius:16px;background:#0d1012b8;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px #ffffff0d,0 16px 44px -38px #000000e6}.brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:13px;padding:6px;margin:-6px;border-radius:16px;transition:background .18s ease}.brand:hover{background:#ffffff0a}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--accent);background:var(--surface-2);border:1px solid var(--accent-line);box-shadow:inset 0 1px #ffffff0f;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.brand:hover .brand-mark{border-color:#36e8a080;box-shadow:inset 0 1px #ffffff17,0 0 18px -4px #36e8a047,0 8px 22px -10px #000000b3;transform:translateY(-1px) scale(1.03)}.brand-text{display:grid;gap:3px;text-align:left}.brand-text strong{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text)}.brand-text small{color:var(--faint);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.topbar-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.segmented{display:flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#05070885;box-shadow:inset 0 1px #ffffff0a}.segmented button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border-radius:999px;color:var(--muted);font-size:13.5px;font-weight:600;transition:color .18s ease,background .18s ease}.segmented button:hover{color:var(--text)}.segmented button.active{color:var(--accent-ink);background:linear-gradient(135deg,var(--accent),var(--accent-bright));box-shadow:0 10px 26px -16px var(--accent-glow)}.method-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:13.5px;font-weight:600;transition:color .18s ease,background .18s ease}.method-link:hover{color:var(--text);border-color:var(--line);background:#ffffff0b}.method-link.active{color:var(--text);border-color:var(--line-2);background:#ffffff12;box-shadow:inset 0 0 0 1px var(--line-2)}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:var(--surface);transition:color .18s ease,border-color .18s ease}.icon-button.sm{width:34px;height:34px;border-radius:9px}.icon-button:hover{color:var(--text);border-color:var(--line-2)}.primary-button{display:inline-flex;align-items:center;gap:9px;padding:0 18px;min-height:44px;border-radius:12px;color:var(--accent-ink);background:var(--accent);font-weight:700}.text-button{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:600;transition:color .16s ease}.text-button:hover{color:var(--accent)}.hero-panel{position:relative;margin-bottom:16px;padding:40px 44px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(640px 320px at 100% 0%,rgba(54,232,160,.1),transparent 64%),linear-gradient(160deg,var(--surface-2),var(--surface) 64%);box-shadow:var(--shadow-lg);animation:rise .55s cubic-bezier(.16,1,.3,1) both}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(75% 130% at 100% 0%,black,transparent 68%);mask-image:radial-gradient(75% 130% at 100% 0%,black,transparent 68%);opacity:.45}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}h1{position:relative;z-index:1;margin-top:18px;max-width:18ch;color:var(--text);font-family:var(--font-display);font-size:clamp(34px,4.2vw,58px);font-weight:700;line-height:1;letter-spacing:-.025em}h1 .accent{color:var(--accent)}.hero-panel p{position:relative;z-index:1;max-width:600px;margin-top:18px;color:var(--muted);font-size:16px;line-height:1.6}.status-strip,.warnings{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;animation:rise .55s cubic-bezier(.16,1,.3,1) .05s both}.stat-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font-size:12.5px;font-weight:500}.stat-chip b{color:var(--text);font-weight:600}.stat-chip.edited{color:var(--coral);border-color:#ff91684d;background:#ff916814;transition:background .16s ease}.stat-chip.edited:hover{background:#ff916829}.stat-chip.edited b{color:var(--coral)}.stat-chip.champion{color:var(--gold);border-color:#f2c75a47;background:var(--gold-soft)}.updated-at{margin-left:auto;color:var(--faint);font-size:11.5px}.warnings span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;color:var(--warn);border:1px solid rgba(255,210,125,.26);background:#ffd27d12;font-size:12.5px;font-weight:500}.tournament-layout,.probability-layout{display:grid;gap:22px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:8px;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.section-heading.compact{margin-top:0}.path-heading{min-height:54px}.subtle-toggle{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff06;font-size:12px;font-weight:700;transition:color .16s ease,border-color .16s ease,background .16s ease}.subtle-toggle:hover,.subtle-toggle.active{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}h2{margin-top:8px;color:var(--text);font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.quiet-note{color:var(--faint);font-size:13px;font-weight:500}.view-note{max-width:760px;color:var(--muted);font-size:14px;line-height:1.6;animation:rise .5s cubic-bezier(.16,1,.3,1) .04s both}.group-panel,.thirds-panel,.bracket-section,.group-detail,.probability-header,.stage-probabilities,.opponent-panel{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.group-panel,.group-detail,.thirds-panel,.bracket-section,.probability-prep,.stage-probabilities,.opponent-panel,.method-block{content-visibility:auto;contain-intrinsic-size:320px}.bracket-section{contain-intrinsic-size:760px}.group-detail{contain-intrinsic-size:440px}.section-title,.probability-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.groups-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px}.group-panel{overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.groups-grid .group-panel:nth-child(1){animation-delay:.02s}.groups-grid .group-panel:nth-child(2){animation-delay:.04s}.groups-grid .group-panel:nth-child(3){animation-delay:.06s}.groups-grid .group-panel:nth-child(4){animation-delay:.08s}.groups-grid .group-panel:nth-child(5){animation-delay:.1s}.groups-grid .group-panel:nth-child(6){animation-delay:.12s}.groups-grid .group-panel:nth-child(7){animation-delay:.14s}.groups-grid .group-panel:nth-child(8){animation-delay:.16s}.group-panel:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.group-panel.active{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),var(--shadow)}.group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:70px;padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;transition:background .16s ease}.group-header:hover{background:#ffffff05}.group-header h2{margin:0;font-size:18px}.mini-qualifiers{display:flex;gap:4px;margin-top:9px}.mini-qualifiers img{width:19px;height:19px;object-fit:contain;border-radius:3px}.tap-hint{display:inline-flex;align-items:center;gap:5px;color:var(--faint);font-size:11.5px;font-weight:600;letter-spacing:.02em}.tap-hint svg{transition:transform .2s ease}.tap-hint svg.flip{transform:rotate(180deg);color:var(--accent)}.group-panel.active .tap-hint{color:var(--accent)}.standing-table{width:100%;border-collapse:collapse;table-layout:fixed}.standing-table th{padding:10px 14px 8px;color:var(--faint);font-size:10px;font-weight:600;letter-spacing:.08em;text-align:right;text-transform:uppercase}.standing-table th:first-child{width:64%;text-align:left}.standing-table td{padding:9px 14px;border-top:1px solid var(--line);color:var(--muted);text-align:right;font-size:13px}.standing-table tbody tr{transition:background .15s ease}.standing-table td:first-child{display:flex;align-items:center;gap:9px;min-width:0;color:var(--text);text-align:left}.standing-table tr.qualified td{color:var(--text)}.standing-table tr.qualified td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.rank{width:15px;color:var(--faint);text-align:center;font-size:12px}.standing-table tr.qualified .rank{color:var(--accent)}.standing-table img,.team-label img,.third-row img,.opponent-row img,.team-picker img,.bracket-team img{width:20px;height:20px;object-fit:contain;border-radius:3px;flex:0 0 auto}.standing-table strong,.team-label span,.opponent-row span,.bracket-team span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.standing-table strong{font-size:13px}.group-detail{grid-column:1 / -1;overflow:hidden;scroll-margin-top:86px;animation:rise .4s cubic-bezier(.16,1,.3,1) both}.group-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.group-detail-head h3{margin-top:6px;color:var(--text);font-family:var(--font-display);font-size:19px;font-weight:700}.group-detail-actions{display:flex;align-items:center;gap:14px}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1px;background:var(--line)}.match-row{display:grid;gap:11px;padding:16px 20px;background:var(--surface)}.match-row.locked{background:var(--inset)}.match-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--faint);font-size:11.5px}.match-meta span:first-child{display:inline-flex;align-items:center;gap:6px}.match-source{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid transparent;font-family:var(--font-ui);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.match-source.linked{transition:color .15s ease,background .15s ease,border-color .15s ease}.match-source.linked:hover{color:var(--text);border-color:var(--sky);background:#6fb7ff2e}.match-source.espn{color:var(--text);border-color:var(--line-2);background:var(--surface-3)}.match-source.polymarket{color:var(--sky);border-color:#6fb7ff4d;background:#6fb7ff1a}.match-source.model{color:var(--gold);border-color:#f2c75a4d;background:var(--gold-soft)}.match-source.manual{color:var(--coral);border-color:#ff916852;background:#ff91681f}.match-source.reset{display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.match-source.reset:hover{border-color:var(--coral);background:#ff916838}.score-line{display:grid;grid-template-columns:minmax(0,1fr) 46px 14px 46px minmax(0,1fr);align-items:center;gap:10px}.team-label{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--text);font-size:13.5px;font-weight:600}.team-label.right{flex-direction:row-reverse;text-align:right}.score-input{width:46px;height:40px;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--text);background:var(--surface-2);text-align:center;font-size:16px;font-weight:600;transition:border-color .16s ease,box-shadow .16s ease;-moz-appearance:textfield}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.score-input:disabled{color:var(--muted);border-color:var(--line);background:var(--inset);cursor:default}.score-separator{color:var(--faint);text-align:center;font-weight:600}.thirds-panel{overflow:hidden;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.thirds-panel .section-title,.bracket-section .section-title{min-height:66px;padding:0 20px;border-bottom:1px solid var(--line)}.qualified-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-soft);font-size:12.5px;font-weight:600}.thirds-list{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr))}.third-row{display:grid;grid-template-columns:18px 20px minmax(0,1fr) 46px 40px 50px;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-top:1px solid var(--line);border-right:1px solid var(--line);color:var(--muted);font-size:13px}.third-gd{text-align:right;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.third-row.qualified .third-gd{color:var(--text)}.third-row span:first-child{color:var(--faint);font-size:12px}.third-row strong{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.third-row.qualified{color:var(--text);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.third-row.qualified span:first-child{color:var(--accent)}.third-row b{text-align:right;color:var(--text);font-size:12px}.third-row em{color:var(--faint);font-size:11px;font-style:normal}.bracket-section{overflow:hidden;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.champion-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;color:var(--accent-ink);background:linear-gradient(135deg,var(--gold),#ffd97a);box-shadow:0 6px 20px -10px #f2c75a99;font-size:13px;font-weight:700}.bracket-hint{padding:16px 28px 0;color:var(--faint);font-size:13px}.bracket-scroll{overflow-x:auto;padding:20px 24px 26px}.bracket-head{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--bracket-gap);min-width:1180px;margin-bottom:12px}.bracket-head h3{color:var(--faint);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.bracket-rounds{display:flex;min-width:1180px}.bracket-round{flex:1 1 0;display:flex;flex-direction:column;margin-right:var(--bracket-gap)}.bracket-round.is-final{margin-right:0}.bracket-cell{flex:1 1 0;display:flex;align-items:center;position:relative;min-height:112px}.bracket-round:not(.is-final) .bracket-cell:before{content:"";position:absolute;top:50%;left:100%;width:var(--bracket-gap);height:1px;background:var(--line-2)}.bracket-round:not(.is-final) .bracket-cell:after{content:"";position:absolute;left:calc(100% + var(--bracket-gap));width:0;border-left:1px solid var(--line-2)}.bracket-round:not(.is-final) .bracket-cell:nth-child(odd):after{top:50%;height:50%}.bracket-round:not(.is-final) .bracket-cell:nth-child(2n):after{top:0;height:50%}.bracket-card{position:relative;display:grid;gap:4px;width:100%;padding:9px 11px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);transition:border-color .18s ease}.bracket-card.picked{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.bracket-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.bracket-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:14px;margin-bottom:2px}.match-date{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:-.02em}.match-id{flex:0 0 auto;color:var(--faint);font-size:10px;font-weight:600}.match-id.edited{color:var(--coral);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.match-id.picked-label{color:var(--text);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.confidence{color:var(--accent);font-size:10px;font-weight:600}.manual-tag{color:var(--coral);font-family:var(--font-ui);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.bracket-team{display:grid;grid-template-columns:20px minmax(0,1fr) 32px;align-items:center;gap:8px;width:100%;min-height:32px;padding:5px 7px;border-radius:8px;color:var(--muted);font-size:12.5px;font-weight:500;text-align:left;transition:background .15s ease,color .15s ease}.bracket-team:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.bracket-team:disabled{cursor:default}.bracket-team.winner{color:var(--text);font-weight:700;background:var(--accent-soft)}.bracket-team b{color:var(--text);text-align:right;font-size:12px}.bracket-dot{width:8px;height:8px;margin:0 auto;border-radius:999px;border:1px dashed var(--line-strong)}.probability-header{min-height:80px;padding:0 22px;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.probability-columns{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);gap:18px;align-items:start}.probability-column{display:grid;gap:14px;min-width:0}.probability-prep{display:flex;align-items:center;gap:12px;min-height:88px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--muted);box-shadow:var(--shadow)}.probability-prep strong{color:var(--text)}.probability-prep p{margin-left:auto;color:var(--faint);font-size:13px}.probability-header>span{color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:500}.team-picker{display:flex;align-items:center;gap:12px}.team-picker img{width:34px;height:34px;border-radius:5px}.team-picker select{min-width:220px;height:44px;padding:0 38px 0 16px;border:1px solid var(--line-2);border-radius:12px;color:var(--text);background:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2398a29d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .16s ease}.team-picker select:focus{outline:none;border-color:var(--accent)}.stage-probabilities{display:grid;gap:15px;padding:24px;animation:rise .5s cubic-bezier(.16,1,.3,1) .06s both}.probability-row{display:grid;grid-template-columns:120px minmax(0,1fr) 60px;align-items:center;gap:16px}.probability-row>span{color:var(--muted);font-size:13px;font-weight:600}.probability-row strong{text-align:right;color:var(--text);font-size:14px;font-weight:600}.probability-track{position:relative;height:9px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.probability-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 12px -2px var(--accent-glow);transform-origin:left;animation:grow .7s cubic-bezier(.16,1,.3,1) both}.title-odds{display:grid;grid-template-columns:1fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--line);box-shadow:var(--shadow);animation:rise .5s cubic-bezier(.16,1,.3,1) both}.title-row{display:grid;grid-template-columns:20px 22px minmax(70px,1fr) minmax(54px,1.2fr) 52px;align-items:center;gap:10px;padding:11px 16px;background:var(--surface);cursor:pointer;text-align:left;transition:background .15s ease}.title-row.with-market{grid-template-columns:20px 22px minmax(70px,1fr) minmax(54px,1.2fr) 52px 48px}.title-row-head{min-height:34px;padding-top:9px;padding-bottom:8px;color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.title-row-head strong,.title-row-head b{color:var(--faint);font-size:11px}.title-row:hover{background:var(--surface-2)}.title-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.title-row.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.title-rank{color:var(--faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;text-align:center}.title-row img{width:22px;height:22px;object-fit:contain;border-radius:3px}.title-row strong{color:var(--text);font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-track{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.title-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transform-origin:left;animation:grow .7s cubic-bezier(.16,1,.3,1) both}.title-row b,.title-row .market-odd{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;text-align:right}.title-row.selected b{color:var(--accent)}.title-row .market-odd{color:var(--muted)}.title-row a.market-odd{transition:color .16s ease}.title-row a.market-odd:hover{color:var(--accent)}.opponent-section{display:grid;gap:16px}.opponent-grid{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:14px}.opponent-panel{overflow:hidden;padding-bottom:6px;animation:rise .5s cubic-bezier(.16,1,.3,1) both}.opponent-grid .opponent-panel:nth-child(1){animation-delay:.03s}.opponent-grid .opponent-panel:nth-child(2){animation-delay:.06s}.opponent-grid .opponent-panel:nth-child(3){animation-delay:.09s}.opponent-grid .opponent-panel:nth-child(4){animation-delay:.12s}.opponent-grid .opponent-panel:nth-child(5){animation-delay:.15s}.opponent-panel h3{padding:14px 16px 10px;color:var(--faint);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.opponent-panel p{padding:4px 16px 14px;color:var(--faint);font-size:13px}.opponent-row{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(50px,.8fr) 46px;align-items:center;gap:9px;min-height:40px;padding:0 16px;color:var(--text);font-size:13px;font-weight:500}.opponent-row.other{color:var(--faint)}.opponent-dot{width:9px;height:9px;justify-self:center;border-radius:999px;background:var(--line-strong)}.opponent-row>div{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.opponent-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transform-origin:left;animation:grow .6s cubic-bezier(.16,1,.3,1) both}.opponent-row b{text-align:right;color:var(--muted);font-size:12px}.method-page{animation:rise .5s cubic-bezier(.16,1,.3,1) both}.method-page .back{margin-bottom:22px}.method-masthead{max-width:760px;margin-bottom:40px}.method-masthead h1{margin-top:14px;font-size:clamp(40px,5vw,60px)}.method-masthead p{margin-top:18px;color:var(--muted);font-size:16px;line-height:1.65}.method-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:start}.method-toc{position:sticky;top:90px;display:grid;gap:2px;padding-left:14px;border-left:1px solid var(--line)}.method-toc a{padding:7px 0;color:var(--faint);font-size:13px;font-weight:600;transition:color .16s ease}.method-toc a:hover{color:var(--muted)}.method-toc a.active{color:var(--accent)}.method-sections{display:grid;gap:18px;max-width:760px}.method-block{padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:90px}.method-block-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}.method-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);flex:0 0 auto}.method-block h2{margin:0;font-size:21px}.method-block p{margin-top:11px;color:var(--muted);font-size:14.5px;line-height:1.65}.method-block p:first-of-type{margin-top:0}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:0;color:var(--faint);font-size:12px;font-weight:500}.app-footer nav{display:flex;align-items:center;gap:12px}.app-footer a{color:var(--muted);font-weight:700;transition:color .16s ease}.app-footer a:hover{color:var(--accent)}@media(max-width:1300px){.probability-columns{grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr)}.groups-grid{grid-template-columns:repeat(3,minmax(230px,1fr))}.thirds-list{grid-template-columns:repeat(3,minmax(200px,1fr))}.opponent-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media(max-width:960px){.app-shell{width:min(100% - 32px,1420px)}.groups-grid,.thirds-list{grid-template-columns:repeat(2,minmax(220px,1fr))}.method-body{grid-template-columns:1fr;gap:24px}.method-toc{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-left:0;padding-bottom:8px;border-left:0;border-bottom:1px solid var(--line)}.section-heading{flex-direction:column;align-items:flex-start;gap:6px}.probability-columns{grid-template-columns:1fr}}@media(max-width:680px){.app-shell{width:min(100% - 24px,1420px)}.topbar{position:static;flex-direction:column;align-items:stretch;gap:12px;margin:12px 0 24px;padding:14px;border-radius:18px}.topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.segmented{min-width:0}.segmented button{flex:1;min-width:0;padding:0 10px}.segmented button span,.method-link span{display:none}.hero-panel{padding:28px 22px}.groups-grid,.thirds-list,.opponent-grid,.match-grid{grid-template-columns:1fr}.probability-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.team-picker,.team-picker select{width:100%}.probability-row{grid-template-columns:100px minmax(0,1fr) 52px;gap:10px}.title-row{grid-template-columns:18px 22px minmax(70px,1fr) 44px}.title-row.with-market{grid-template-columns:18px 22px minmax(70px,1fr) 44px 42px}.title-row .title-track,.title-row-head span:nth-child(4){display:none}.app-footer{flex-direction:column;align-items:flex-start;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
