:root{--pitch: #0b0e0c;--stand: #131715;--stand-2: #1b211d;--chalk: #edf2ee;--hint: #8a948c;--line: rgba(237, 242, 238, .08);--turf: #30d158;--turf-ink: #062d13;--turf-dim: rgba(48, 209, 88, .13);--warn: #ffc53d;--loss: #ff6b57;--r: 14px;--r-sm: 10px;--dur: .18s;--ease: cubic-bezier(.3, .7, .4, 1);--display: "Barlow Condensed", "Arial Narrow", -apple-system, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-h: 62px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--pitch);color:var(--chalk);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{max-width:560px;margin:0 auto;min-height:100vh;padding:10px 14px calc(var(--nav-h) + 28px + env(safe-area-inset-bottom));padding-top:calc(10px + env(safe-area-inset-top))}#root.no-nav{padding-bottom:calc(28px + env(safe-area-inset-bottom))}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--turf);outline-offset:2px;border-radius:4px}input,textarea{font:inherit;color:var(--chalk);background:var(--stand);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 14px;width:100%}input::placeholder,textarea::placeholder{color:var(--hint)}input:focus,textarea:focus{outline:none;border-color:var(--turf)}.muted{color:var(--hint)}.small{font-size:.83rem}.tabular{font-variant-numeric:tabular-nums}.display{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.01em}.wordmark{font-family:var(--display);font-weight:700;font-style:italic;font-size:1.7rem;text-transform:uppercase;letter-spacing:.02em}.wordmark em{color:var(--turf);font-style:inherit}.eyebrow{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.11em;color:var(--hint)}h1.display{font-size:1.9rem;line-height:1.05}h2.display{font-size:1.35rem}.row{display:flex;align-items:center;gap:10px}.row--between{justify-content:space-between}.wrap{display:flex;flex-wrap:wrap;gap:6px}.stack{display:flex;flex-direction:column;gap:10px}.divider{height:1px;background:var(--line);margin:12px 0;border:none}.appbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 14px}.appbar .quiet{color:var(--hint);font-size:.85rem;font-weight:600;padding:6px 2px}.langbtn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--stand);color:var(--chalk);font-family:var(--display);font-weight:600;font-size:1.02rem;text-transform:uppercase;letter-spacing:.06em;transition:transform var(--dur) var(--ease)}.langbtn:active{transform:scale(.95)}.langbtn .globe{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--turf)}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:560px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 18px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--pitch) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bottomnav a{text-decoration:none;color:var(--hint);font-family:var(--display);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:8px 0;transition:color var(--dur) var(--ease)}.bottomnav a[aria-current=true]{color:var(--chalk);border-bottom:2px solid var(--turf)}.bottomnav .create{width:46px;height:46px;border-radius:50%;background:var(--turf);color:var(--turf-ink);font-size:1.7rem;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #30d15859;transition:transform var(--dur) var(--ease)}.bottomnav .create:active{transform:scale(.92)}.board{position:relative;display:block;width:100%;text-align:left;background:var(--stand);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px 14px 18px;overflow:hidden;transition:transform var(--dur) var(--ease)}.board:active{transform:scale(.985)}.board:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rail, var(--hint))}.board--live{--rail: var(--turf)}.board--wait{--rail: var(--warn)}.board--dead{--rail: color-mix(in srgb, var(--hint) 40%, transparent)}.board .title{font-family:var(--display);font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--hint);white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hint);flex-shrink:0}.status--live{color:var(--turf)}.status--live:before{background:var(--turf);animation:pulse 2s infinite}.status--wait{color:var(--warn)}.status--wait:before{background:var(--warn)}.status--danger{color:var(--loss)}.status--danger:before{background:var(--loss)}@keyframes pulse{50%{opacity:.35}}.fill{display:flex;align-items:center;gap:10px}.fill .track{flex:1;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.fill .track span{display:block;height:100%;background:var(--turf);border-radius:2px;transition:width .4s var(--ease)}.fill .count{font-family:var(--display);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.fill .count b{color:var(--turf);font-weight:inherit}.scoreline{width:100%;text-align:left;background:var(--stand);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 10px;transition:transform var(--dur) var(--ease)}.scoreline:active{transform:scale(.985)}.scoreline--mine{border-color:color-mix(in srgb,var(--turf) 35%,transparent);background:color-mix(in srgb,var(--turf) 4%,var(--stand))}.scoreline .strip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.scoreline .side{font-weight:500;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreline .side--away{text-align:right}.scoreline .digits{font-family:var(--display);font-weight:700;font-size:1.55rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:58px;text-align:center}.scoreline .digits.idle{color:var(--hint);font-size:1.2rem}.scoreline .under{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);min-height:20px}.section-h{display:flex;align-items:center;gap:12px;margin:8px 0 2px}.section-h .label{font-family:var(--display);font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.07em;color:var(--hint);white-space:nowrap}.section-h:after{content:"";flex:1;height:1px;background:var(--line)}.card{background:var(--stand);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card--tap{transition:transform var(--dur) var(--ease)}.card--tap:active{transform:scale(.985)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.8rem;background:var(--stand-2);border:1px solid var(--line);white-space:nowrap}.chip i{font-style:normal}.chip .ok{color:var(--turf)}.chip .no{color:var(--hint)}.pill{display:inline-flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:12px;font-weight:600;font-size:.98rem;background:var(--turf);color:var(--turf-ink);transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--ghost{background:var(--stand-2);color:var(--chalk);border:1px solid var(--line)}.btn--danger{background:color-mix(in srgb,var(--loss) 13%,var(--stand));color:var(--loss)}.btn--sm{padding:9px 14px;font-size:.87rem;width:auto;border-radius:10px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{font-family:var(--display);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--hint);padding:10px 12px 9px;border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--dur) var(--ease)}.tabs button[aria-selected=true]{color:var(--chalk);border-bottom-color:var(--turf)}.hero{position:relative;border-radius:var(--r);padding:22px 18px 18px;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% -20%,var(--turf-dim) 0%,transparent 55%),repeating-linear-gradient(180deg,var(--stand) 0px,var(--stand) 26px,color-mix(in srgb,var(--stand) 94%,#ffffff 6%) 26px,color-mix(in srgb,var(--stand) 94%,#ffffff 6%) 52px);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{position:sticky;top:0;background:var(--stand);font-family:var(--display);color:var(--hint);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-align:right;padding:8px 6px;border-bottom:1px solid var(--line)}thead th:nth-child(2){text-align:left}tbody td{padding:10px 6px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}tbody td:first-child{font-family:var(--display);font-weight:700;color:var(--hint)}tbody td:nth-child(2){text-align:left;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody td:last-child{font-family:var(--display);font-weight:700;font-size:1rem}tbody tr:last-child td{border-bottom:none}tr.me td{background:var(--turf-dim)}tr.me td:nth-child(2){color:var(--turf);font-weight:600}tr.advance td:first-child{color:var(--turf)}.bracket{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 14px;-webkit-overflow-scrolling:touch}.bracket__round{display:flex;flex-direction:column;justify-content:space-around;gap:10px;min-width:170px}.bracket__round h3{font-family:var(--display);font-size:.82rem;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.09em;text-align:center}.node{background:var(--stand);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 11px;font-size:.86rem}.node--mine{border-color:color-mix(in srgb,var(--turf) 45%,transparent);background:color-mix(in srgb,var(--turf) 6%,var(--stand))}.node__row{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.node__row .n-score{font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}.node__row.winner{font-weight:600}.node__row.winner .n-score{color:var(--turf)}.node__row.loser{color:var(--hint)}.countdown{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--hint)}.countdown--amber{color:var(--warn)}.countdown--red{color:var(--loss)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060599;z-index:50;animation:fade var(--dur) var(--ease)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;max-width:560px;margin:0 auto;background:var(--stand-2);border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:none;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:slide-up .24s var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(26px);opacity:0}}.stepper{display:flex;align-items:center;gap:14px;justify-content:center}.stepper button{width:46px;height:46px;border-radius:12px;background:var(--stand);border:1px solid var(--line);font-size:1.4rem;font-weight:600;transition:transform var(--dur) var(--ease)}.stepper button:active{transform:scale(.9);background:var(--turf-dim)}.stepper .value{font-family:var(--display);font-size:2.4rem;font-weight:700;min-width:52px;text-align:center;font-variant-numeric:tabular-nums;line-height:1}.option{width:100%;text-align:left;background:var(--stand);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.option:active{transform:scale(.985)}.option[aria-pressed=true]{border-color:var(--turf);background:color-mix(in srgb,var(--turf) 6%,var(--stand))}.option .t{font-family:var(--display);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em}.choice{padding:9px 14px;border-radius:9px;font-size:.87rem;font-weight:500;background:var(--stand-2);border:1px solid var(--line);color:var(--hint);white-space:nowrap;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.choice[aria-pressed=true]{color:var(--turf);border-color:var(--turf);background:var(--turf-dim)}.skeleton{border-radius:var(--r);background:linear-gradient(90deg,var(--stand) 25%,var(--stand-2) 50%,var(--stand) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:48px 24px;color:var(--hint)}.empty .k{font-family:var(--display);font-weight:700;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:var(--chalk);margin-bottom:6px}.reveal>*{animation:reveal-in .24s var(--ease) backwards}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:340px){#root{padding-left:10px;padding-right:10px}.scoreline .digits{font-size:1.3rem;min-width:48px}}