:root{--pitch:#141122;--pitch-2:#1a1630;--slip:#221d38;--slip-2:#2b2547;--line:#372f57;--coral:#ff5a4d;--coral-dim:#b83d34;--gold:#f5c542;--mint:#34e0b0;--ink:#f4f1ff;--muted:#9d97bd;--faint:#6f6892;--r:16px;--r-sm:10px;--shadow:0 12px 30px -12px #000000b3;--maxw:540px;--display:"Anton", "Arial Narrow", sans-serif;--body:"Sora", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--ink);background:radial-gradient(120% 60% at 50% -10%, #2a2350 0%, transparent 55%), radial-gradient(90% 40% at 100% 0%, #ff5a4d24 0%, transparent 50%), var(--pitch);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}h1,h2,h3{font-weight:700;line-height:1.05}.app{max-width:var(--maxw);min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.appbar{z-index:20;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));background:linear-gradient(var(--pitch) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.wordmark{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:20px;line-height:1}.wordmark .accent{color:var(--coral)}.wordmark .sub{font-family:var(--body);letter-spacing:.42em;color:var(--faint);margin-top:3px;font-size:9px;font-weight:700;display:block}.points-chip{font-family:var(--display);color:var(--pitch);background:var(--gold);letter-spacing:.03em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 5px;font-size:17px;display:inline-flex}.points-chip small{font-family:var(--body);letter-spacing:.1em;font-size:9px;font-weight:700}.appbar-right{align-items:center;gap:10px;display:flex;position:relative}.acct-btn{width:34px;height:34px;font-family:var(--display);color:var(--ink);background:var(--slip-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.acct-btn:hover{border-color:var(--coral)}.acct-backdrop{z-index:30;position:fixed;inset:0}.acct-menu{z-index:31;background:var(--slip);border:1px solid var(--line);border-radius:var(--r-sm);min-width:184px;box-shadow:var(--shadow);padding:8px;animation:.18s both rise;position:absolute;top:calc(100% + 8px);right:0}.acct-menu-name{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);margin-bottom:6px;padding:4px 8px 8px;font-size:10px;font-weight:700}.acct-menu-item{text-align:left;cursor:pointer;width:100%;font-family:var(--body);color:var(--ink);background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600}.acct-menu-item:hover{background:var(--slip-2);color:var(--coral)}.acct-menu-confirm{padding:2px 8px 4px}.acct-menu-confirm>span{color:var(--muted);margin-bottom:9px;font-size:13px;display:block}.acct-menu-row{gap:8px;display:flex}.acct-menu-row button{cursor:pointer;font-family:var(--body);border-radius:8px;flex:1;padding:7px 0;font-size:13px;font-weight:700}.acct-cancel{background:var(--slip-2);border:1px solid var(--line);color:var(--ink)}.acct-danger{background:var(--coral);border:1px solid var(--coral);color:#fff}.screen{flex:1;padding:6px 16px 24px;animation:.32s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:22px 2px 12px;font-size:11px;font-weight:800}.eyebrow.first{margin-top:8px}.nav{width:100%;max-width:var(--maxw);background:linear-gradient(transparent, var(--pitch) 40%);padding:10px 14px calc(12px + env(safe-area-inset-bottom));z-index:30;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button{border-radius:var(--r-sm);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;font-size:10px;font-weight:700;display:flex}.nav button .ic{font-size:19px;line-height:1}.nav button.on{color:var(--ink);background:var(--slip)}.nav button.on .ic{filter:drop-shadow(0 0 8px var(--coral))}.btn{border-radius:var(--r);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:800;transition:transform 80ms,filter .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--coral);color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(1.08)}.btn-ghost{background:var(--slip);color:var(--ink);border:1px solid var(--line)}.btn-gold{background:var(--gold);color:var(--pitch)}.card{background:var(--slip);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.pill{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.pill-open{color:var(--mint);background:#34e0b021}.pill-soon{color:var(--gold);background:#f5c54224}.pill-locked{color:var(--muted);background:#9d97bd1f}.pill-final{color:var(--coral);background:#ff5a4d24}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.dot.live{animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.match{text-align:left;width:100%;margin-bottom:12px;padding:15px 16px;display:block}.match-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.match-round{letter-spacing:.16em;color:var(--faint);text-transform:uppercase;font-size:10.5px;font-weight:800}.match-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.team{align-items:center;gap:9px;min-width:0;display:flex}.team.away{text-align:right;flex-direction:row-reverse}.flag{filter:drop-shadow(0 2px 3px #00000080);font-size:26px;line-height:1}.team-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.vs{font-family:var(--display);color:var(--faint);letter-spacing:.1em;font-size:13px}.scoreline{font-family:var(--display);letter-spacing:.05em;font-size:22px}.match-foot{border-top:1px dashed var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;font-size:12px;display:flex}.your-pick{align-items:center;gap:6px;font-weight:700;display:inline-flex}.your-pick .mini-score{font-family:var(--display);color:var(--ink);letter-spacing:.04em}.card-flag{color:var(--gold)}.board{text-align:center;background:radial-gradient(80% 100% at 50% 0%, #ff5a4d1a, transparent 70%), var(--slip);padding:22px 16px 20px}.board-teams{grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid}.board-team{flex-direction:column;align-items:center;gap:8px;display:flex}.board-flag{filter:drop-shadow(0 3px 5px #0000008c);font-size:44px;line-height:1}.board-team-name{color:var(--muted);font-size:13px;font-weight:700}.board-sep{font-family:var(--display);color:var(--faint);padding-top:22px;font-size:16px}.stepper{flex-direction:column;align-items:center;gap:6px;display:flex}.stepper-num{font-family:var(--display);min-width:64px;color:var(--ink);text-shadow:0 3px #00000040;font-size:60px;line-height:.9}.stepper-btns{gap:8px;display:flex}.step{background:var(--slip-2);border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:10px;place-items:center;font-size:20px;font-weight:800;line-height:1;display:grid}.step:active{transform:scale(.9)}.step:disabled{opacity:.3}.slot{margin-bottom:10px;padding:13px 14px}.slot-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.slot-badge{font-family:var(--display);background:var(--slip-2);color:var(--muted);border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.slot-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.slot-title .flag-sm{font-size:15px}.player-select{background:var(--slip-2);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239d97bd' stroke-width='2'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding:12px 13px;font-size:15px;font-weight:600}.player-select:focus-visible{outline:2px solid var(--coral);outline-offset:1px}.buckets{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.bucket{background:var(--slip-2);border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:9px;padding:9px 4px;font-size:12px;font-weight:700}.bucket.on{background:var(--mint);color:#05271d;border-color:var(--mint)}.scorer-trigger{background:var(--slip-2);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;font-size:15px;font-weight:600;display:flex}.scorer-trigger:disabled{opacity:.7}.scorer-trigger:not(.picked) .scorer-trigger-name{color:var(--muted)}.scorer-trigger.picked{border-color:var(--mint)}.scorer-trigger-cta{letter-spacing:.06em;text-transform:uppercase;color:var(--coral);flex:none;font-size:11px;font-weight:800}.scorer-trigger.picked .scorer-trigger-cta{color:var(--faint)}.scorer-picker{margin-top:2px}.scorer-search{width:100%;margin-bottom:8px}.scorer-grid{flex-wrap:wrap;gap:6px;max-height:216px;padding:2px;display:flex;overflow-y:auto}.scorer-chip{background:var(--slip-2);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:13px;font-weight:600;display:inline-flex}.scorer-chip.on{background:var(--mint);color:#05271d;border-color:var(--mint)}.scorer-pos{letter-spacing:.04em;color:var(--faint);font-size:9px;font-weight:800}.scorer-chip.on .scorer-pos{color:#05271d;opacity:.7}.scorer-empty{width:100%;margin:6px 2px}.dbl{border-radius:var(--r);border:1px solid var(--line);background:var(--slip);align-items:center;gap:13px;margin-top:4px;padding:15px;transition:all .2s;display:flex}.dbl.on{border-color:var(--gold);background:linear-gradient(120deg, #f5c54229, var(--slip) 70%);box-shadow:0 0 0 1px var(--gold), 0 10px 24px -14px var(--gold)}.dbl-icon{background:var(--slip-2);border-radius:10px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.dbl.on .dbl-icon{background:var(--gold)}.dbl-body{flex:1;min-width:0}.dbl-title{font-size:14px;font-weight:800}.dbl-sub{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.35}.switch{background:var(--slip-2);border:1px solid var(--line);border-radius:999px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.switch.on{background:var(--gold)}.switch.on:after{background:var(--pitch);transform:translate(20px)}.settle-toggle,.settle-teams{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settle-btn{border-radius:var(--r);background:var(--slip);border:1px solid var(--line);color:var(--ink);flex-direction:column;align-items:center;gap:4px;padding:15px 10px;transition:all .15s;display:flex}.settle-teams .settle-btn{background:var(--slip-2)}.settle-btn.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(120deg, #f5c54224, var(--slip) 75%)}.settle-label{font-size:14px;font-weight:800}.settle-sub{color:var(--muted);font-size:11px}.lockbar{bottom:calc(78px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--pitch) 30%);margin:18px -16px -8px;padding:14px 16px;position:sticky}.lock-note{text-align:center;color:var(--muted);margin-top:9px;font-size:12px}.saved-stamp{color:var(--mint);letter-spacing:.04em;align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.lb-row{align-items:center;gap:13px;margin-bottom:8px;padding:13px 15px;display:flex}.lb-rank{font-family:var(--display);text-align:center;width:30px;color:var(--faint);font-size:20px}.lb-row.top1{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.lb-row.top1 .lb-rank{color:var(--gold)}.lb-medal{text-align:center;width:30px;font-size:20px}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:700;overflow:hidden}.lb-name .you{color:var(--coral);letter-spacing:.1em;margin-left:6px;font-size:10px;font-weight:800}.lb-sub{color:var(--faint);font-size:11px}.lb-pts{font-family:var(--display);color:var(--gold);letter-spacing:.03em;font-size:24px}.lb-pts small{font-family:var(--body);color:var(--faint);text-align:right;letter-spacing:.1em;font-size:9px;font-weight:700;display:block}.brk{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.brk-chip{background:var(--slip-2);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.brk-chip.hit{color:var(--mint);background:#34e0b024}.brk-chip.miss{color:var(--faint);background:#9d97bd1a}.brk-chip.gold{color:var(--gold);background:#f5c54229}.auth{min-height:100dvh;max-width:var(--maxw);padding:24px 24px calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-hero{text-align:center;margin-bottom:34px}.auth-logo{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(46px,15vw,70px);line-height:.86}.auth-logo .accent{color:var(--coral);display:block}.auth-tag{color:var(--muted);margin-top:16px;font-size:15px;font-weight:600}.auth-tag .ar{color:var(--gold);font-size:18px}.field{margin-bottom:12px}.field label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 2px 7px;font-size:12px;font-weight:800;display:block}.input{background:var(--slip);border:1px solid var(--line);border-radius:var(--r);width:100%;color:var(--ink);padding:15px;font-size:16px;font-weight:600}.input:focus-visible{outline:2px solid var(--coral);outline-offset:1px}.input.code{text-align:center;font-family:var(--display);letter-spacing:.5em;padding-left:.5em;font-size:30px}.msg{text-align:center;margin:12px 2px 0;font-size:13px;line-height:1.45}.msg.err{color:var(--coral)}.msg.ok{color:var(--mint)}.link-btn{color:var(--coral);font-size:13px;font-weight:700;text-decoration:underline}.rule{margin-bottom:11px;padding:16px}.rule h3{align-items:center;gap:9px;font-size:15px;display:flex}.rule p{color:var(--muted);margin-top:8px;font-size:13.5px;line-height:1.55}.rule .tag{font-family:var(--display);color:var(--gold);font-size:15px}.score-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13.5px}.score-table td{border-bottom:1px dashed var(--line);color:var(--muted);padding:6px 0}.score-table td.pts{text-align:right;font-family:var(--display);color:var(--gold);letter-spacing:.03em;font-size:17px}.center-note{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;line-height:1.6}.spinner{border:3px solid var(--line);border-top-color:var(--coral);border-radius:50%;width:34px;height:34px;margin:60px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-hint{color:var(--faint);margin:0 2px 12px;font-size:12px;line-height:1.5}.back-btn{color:var(--muted);align-items:center;gap:6px;margin-bottom:4px;padding:6px 0;font-size:13px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}