:root{color:#f7f8fc;background:#06132d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--navy: #071632;--navy-2: #0d2249;--card: rgba(17, 40, 80, .82);--line: rgba(255, 255, 255, .13);--muted: #aebbd2;--red: #e53046;--red-dark: #b8132a;--gold: #ffd75f;--green: #5fe0ad}*{box-sizing:border-box}html{min-width:320px;background:var(--navy)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(42,75,142,.35),transparent 32rem),var(--navy)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button,a{color:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.55rem;font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.045em}h2{margin-bottom:.4rem;font-size:1.3rem}p{color:var(--muted);line-height:1.55}.eyebrow{display:block;margin-bottom:.45rem;color:var(--gold);font-size:.72rem;font-weight:900;letter-spacing:.14em}.primary,.secondary,.quiet-button,.text-button,.player-choice,.tabs button,.group-buttons button{min-height:46px;border:0;border-radius:12px;cursor:pointer;font-weight:850}.primary{padding:.8rem 1.15rem;color:#fff;background:linear-gradient(135deg,#ef3d52,var(--red-dark));box-shadow:0 9px 24px #c50f2c4d}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.42;transform:none}.secondary,.quiet-button{padding:.72rem 1rem;border:1px solid var(--line);background:#ffffff0f}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.compact{font-size:.88rem}.demo-shell{min-height:100vh}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:1rem;min-height:72px;padding:.65rem clamp(1rem,3vw,2.6rem);border-bottom:1px solid var(--line);background:#05122bf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;min-height:44px;align-items:center;gap:.75rem;margin-right:auto;text-decoration:none}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#fff;font-size:1.75rem}.brand b,.brand small{display:block}.brand b{font-size:1.05rem}.brand small{color:var(--muted);font-size:.72rem}.demo-badge{padding:.36rem .55rem;border:1px solid rgba(95,224,173,.35);border-radius:7px;color:var(--green);background:#5fe0ad14;font-size:.65rem;font-weight:900;letter-spacing:.12em}.layout{display:grid;grid-template-columns:230px minmax(0,1fr)}.side-nav{position:sticky;top:72px;display:flex;flex-direction:column;gap:.35rem;height:calc(100vh - 72px);padding:1.25rem .8rem;border-right:1px solid var(--line)}.nav-link{display:flex;align-items:center;gap:.8rem;min-height:48px;padding:.7rem .85rem;border-radius:11px;color:#bec9dc;font-size:.9rem;font-weight:750;text-decoration:none}.nav-link:hover{background:#ffffff0f}.nav-link.active{color:#fff;background:linear-gradient(90deg,#e5304647,#e530460d);box-shadow:inset 3px 0 var(--red)}#main-content{width:100%;max-width:1320px;min-width:0;padding:clamp(1.2rem,3vw,3.2rem)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.6rem}.page-header p{max-width:670px;margin-bottom:0;font-size:1.03rem}.tour-rail{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;align-items:center;gap:1.2rem;margin:-1rem 0 2rem;padding:.85rem 1rem;border:1px solid rgba(255,215,95,.3);border-radius:15px;background:#ffd75f12}.tour-rail b,.tour-rail .eyebrow{display:block;margin:0}.tour-dots{display:flex;gap:.3rem}.tour-dots span{width:100%;height:5px;border-radius:9px;background:#ffffff1f}.tour-dots span.done{background:var(--gold)}.card,.hero-card,.fixture-card,.finish-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#122a53f2,#0b1f41eb);box-shadow:0 18px 55px #00000029}.card{padding:1.25rem}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.3rem,3vw,2rem);border-color:#ffd75f47;background:radial-gradient(circle at 90% 20%,rgba(255,215,95,.15),transparent 16rem),linear-gradient(145deg,#17346a,#0c234f)}.hero-card h2{font-size:clamp(1.5rem,3vw,2.25rem)}.hero-card p{max-width:610px;margin-bottom:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.stat{display:grid;padding:1.1rem;border:1px solid var(--line);border-radius:15px;background:#ffffff0b}.stat strong{color:var(--gold);font-size:2rem;line-height:1}.stat b{margin-top:.45rem}.stat small{margin-top:.15rem;color:var(--muted)}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.section-title h2{margin:0}.section-title a,.section-title span{color:var(--gold);font-size:.82rem;font-weight:800}.section-title a{display:inline-flex;min-height:44px;align-items:center}.team-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.75rem;min-height:61px;border-top:1px solid rgba(255,255,255,.08)}.team-row>span:first-child{font-size:1.7rem}.team-row b,.team-row small{display:block}.team-row small{margin-top:.18rem;color:var(--muted);font-size:.75rem}.status-chip{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .55rem;border-radius:99px;color:#cbd4e3;background:#ffffff14;font-size:.72rem;font-weight:800;white-space:nowrap}.status-chip.green{color:var(--green);background:#5fe0ad1a}.status-chip.gold{color:var(--gold);background:#ffd75f1a}.player-score{display:grid;grid-template-columns:28px 36px 1fr auto;align-items:center;gap:.55rem;min-height:60px;border-top:1px solid rgba(255,255,255,.08)}.player-score.active{color:var(--gold)}.player-score>span:nth-child(2){font-size:1.35rem}.player-score strong{font-size:.82rem}.draw-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.3rem;margin-bottom:1rem;padding:1.35rem;border:1px solid rgba(255,215,95,.28);border-radius:18px;background:linear-gradient(110deg,#ffd75f1a,#112850bf)}.draw-status h2,.draw-status p{margin-bottom:.25rem}.draw-orb{display:grid;width:78px;height:78px;place-items:center;border:3px solid rgba(255,215,95,.45);border-radius:50%;background:#00000038;font-size:2.7rem}.text-button{display:block;margin:0 auto 1rem;padding:.6rem 1rem;color:var(--gold);background:transparent}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.pick{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.7rem;border-radius:12px;background:#ffffff0b}.pick>span{font-size:1.65rem}.pick b,.pick small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick small{color:var(--muted);font-size:.68rem}.round-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:1rem}.round-strip>div{display:grid;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#ffffff09}.round-strip b{color:var(--gold);font-size:1.25rem}.round-strip span{font-weight:800}.round-strip small{color:var(--muted)}.empty{padding:3rem 1rem;text-align:center}.empty>span{font-size:3rem}.empty h3{margin:.6rem 0 .2rem}.team-card-grid,.player-grid,.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.team-card-top{display:flex;align-items:center;justify-content:space-between}.team-card-top>span:first-child{font-size:2.6rem}.team-card h2{margin-top:.7rem}.team-card p{font-size:.82rem}.mini-path{display:flex;gap:.25rem}.mini-path span{width:100%;padding-top:.45rem;border-top:3px solid rgba(255,255,255,.12);color:var(--muted);font-size:.6rem;text-align:center}.mini-path span.done{border-color:var(--green);color:#fff}.player-tile{display:grid;place-items:center;min-height:142px;border:1px solid var(--line);border-radius:16px;background:#ffffff0a;cursor:pointer}.player-tile:hover,.player-tile.selected{border-color:var(--gold);background:#ffd75f17}.player-tile>span{font-size:2.5rem}.player-tile b,.player-tile small{display:block}.player-tile small{color:var(--muted)}.member-detail{margin-top:1rem}.member-heading{display:flex;align-items:center;gap:1rem;margin-bottom:.7rem}.member-heading>span{font-size:3.5rem}.member-heading p{margin:0}.tabs{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.tabs button{padding:.65rem 1rem;color:var(--muted);background:#ffffff0d}.tabs button.active{color:var(--navy);background:var(--gold)}.tabs>span{margin-left:auto;color:var(--muted);font-size:.82rem}.team-explorer{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:1rem}.team-explorer,.team-explorer>*{min-width:0}.team-list h2{margin-bottom:.8rem}.team-select{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.65rem;width:100%;min-height:64px;padding:.6rem;border:0;border-top:1px solid rgba(255,255,255,.08);color:#fff;background:transparent;text-align:left;cursor:pointer}.team-select.selected{border-radius:10px;background:#ffd75f1a}.team-select>span:first-child{font-size:1.7rem}.team-select b,.team-select small{display:block}.team-select small{color:var(--muted)}.team-story{text-align:center}.team-flag{font-size:5rem}.path{display:flex;margin:1.3rem 0;overflow-x:auto}.path span{min-width:105px;padding:.8rem .4rem;border-top:4px solid rgba(255,255,255,.12);color:var(--muted);font-size:.7rem}.path span.reached{border-color:var(--green);color:#fff}.path span.next{border-color:var(--gold);color:var(--gold)}.head-to-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem;border-radius:14px;background:#0000002e}.head-to-head>span{font-weight:850}.head-to-head small{display:block;margin-top:.2rem;color:var(--gold)}.fixture-card{padding:1.5rem;text-align:center}.fixture-card.featured{margin-bottom:1rem;border-color:#ffd75f40}.player-matchup{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:.7rem auto 0;color:#fff;font-size:1.05rem;font-weight:850}.player-matchup b{color:var(--gold)}.fixture-list{display:grid;gap:.5rem}.simple-fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:58px;border-top:1px solid rgba(255,255,255,.08)}.simple-fixture span:last-child{text-align:right}.simple-fixture small{display:block;color:var(--muted)}.fixture-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1rem auto;max-width:600px}.fixture-teams span{font-size:1.5rem}.fixture-teams b,.fixture-teams small{display:block}.fixture-teams strong{color:var(--gold);font-size:1.8rem}.fixture-teams small{color:var(--muted);font-size:.75rem}.group-buttons{display:flex;gap:.35rem;margin-bottom:.8rem;overflow-x:auto;padding:3px}.group-buttons button{min-width:46px;background:#ffffff0f}.group-buttons button.active{color:var(--navy);background:var(--gold)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{min-height:48px;padding:.8rem .6rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}th{color:var(--muted);font-size:.68rem;text-transform:uppercase}th:first-child,td:first-child{text-align:left}.place{display:inline-grid;width:25px;height:25px;margin-right:.5rem;place-items:center;border-radius:50%;color:var(--navy);background:var(--gold);font-size:.7rem;font-weight:900}.bracket{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:1rem;align-items:start;overflow-x:auto;padding:.2rem .2rem 1rem}.bracket-round{display:grid;gap:.8rem}.bracket-round h2{color:var(--gold);text-align:center}.bracket-game{padding:1rem;border:1px solid var(--line);border-radius:14px;background:#ffffff0b}.bracket-game>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:34px}.bracket-game small{color:var(--muted)}.bracket-game strong{display:block;margin:.35rem 0;color:var(--gold);text-align:center}.center-action{margin-top:1.5rem;text-align:center}.center-action p{margin:.6rem}.leaderboard{padding:.4rem 1rem}.leader-row{display:grid;grid-template-columns:42px 48px 1fr auto;align-items:center;min-height:75px;border-top:1px solid rgba(255,255,255,.08)}.leader-row:first-child{border-top:0}.leader-row.active{margin:0 -.5rem;padding:0 .5rem;border-radius:12px;background:#ffd75f17}.rank{color:var(--gold);font-size:1.3rem;font-weight:900}.avatar{font-size:1.8rem}.leader-name b,.leader-name small,.leader-row>strong small{display:block}.leader-name small{margin-top:.15rem;color:var(--muted);font-size:.72rem}.leader-row>strong{color:var(--gold);font-size:1.35rem;text-align:right}.leader-row>strong small{color:var(--muted);font-size:.65rem}.info-note{margin-top:1rem;padding:1rem;border:1px solid rgba(95,224,173,.22);border-radius:13px;color:#c9f5e3;background:#5fe0ad0f}.locked-pick{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem}.locked-pick h2,.locked-pick p{margin-bottom:.2rem}.lock-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#ffd75f1a;font-size:1.7rem}.locked-control{min-height:44px;padding:.55rem .75rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#ffffff0f;font-weight:800}.score-tip{max-width:690px;padding:1.7rem;text-align:center}.score-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;max-width:420px;margin:1.5rem auto}.score-inputs label span{display:block;margin-bottom:.5rem;font-weight:850}.score-inputs input{width:92px;height:70px;border:2px solid var(--line);border-radius:14px;color:#fff;background:#0003;font-size:2rem;font-weight:900;text-align:center}.score-inputs b{padding-bottom:1.1rem;font-size:2rem}.success{margin:.8rem 0 0;color:var(--green);font-weight:800}.rule{position:relative;padding:1.3rem;border:1px solid var(--line);border-radius:17px;background:#ffffff0b}.rule-icon{margin-bottom:.6rem;font-size:2.5rem}.step-number{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--navy);background:var(--gold);font-weight:950}.rule .step-number{position:absolute;top:1rem;right:1rem}.points-line{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem;margin:1rem 0}.points-line span{display:grid;gap:.4rem;min-height:85px;place-content:center;border-radius:10px;background:#ffffff0d;text-align:center}.points-line small{color:var(--muted)}.points-line b{color:var(--gold);font-size:1.25rem}.muted{color:var(--muted)}.finish-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin-top:1rem;padding:1.4rem}.finish-card>span{font-size:3rem}.finish-card h2,.finish-card p{margin-bottom:.2rem}.welcome{display:grid;min-height:100vh;padding:1rem;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(55,100,179,.4),transparent 29rem),var(--navy)}.welcome-card{width:min(760px,100%);padding:clamp(1.4rem,5vw,3.5rem);border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#091d40eb;box-shadow:0 30px 90px #00000059;text-align:center}.panda-hero{margin-bottom:.8rem;font-size:5.5rem;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}.welcome h1 em{color:var(--gold);font-style:normal}.welcome-card>p{max-width:590px;margin-right:auto;margin-left:auto}.identity-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;border:1px solid var(--line);border-radius:15px;background:#ffffff0a;text-align:left}.identity-box b,.identity-box small{display:block}.identity-box small{margin-top:.15rem;color:var(--muted)}.player-choice{min-width:120px;padding:.65rem 1rem;border:1px solid var(--line);background:#ffffff0d}.player-choice.chosen{border-color:var(--green);color:var(--green);background:#5fe0ad14}.welcome-actions{display:flex;justify-content:center;gap:.7rem}.safe-note{margin:1.2rem 0 0!important;color:#90ddc1!important;font-size:.78rem}@media (max-width: 980px){.layout{display:block}.side-nav{position:sticky;z-index:15;top:72px;flex-direction:row;height:auto;padding:.5rem .7rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);background:#05122bf7}.nav-link{flex:0 0 auto;min-height:44px;padding:.55rem .7rem}.nav-link.active{box-shadow:inset 0 -3px var(--red)}.two-column,.team-explorer{grid-template-columns:1fr}.pick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.topbar{gap:.5rem;min-height:64px;padding:.5rem .7rem}.brand-mark{width:40px;height:40px;font-size:1.45rem}.brand small,.demo-badge{display:none}.quiet-button{padding:.55rem .65rem;font-size:.8rem}.side-nav{top:64px}.nav-link{flex-direction:column;gap:.15rem;min-width:72px;font-size:.62rem}#main-content{padding:1.1rem .85rem 2rem}.page-header{display:block;margin-bottom:1.2rem}.page-header>button{width:100%;margin-top:.8rem}.page-header p{font-size:.94rem}.tour-rail{grid-template-columns:1fr auto;margin:0 0 1.2rem}.tour-dots{grid-column:1 / -1;grid-row:2}.tour-rail .compact{max-width:170px}.hero-card,.draw-status{display:grid;grid-template-columns:1fr;text-align:center}.hero-card .primary,.draw-status .primary{width:100%}.draw-orb{margin:0 auto}.stat-grid{grid-template-columns:repeat(3,1fr);gap:.45rem}.stat{padding:.8rem .45rem;text-align:center}.stat strong{font-size:1.55rem}.stat b{font-size:.72rem}.stat small{font-size:.62rem}.pick-grid,.round-strip{grid-template-columns:repeat(2,1fr)}.team-card-grid,.player-grid,.rule-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.team-card,.rule{padding:1rem}.player-tile{min-height:120px}.tabs>span{display:none}.fixture-teams span{font-size:1rem}.leader-row{grid-template-columns:28px 39px 1fr auto}.leader-name small{max-width:145px}.locked-pick{grid-template-columns:auto 1fr}.locked-pick>.status-chip{grid-column:2;width:-moz-max-content;width:max-content}.score-tip{padding:1.15rem .7rem}.score-inputs{gap:.35rem}.points-line{grid-template-columns:repeat(3,1fr)}.finish-card{grid-template-columns:auto 1fr}.finish-card .primary{grid-column:1 / -1}.identity-box{grid-template-columns:auto 1fr}.identity-box .player-choice{grid-column:1 / -1;width:100%}.welcome-actions{flex-direction:column}.welcome-actions button{width:100%}}@media (max-width: 390px){.team-card-grid,.rule-grid,.pick-grid{grid-template-columns:1fr}.team-row{grid-template-columns:34px 1fr}.team-row>.status-chip{grid-column:2;width:-moz-max-content;width:max-content;margin-bottom:.5rem}}