@font-face{font-family:Tektur;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tektur-cyrillic-500-normal-DVUiZ4Vr.woff2) format("woff2"),url(/assets/tektur-cyrillic-500-normal-KtwJ9Ss1.woff) format("woff")}@font-face{font-family:Tektur;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tektur-cyrillic-700-normal-BSMguwhP.woff2) format("woff2"),url(/assets/tektur-cyrillic-700-normal-D1atVEjX.woff) format("woff")}@font-face{font-family:Tektur;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tektur-latin-500-normal-BaO-2FE3.woff2) format("woff2"),url(/assets/tektur-latin-500-normal-Biij5T5I.woff) format("woff")}@font-face{font-family:Tektur;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tektur-latin-700-normal-C1zV6pdp.woff2) format("woff2"),url(/assets/tektur-latin-700-normal-BZLepTwT.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/onest-cyrillic-400-normal-BTdD9fLi.woff2) format("woff2"),url(/assets/onest-cyrillic-400-normal-BQq8x-Ju.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/onest-cyrillic-500-normal-CJRUgmys.woff2) format("woff2"),url(/assets/onest-cyrillic-500-normal-BMFE-GJD.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/onest-cyrillic-600-normal-BZYKVyuq.woff2) format("woff2"),url(/assets/onest-cyrillic-600-normal-DXk93W_-.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/onest-latin-400-normal-9AYXx_QC.woff2) format("woff2"),url(/assets/onest-latin-400-normal-RaMPE1jb.woff) format("woff")}@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/onest-latin-600-normal-DM19Lk_j.woff2) format("woff2"),url(/assets/onest-latin-600-normal-D88KJsY0.woff) format("woff")}:root{--ink: #06090D;--rink: #0D141C;--rink-2: #131D28;--line: #1D2A37;--frost: #EAF2F8;--mist: #8898A8;--goal: #E5484D;--me: #2EE59D;--opp: #FF5CAA;--f-board: "Tektur", "Onest", system-ui, sans-serif;--f-text: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--r-card: 20px;--r-small: 12px;--pad: 16px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--frost)}body{font:400 15px/1.45 var(--f-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:2px solid var(--frost);outline-offset:3px;border-radius:var(--r-small)}h1,h2{margin:0}.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.screen{max-width:520px;margin:0 auto;padding:12px var(--pad) 24px}.board{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:4px 10px;padding:18px 18px 14px;border-radius:var(--r-card);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--me) 16%,transparent),transparent 60%),radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--opp) 16%,transparent),transparent 60%),linear-gradient(180deg,#0b1119,#070b10);border:1px solid var(--line);overflow:hidden;isolation:isolate}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(234,242,248,.07) 1px,transparent 1.2px);background-size:6px 6px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}.board:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;z-index:-1;transform:translate(-50%);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--goal) 55%,transparent),transparent)}.board-side{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.board-side.is-right{align-items:flex-end}.board-name{font-weight:600;font-size:15px;letter-spacing:.01em}.board-name.is-me{color:var(--me)}.board-name.is-opp{color:var(--opp)}.board-digits{font:700 64px/1 var(--f-board);font-variant-numeric:tabular-nums;margin-top:2px;color:color-mix(in srgb,var(--frost) 55%,transparent)}.board-digits.is-me[data-lead]{color:var(--me);text-shadow:0 0 22px color-mix(in srgb,var(--me) 55%,transparent)}.board-digits.is-opp[data-lead]{color:var(--opp);text-shadow:0 0 22px color-mix(in srgb,var(--opp) 55%,transparent)}.board-colon{font:700 44px/1 var(--f-board);color:var(--mist);padding:0 4px 10px}.board-caption{grid-column:1 / -1;margin:10px 0 0;text-align:center;font-size:13px;color:var(--mist)}.daynav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:18px 0 10px}.daynav-arrow{width:44px;height:44px;border-radius:50%;font:500 26px/1 var(--f-board);color:var(--mist);background:var(--rink);border:1px solid var(--line)}.daynav-arrow:active{background:var(--rink-2)}.daynav-title{text-align:center;display:flex;flex-direction:column}.daynav-title strong{font:700 20px/1.2 var(--f-board)}.daynav-title span{font-size:13px;color:var(--mist)}.hint{margin:0 0 12px;font-size:13px;color:var(--mist);text-align:center;text-wrap:balance}.notice{margin:0 0 12px;padding:10px 14px;border-radius:var(--r-small);background:color-mix(in srgb,var(--goal) 14%,var(--rink));border:1px solid color-mix(in srgb,var(--goal) 40%,transparent);font-size:14px}.empty{margin:32px 12px;text-align:center;color:var(--mist);text-wrap:balance}.skeleton{height:220px;border-radius:var(--r-card);background:var(--rink);animation:breathe 1.4s ease-in-out infinite}.matches{list-style:none;margin:0;padding:0;display:grid;gap:12px}.card{position:relative;border-radius:var(--r-card);background:var(--rink);border:1px solid var(--line);padding:12px 12px 10px}.card.is-derby{border:1px solid transparent;background:linear-gradient(var(--rink),var(--rink)) padding-box,linear-gradient(100deg,var(--me),color-mix(in srgb,var(--me) 20%,var(--line)) 40%,color-mix(in srgb,var(--opp) 20%,var(--line)) 60%,var(--opp)) border-box}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;padding:0 4px}.card-time{font:500 15px/1 var(--f-board);color:var(--frost);font-variant-numeric:tabular-nums}.card.is-final .card-time{color:var(--mist);font-family:var(--f-text);font-size:13px}.live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--goal);font:500 13px/1 var(--f-text)}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--goal);box-shadow:0 0 color-mix(in srgb,var(--goal) 60%,transparent);animation:pulse 1.6s ease-out infinite}.derby-tag,.fav-tag{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px}.derby-tag{color:var(--ink);background:linear-gradient(90deg,var(--me),var(--opp))}.fav-tag.is-me{color:var(--me);background:color-mix(in srgb,var(--me) 14%,transparent)}.fav-tag.is-opp{color:var(--opp);background:color-mix(in srgb,var(--opp) 14%,transparent)}.card-body{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;margin-top:8px}.card-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.vs{font-size:12px;color:var(--mist)}.score{font:700 28px/1 var(--f-board);font-variant-numeric:tabular-nums;white-space:nowrap}.score i{font-style:normal;color:var(--mist);margin:0 2px}.card.is-live .score{color:var(--frost)}.wintype{font:500 11px/1 var(--f-board);color:var(--mist);letter-spacing:.04em}.side{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 4px 12px;border-radius:16px;overflow:hidden;isolation:isolate;transition:background-color .16s ease,opacity .2s ease}button.side:active{background:var(--rink-2)}.side-name{margin-top:8px;font-weight:600;font-size:15px;line-height:1.2}.side-city{font-size:12px;color:var(--mist)}.side.is-lost{opacity:.45}.side-marks{display:flex;gap:5px;height:8px;margin-top:8px}.mark{width:22px;height:4px;border-radius:2px}.mark.is-me{background:var(--me);box-shadow:0 0 10px color-mix(in srgb,var(--me) 70%,transparent)}.mark.is-opp{background:var(--opp);box-shadow:0 0 10px color-mix(in srgb,var(--opp) 70%,transparent)}.side.is-mine .logo,.side.is-pending .logo{box-shadow:0 0 0 2px var(--me),0 0 24px color-mix(in srgb,var(--me) 45%,transparent)}.side.is-mine{background:color-mix(in srgb,var(--me) 7%,transparent)}.side.is-pending{background:color-mix(in srgb,var(--me) 5%,transparent)}.side.is-pending .logo{box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--me);animation:breathe 1.6s ease-in-out infinite}.logo{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1a2633,#0a1017);font:700 14px var(--f-board);color:var(--mist);transition:box-shadow .2s ease}.logo img{width:78%;height:78%;object-fit:contain}.lights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.lights:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 40% at 50% 34%,var(--beam),transparent 72%);opacity:.55}.lights i{position:absolute;top:-18%;width:46%;height:115%;transform-origin:50% 0;background:linear-gradient(180deg,var(--beam) 0%,color-mix(in srgb,var(--beam) 40%,transparent) 55%,transparent 85%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(4px);mix-blend-mode:screen}.lights i:first-child{left:-6%;animation:sweep-l 4.5s ease-in-out infinite alternate}.lights i:last-child{right:-6%;animation:sweep-r 4.5s ease-in-out infinite alternate}.side.fav-me{--beam: color-mix(in srgb, var(--me) 60%, transparent)}.side.fav-opp{--beam: color-mix(in srgb, var(--opp) 60%, transparent)}.side.fav-me.fav-opp{--beam: color-mix(in srgb, var(--me) 45%, var(--opp))}.card-foot{border-top:1px dashed var(--line);margin-top:6px;padding:8px 4px 0;display:grid;gap:3px}.foot-line{margin:0;display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--mist)}.foot-line:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;transform:translateY(-1px)}.foot-line.is-me:before{background:var(--me)}.foot-line.is-opp:before{background:var(--opp)}.foot-line b{color:var(--frost);font-weight:600}.res{order:2;margin-left:auto;font-weight:700;font-size:13px}.res-hit{color:var(--me)}.foot-line.is-opp .res-hit{color:var(--opp)}.res-miss,.res-skipped{color:var(--mist)}.dayres{margin-top:18px;padding:14px 16px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--rink)}.dayres h2{font:500 14px/1.2 var(--f-text);color:var(--mist);margin-bottom:8px}.dayres-row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;padding:3px 0}.dayres-row strong{font:700 26px/1 var(--f-board)}.dayres-row.is-me span:first-child,.dayres-row.is-me strong{color:var(--me)}.dayres-row.is-opp span:first-child,.dayres-row.is-opp strong{color:var(--opp)}.dayres-of{color:var(--mist);font-size:13px}.panel{margin-top:16px;padding:16px;border-radius:var(--r-card);background:var(--rink);border:1px solid var(--line)}.panel h2{font:700 17px/1.2 var(--f-board);margin-bottom:12px}.panel-note{margin:12px 0 0;font-size:13px;color:var(--mist)}.stats{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.stats th,.stats td{padding:8px 4px;text-align:right;font-size:14px}.stats thead th{font-weight:500;font-size:12px;color:var(--mist)}.stats tbody th{text-align:left;font-weight:600}.stats tbody tr+tr>*{border-top:1px solid var(--line)}.stats .is-me{color:var(--me)}.stats .is-opp{color:var(--opp)}.stats td:last-child{font:700 16px var(--f-board)}.fav-row{display:flex;align-items:center;gap:12px;padding:8px 0}.fav-row div{display:flex;flex-direction:column}.fav-row strong{font-weight:600}.fav-row.is-me strong{color:var(--me)}.fav-row.is-opp strong{color:var(--opp)}.fav-row span{font-size:13px;color:var(--mist)}.ghost{margin-top:10px;width:100%;padding:12px;border-radius:var(--r-small);border:1px solid var(--line);color:var(--frost);font-weight:500}.ghost:active{background:var(--rink-2)}.onboarding{padding-bottom:100px}.onb-head{padding:12px 4px 4px}.onb-head h1{font:700 26px/1.15 var(--f-board);text-wrap:balance}.onb-head p{margin:10px 0 0;color:var(--mist);font-size:14px}.conf{margin-top:20px}.conf h2{font:500 14px var(--f-text);color:var(--mist);margin:0 4px 10px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.team-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:14px 6px 12px;border-radius:16px;background:var(--rink);border:1px solid var(--line);transition:border-color .16s ease,background-color .16s ease}.team-tile-name{font-weight:600;font-size:13px;line-height:1.2}.team-tile-city{font-size:11px;color:var(--mist);margin-top:-4px}.team-tile.is-picked{border-color:var(--me);background:color-mix(in srgb,var(--me) 10%,var(--rink))}.team-tile.is-picked .logo{box-shadow:0 0 0 2px var(--me),0 0 24px color-mix(in srgb,var(--me) 45%,transparent)}.submit{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));width:min(488px,calc(100% - 32px));padding:15px;border-radius:14px;background:var(--me);color:var(--ink);font-weight:600;font-size:16px;box-shadow:0 10px 30px color-mix(in srgb,var(--me) 35%,transparent);z-index:5}.onboarding .submit{bottom:calc(20px + env(safe-area-inset-bottom))}.submit:disabled{opacity:.7}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tab{padding:11px;border-radius:12px;font-weight:500;color:var(--mist)}.tab.is-active{color:var(--frost);background:var(--rink-2)}.splash{min-height:100vh;display:grid;place-items:center}.splash-puck{width:56px;height:18px;border-radius:50%;background:#1a2633;animation:breathe 1.2s ease-in-out infinite}.blocked{min-height:100vh;display:grid;place-content:center;padding:32px;text-align:center}.blocked h1{font:700 24px var(--f-board)}.blocked p{color:var(--mist);max-width:32ch;margin:12px auto 0}@keyframes pulse{to{box-shadow:0 0 0 8px transparent}}@keyframes breathe{50%{opacity:.55}}@keyframes sweep-l{0%{transform:rotate(-30deg)}to{transform:rotate(-14deg)}}@keyframes sweep-r{0%{transform:rotate(14deg)}to{transform:rotate(30deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 360px){.board-digits{font-size:52px}.card-body{grid-template-columns:1fr 52px 1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}
