:root{color-scheme:light dark;--ice:#eaf4fb;--ice2:#c9dfee;--ink:#0a1f33;--mute:#53697c;--home:#1766c9;--away:#d62839;--amber:#ffb000;--card:rgba(255,255,255,.82);--field:#fff;--line:rgba(10,31,51,.14);--rinkbg:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 85 200%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cg fill=%22none%22%3E%3Crect x=%223%22 y=%223%22 width=%2279%22 height=%22194%22 rx=%2222%22 stroke=%22rgba%2810%2C31%2C51%2C.28%29%22 stroke-width=%221.2%22/%3E%3Cpath d=%22M3 100H82%22 stroke=%22rgba%28214%2C40%2C57%2C.34%29%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M3 76H82M3 124H82%22 stroke=%22rgba%2823%2C102%2C201%2C.34%29%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M6 12H79M6 188H79%22 stroke=%22rgba%28214%2C40%2C57%2C.34%29%22 stroke-width=%22.7%22/%3E%3Ccircle cx=%2242.5%22 cy=%22100%22 r=%2213%22 stroke=%22rgba%2823%2C102%2C201%2C.34%29%22 stroke-width=%22.9%22/%3E%3Ccircle cx=%2221%22 cy=%2244%22 r=%2211%22 stroke=%22rgba%28214%2C40%2C57%2C.34%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2264%22 cy=%2244%22 r=%2211%22 stroke=%22rgba%28214%2C40%2C57%2C.34%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2221%22 cy=%22156%22 r=%2211%22 stroke=%22rgba%28214%2C40%2C57%2C.34%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2264%22 cy=%22156%22 r=%2211%22 stroke=%22rgba%28214%2C40%2C57%2C.34%29%22 stroke-width=%22.8%22/%3E%3Cpath d=%22M36 12a6.5 6.5 0 0 0 13 0M36 188a6.5 6.5 0 0 1 13 0%22 stroke=%22rgba%2823%2C102%2C201%2C.34%29%22 stroke-width=%22.8%22/%3E%3Cg stroke=%22rgba%28255%2C255%2C255%2C.9%29%22 stroke-width=%22.35%22%3E%3Cpath d=%22M-5 60C25 52 55 70 92 58M-5 140C30 150 60 128 92 142M10 10C30 60 20 120 50 190M70 20C55 70 75 130 40 195M-5 105C30 98 60 112 92 100%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--good:#0a8f5b;--bad:#c4202f;--hd:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--tag:"Orbitron","JetBrains Mono",Menlo,monospace;--mono:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace}
:root[data-theme="dark"]{--ice:#0a1520;--ice2:#10263a;--ink:#e8f3fb;--mute:#8ea6ba;--home:#4aa3ff;--away:#ff5468;--card:rgba(15,31,47,.82);--field:#0b1826;--line:rgba(180,215,240,.16);--rinkbg:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 85 200%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cg fill=%22none%22%3E%3Crect x=%223%22 y=%223%22 width=%2279%22 height=%22194%22 rx=%2222%22 stroke=%22rgba%28190%2C225%2C250%2C.22%29%22 stroke-width=%221.2%22/%3E%3Cpath d=%22M3 100H82%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M3 76H82M3 124H82%22 stroke=%22rgba%2874%2C163%2C255%2C.3%29%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M6 12H79M6 188H79%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.7%22/%3E%3Ccircle cx=%2242.5%22 cy=%22100%22 r=%2213%22 stroke=%22rgba%2874%2C163%2C255%2C.3%29%22 stroke-width=%22.9%22/%3E%3Ccircle cx=%2221%22 cy=%2244%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2264%22 cy=%2244%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2221%22 cy=%22156%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2264%22 cy=%22156%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Cpath d=%22M36 12a6.5 6.5 0 0 0 13 0M36 188a6.5 6.5 0 0 1 13 0%22 stroke=%22rgba%2874%2C163%2C255%2C.3%29%22 stroke-width=%22.8%22/%3E%3Cg stroke=%22rgba%28190%2C225%2C250%2C.16%29%22 stroke-width=%22.35%22%3E%3Cpath d=%22M-5 60C25 52 55 70 92 58M-5 140C30 150 60 128 92 142M10 10C30 60 20 120 50 190M70 20C55 70 75 130 40 195M-5 105C30 98 60 112 92 100%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--good:#34d399;--bad:#ff6b7b}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ice:#0a1520;--ice2:#10263a;--ink:#e8f3fb;--mute:#8ea6ba;--home:#4aa3ff;--away:#ff5468;--card:rgba(15,31,47,.82);--field:#0b1826;--line:rgba(180,215,240,.16);--rinkbg:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 85 200%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cg fill=%22none%22%3E%3Crect x=%223%22 y=%223%22 width=%2279%22 height=%22194%22 rx=%2222%22 stroke=%22rgba%28190%2C225%2C250%2C.22%29%22 stroke-width=%221.2%22/%3E%3Cpath d=%22M3 100H82%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M3 76H82M3 124H82%22 stroke=%22rgba%2874%2C163%2C255%2C.3%29%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M6 12H79M6 188H79%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.7%22/%3E%3Ccircle cx=%2242.5%22 cy=%22100%22 r=%2213%22 stroke=%22rgba%2874%2C163%2C255%2C.3%29%22 stroke-width=%22.9%22/%3E%3Ccircle cx=%2221%22 cy=%2244%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2264%22 cy=%2244%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2221%22 cy=%22156%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Ccircle cx=%2264%22 cy=%22156%22 r=%2211%22 stroke=%22rgba%28255%2C84%2C104%2C.3%29%22 stroke-width=%22.8%22/%3E%3Cpath d=%22M36 12a6.5 6.5 0 0 0 13 0M36 188a6.5 6.5 0 0 1 13 0%22 stroke=%22rgba%2874%2C163%2C255%2C.3%29%22 stroke-width=%22.8%22/%3E%3Cg stroke=%22rgba%28190%2C225%2C250%2C.16%29%22 stroke-width=%22.35%22%3E%3Cpath d=%22M-5 60C25 52 55 70 92 58M-5 140C30 150 60 128 92 142M10 10C30 60 20 120 50 190M70 20C55 70 75 130 40 195M-5 105C30 98 60 112 92 100%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--good:#34d399;--bad:#ff6b7b}}
*{box-sizing:border-box}html,body{margin:0}
body{color:var(--ink);font:15px/1.5 var(--hd);background:linear-gradient(180deg,var(--ice),var(--ice2)) fixed;min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--rinkbg) center/cover no-repeat;pointer-events:none}
#sb{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 14px 11px;background:#07121f;color:#fff;border-bottom:4px solid var(--away);box-shadow:0 4px 0 -1px #1766c9,0 10px 24px -8px rgba(0,0,0,.5)}
#sb .tm{display:flex;flex-direction:column;min-width:0}#sb .tm.a{text-align:right}
#sb .tm span{font:700 15px/1.2 var(--hd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sb .tm b{font:700 12px var(--mono);opacity:.85}
#sb .h span{color:#6fb4ff}#sb .a span{color:#ff7c8b}
.lc{text-align:center;font-family:var(--mono);color:var(--amber);text-shadow:0 0 10px rgba(255,176,0,.55)}
.lc i{font:700 26px/1 var(--tag);font-style:normal;letter-spacing:1px}.lc u{text-decoration:none;margin:0 4px;opacity:.7;font-size:24px}.lc small{display:block;font-size:10px;color:#9fb7cc;text-shadow:none;margin-top:2px}
main{max-width:640px;margin:0 auto;padding:6px 12px}
.tab{display:none}.tab.on{display:block}
.card{background:var(--card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);border-radius:22px 8px 22px 8px;padding:14px;margin:12px 0;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 26px -14px rgba(8,36,66,.55)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .card{border-color:rgba(180,215,240,.12)}}:root[data-theme="dark"] .card{border-color:rgba(180,215,240,.12)}
.card.hm{border-left:5px solid var(--home)}.card.aw{border-left:5px solid var(--away)}
h2{margin:0 0 10px;font:700 18px/1.1 var(--hd);display:flex;justify-content:space-between;align-items:center;gap:8px}
h2::before{content:"";width:22px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--away) 50%,var(--home) 50%);margin-right:2px;flex:none}h2>span:first-child{flex:1}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
label{display:block;font-size:12px;color:var(--mute);margin-bottom:3px}
input,select{width:100%;background:var(--field);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:10px;font-size:16px}
input:focus,select:focus,button:focus-visible{outline:3px solid var(--home);outline-offset:1px;border-color:transparent}
.nm{font:700 20px var(--hd);border:0;border-bottom:2px solid var(--line);border-radius:0;background:transparent;padding:4px 0;margin-bottom:10px}
.h{color:var(--home)}.a{color:var(--away)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.chk{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--ink);margin:0;cursor:pointer;background:var(--field);border:1.5px solid var(--line);border-radius:20px;padding:6px 11px}.chk input{width:auto}
.rinkwrap{border-radius:16px 6px 16px 6px;overflow:hidden;border:2px solid var(--line);background:#f4fbff}.rinkwrap svg{display:block;width:100%;height:auto}
#puck{animation:slide .8s cubic-bezier(.2,.9,.25,1)}@keyframes slide{from{transform:translateX(0)}}
.bar{display:flex;height:36px;border-radius:10px;overflow:hidden;background:rgba(127,150,170,.2);font:700 15px var(--hd);margin:6px 0;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}
.bar div{display:flex;align-items:center;justify-content:center;min-width:0;transition:width .35s}
.big{display:flex;justify-content:space-between;font:700 14px var(--hd)}
.lean{border:2px solid var(--amber);background:linear-gradient(135deg,rgba(255,176,0,.2),var(--card))}.lean .t{font:700 24px/1.1 var(--hd)}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 4px;text-align:right;border-bottom:1px solid var(--line)}tr:nth-child(even) td{background:rgba(127,160,190,.08)}th{color:var(--mute);font-weight:600;font-size:11px}th:first-child,td:first-child{text-align:left}
td input{width:62px;padding:5px;font-size:13px;text-align:right}.pos{color:var(--good);font-weight:700}.neg{color:var(--bad)}.dim{color:var(--mute)}.star{color:#e59a00}
.note{font-size:12px;color:var(--mute);margin-top:8px}.chip{display:inline-block;background:var(--field);border:1.5px solid var(--line);border-radius:8px;padding:6px 10px;margin:3px 4px 0 0;font:700 15px var(--hd)}
button{font:700 15px var(--hd);background:var(--home);color:#fff;border:0;border-radius:10px;padding:10px 16px}button.g{background:var(--field);color:var(--ink);border:1.5px solid var(--line)}
#go{width:100%;font-size:19px;padding:15px;border-radius:26px 8px 26px 8px;background:linear-gradient(135deg,var(--away),#a31422);box-shadow:0 8px 20px -8px var(--away)}
details{margin:12px 0}summary{cursor:pointer;font:700 15px var(--hd);color:var(--mute)}
nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:#07121f;padding-bottom:env(safe-area-inset-bottom);border-top:3px solid var(--away)}
nav button{flex:1;background:none;border-radius:0;color:#8ea6ba;padding:9px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;position:relative}
nav button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav button.on{color:#fff}nav button.on::before{content:"";position:absolute;top:-3px;left:20%;right:20%;height:3px;background:#4aa3ff}
@media(prefers-reduced-motion:reduce){#puck{animation:none}.bar div{transition:none}}
.bar,.chip,td:not(:first-child),#sb .tm b,input[type=number]{font-family:var(--mono)}
.bar{font-size:13px;font-weight:700}.chip{font-size:14px;font-weight:600}td{font-variant-numeric:tabular-nums}h2{letter-spacing:-.01em}