@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#080a09;--panel:#0d100f;--panel-2:#121614;--line:#242a27;--soft-line:#1a1f1d;--text:#f3f5f4;--muted:#7f8985;--mint:#72f4c2;--mint-2:#b7f8df;--orange:#ff7a45;--cyan:#67dfff;--danger:#ff866e}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:radial-gradient(circle at 50% -20%,#15201c 0,transparent 38%),var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Manrope,system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#080a09e8;align-items:center;gap:14px;height:68px;padding:0 max(18px,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.8px;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand>span:last-child>span{color:var(--mint)}.ball-logo{width:31px;height:31px;color:var(--mint);background:#10211b;border:1px solid #3e5f53;border-radius:50%;place-items:center;font-size:23px;line-height:1;display:grid;box-shadow:0 0 24px #72f4c21a}.icon-button{border:1px solid var(--line);color:#9aa5a1;background:#101311;border-radius:8px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.icon-button:hover{color:var(--mint);border-color:#3f6456;transform:translateY(-1px)}.menu-button{display:none}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.daily-chip{letter-spacing:1.4px;color:var(--mint);background:#102019;border:1px solid #23483a;border-radius:6px;padding:9px 12px;font:500 10px DM Mono,monospace}.daily-chip i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%;margin-right:7px;display:inline-block}.game-frame{flex:1;width:min(1180px,100% - 32px);margin:22px auto 48px}.game-meta{letter-spacing:1px;color:#75807c;justify-content:space-between;padding:0 2px 15px;font:500 10px DM Mono,monospace;display:flex}.round{border:1px solid var(--line);background:#0a0d0c;box-shadow:0 20px 80px #0008}.scoreboard{border-bottom:1px solid var(--line);grid-template-columns:142px 1fr;height:76px;display:grid}.score-block{border-right:1px solid var(--line);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:end;padding:12px 16px;display:grid;position:relative;overflow:hidden}.score-block:after{content:"";border:1px solid #72f4c224;border-radius:50%;width:82px;height:82px;position:absolute;inset:auto -20px -33px auto;box-shadow:0 0 0 13px #0a0d0c,0 0 0 14px #72f4c217}.score-block>span{color:var(--mint);letter-spacing:1.4px;grid-column:1/-1;font:500 9px DM Mono,monospace}.score-block strong{letter-spacing:2px;font:500 29px/1 DM Mono,monospace}.score-block small{color:#5f6965;z-index:1;margin:0 0 2px 4px;font:500 9px DM Mono,monospace}.round-status{justify-content:space-between;align-items:center;gap:20px;padding:0 22px;display:flex}.round-status>div:first-child{flex-direction:column;gap:4px;display:flex}.round-status span{letter-spacing:1.1px;color:#59635f;font:500 9px DM Mono,monospace}.round-status b{color:#dce2df;font:500 13px DM Mono,monospace}.round-track{gap:7px;display:flex}.round-track span{color:#59625e;border:1px solid #303633;border-radius:5px;place-items:center;width:27px;height:27px;font:500 10px DM Mono,monospace;transition:all .3s;display:grid}.round-track span.live{background:var(--mint);border-color:var(--mint);color:#06110d;box-shadow:0 0 20px #72f4c233}.round-track span.past{color:var(--mint);background:#183528;border-color:#255941}.question-strip{border-bottom:1px solid var(--line);background:linear-gradient(115deg,#101513,#090c0b 68%);padding:22px 26px 24px;position:relative;overflow:hidden}.question-strip:after{content:"◉";color:#ffffff07;font-size:150px;line-height:1;position:absolute;top:-35px;right:24px}.question-meta{text-transform:uppercase;letter-spacing:1.3px;color:var(--mint);z-index:1;align-items:center;gap:8px;font:500 9px DM Mono,monospace;display:flex;position:relative}.question-meta i{color:#45504b;font-style:normal}.question-meta b{color:#89938f;font-weight:500}.question-strip h1{letter-spacing:-.8px;z-index:1;max-width:900px;margin:11px 0 8px;font-size:clamp(19px,2.5vw,30px);line-height:1.25;position:relative}.question-strip p{color:#747f7a;z-index:1;align-items:center;gap:7px;margin:0;font-size:12px;display:flex;position:relative}.map-stage{border-bottom:1px solid var(--line);background:#050807;height:clamp(380px,58vh,630px);position:relative}.map-shell{background:#050807;height:100%;position:relative;overflow:hidden}.map-svg{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.map-svg:active{cursor:grabbing}.map-grid line{stroke:#24302c;stroke-width:.8px}.map-label,.map-corner-label{letter-spacing:1px;color:#6d7873;border:1px solid var(--line);pointer-events:none;background:#090c0be6;border-radius:5px;padding:8px 10px;font:500 9px DM Mono,monospace;position:absolute}.map-label{bottom:13px;left:13px}.map-corner-label{color:var(--mint);bottom:13px;right:13px}.map-controls{background:var(--line);border:1px solid var(--line);border-radius:7px;gap:1px;display:grid;position:absolute;top:13px;right:13px;overflow:hidden;box-shadow:0 10px 24px #0007}.map-controls button{color:#7f8a85;background:#101412;border:0;place-items:center;width:36px;height:36px;transition:all .18s;display:grid}.map-controls button:hover{color:var(--mint);background:#17201d}.marker-pulse{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite marker-pulse}.answer-marker{animation:.45s cubic-bezier(.17,.84,.44,1) both marker-in}.answer-line{stroke-dashoffset:100px;animation:.7s forwards draw-line}.map-instruction{color:#78827e;border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:47px;padding:0 17px;font:400 10px DM Mono,monospace;display:flex}.map-instruction>span{background:#505a55;border-radius:50%;width:7px;height:7px}.map-instruction>span.ready{background:var(--mint);animation:1.4s infinite blink;box-shadow:0 0 11px #72f4c288}.action-button{background:var(--mint);color:#07100d;letter-spacing:1.2px;border:0;justify-content:center;align-items:center;gap:12px;width:100%;height:57px;font:700 11px DM Mono,monospace;transition:all .2s;display:flex}.action-button:hover:not(:disabled){background:var(--mint-2);box-shadow:0 0 30px #72f4c227}.action-button:disabled{cursor:not-allowed;color:#444d49;background:#151a18}.reveal-panel{border-bottom:1px solid var(--line);background:#101714;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.reveal-target{width:40px;height:40px;color:var(--mint);background:#14261f;border:1px solid #2c5646;border-radius:50%;place-items:center;display:grid}.reveal-panel>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.reveal-panel span,.reveal-panel small{letter-spacing:1px;color:#67736e;font:500 8px DM Mono,monospace}.reveal-panel strong{font-size:15px}.reveal-panel p{color:#85908b;margin:2px 0;font-size:11px;line-height:1.45}.points-pop{text-align:right}.points-pop b{color:var(--mint);font:500 26px DM Mono,monospace;display:block}.points-pop span{font-size:8px}.error{color:#ffad9d;background:#281310;border-bottom:1px solid #4d2018;padding:11px 16px;font-size:12px}.finish{text-align:center;border:1px solid var(--line);background:var(--panel);max-width:730px;margin:25px auto 0;padding:45px 44px;box-shadow:0 25px 90px #0008}.finish-orbit{width:68px;height:68px;color:var(--mint);background:#10231b;border:1px solid #275841;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid;box-shadow:0 0 0 8px #0e1914,0 0 50px #72f4c224}.kicker{color:var(--mint);letter-spacing:1.5px;justify-content:center;align-items:center;gap:7px;font:500 9px DM Mono,monospace;display:flex}.finish h1{letter-spacing:-3px;margin:10px 0 8px;font-size:clamp(38px,7vw,68px)}.finish-lede{color:#7f8985;font-size:13px;line-height:1.6}.share-card{text-align:left;background:#080a09;border:1px solid #2d3733;margin:27px 0 20px;padding:18px}.share-card-top,.share-foot{color:#6f7975;letter-spacing:1.2px;justify-content:space-between;font:500 9px DM Mono,monospace;display:flex}.share-card-top span:first-child{color:var(--mint)}.share-score{margin:20px 0 16px;font:500 48px DM Mono,monospace}.share-score small{color:#5b6661;margin-left:5px;font-size:13px}.share-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.share-tile{color:#07100d;border-radius:4px;flex-direction:column;justify-content:space-between;min-height:58px;padding:8px;display:flex}.share-tile b,.share-tile small{font:500 9px DM Mono,monospace}.tile-green{background:#72f4c2}.tile-yellow{background:#e4dd66}.tile-orange{background:#ff8a50}.tile-black{color:#a5aeaa;background:#252a28}.share-foot{border-top:1px solid var(--line);justify-content:flex-start;margin-top:15px;padding-top:14px}.results-list{border:1px solid var(--line);text-align:left;margin-bottom:18px}.result-item{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:12px 15px;display:grid}.result-item:last-child{border-bottom:0}.result-item>span{color:#59635f;font:500 10px DM Mono,monospace}.result-item div{flex-direction:column;gap:3px;display:flex}.result-item b{font-size:12px}.result-item small{color:#67716d;font-size:10px}.result-item strong{color:var(--mint);font:500 14px DM Mono,monospace}.tomorrow{color:#636d69;letter-spacing:.5px;justify-content:center;align-items:center;gap:7px;margin-top:17px;font:500 9px DM Mono,monospace;display:flex}.loading{border:1px solid var(--line);background:var(--panel);text-align:center;color:#73807a;place-content:center;min-height:520px;display:grid}.loader-ball{color:var(--mint);font-size:42px;animation:1.2s linear infinite spin}.loading p{letter-spacing:1px;margin-top:16px;font:500 10px DM Mono,monospace}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#000c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.how-modal{background:#0d110f;border:1px solid #303833;width:min(560px,100%);padding:36px;position:relative;box-shadow:0 30px 100px #000}.modal-close{border:1px solid var(--line);color:#8c9792;background:#111614;border-radius:6px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.how-modal .kicker{justify-content:flex-start}.how-modal h2{letter-spacing:-2.3px;margin:14px 0;font-size:43px;line-height:1.04}.how-modal h2 span{color:var(--mint)}.how-modal>p{color:#7f8a85;font-size:13px;line-height:1.7}.how-modal ol{border-top:1px solid var(--line);margin:25px 0;padding:0;list-style:none}.how-modal li{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:15px 0;display:grid}.how-modal li>b{color:var(--mint);font:500 11px DM Mono,monospace}.how-modal li div{flex-direction:column;gap:4px;display:flex}.how-modal li strong{font-size:13px}.how-modal li span{color:#75807b;font-size:11px;line-height:1.5}footer{border-top:1px solid var(--soft-line);color:#444d49;letter-spacing:1px;justify-content:space-between;width:min(1180px,100% - 32px);margin:0 auto;padding:18px 2px 26px;font:500 8px DM Mono,monospace;display:flex}.enter{animation:.45s cubic-bezier(.2,.7,.2,1) both enter}@keyframes enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes marker-pulse{0%{opacity:.55;transform:scale(.65)}70%,to{opacity:0;transform:scale(1.35)}}@keyframes marker-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes blink{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:700px){.site-header{height:60px;padding:0 14px}.brand{font-size:18px}.menu-button{display:grid}.daily-chip{display:none}.game-frame{width:100%;margin:0}.game-meta{padding:13px 15px;font-size:8px}.game-meta span:last-child{display:none}.round{border-left:0;border-right:0}.scoreboard{grid-template-columns:112px 1fr;height:67px}.score-block{padding:10px 13px}.score-block strong{font-size:25px}.round-status{padding:0 13px}.round-status>div:first-child{display:none}.round-track{gap:5px;width:100%}.round-track span{flex:1;height:26px}.question-strip{padding:18px 16px 19px}.question-strip h1{margin-top:10px;font-size:20px}.question-strip p{font-size:10px}.map-stage{height:calc(100svh - 306px);min-height:330px;max-height:520px}.map-label{font-size:7px}.map-controls button{width:34px;height:34px}.map-instruction{padding:0 13px;font-size:8px}.reveal-panel{grid-template-columns:36px 1fr auto;gap:9px;padding:13px 12px}.reveal-target{width:34px;height:34px}.reveal-panel strong{font-size:12px}.reveal-panel p{display:none}.points-pop b{font-size:20px}.finish{border-left:0;border-right:0;margin:0;padding:34px 16px}.share-card{padding:13px}.share-score{font-size:42px}.result-item{padding:11px 10px}.result-item small{line-height:1.4}.how-modal{padding:31px 20px 20px}.how-modal h2{font-size:37px}footer{width:100%;padding:18px 15px}.footer-note{display:none}}html,body{background-color:#080a09;background-image:radial-gradient(circle at 12% 7%,#6a351f55 0,#0000 22%),radial-gradient(circle at 88% 16%,#17513e66 0,#0000 27%),radial-gradient(#ffffff0c 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a09dc;border-bottom-color:#ffffff0d;padding-left:max(18px,50vw - 520px);padding-right:max(18px,50vw - 520px)}.ball-logo{background:#ff7a4518;border-color:#ff7a4544;border-radius:13px;width:36px;height:36px;font-size:21px;transition:transform .25s cubic-bezier(.2,.8,.2,1);transform:rotate(-7deg);box-shadow:0 9px 24px #ff7a4518}.brand:hover .ball-logo{transform:rotate(8deg)scale(1.08)}.icon-button{background:#ffffff08;border-color:#ffffff14;border-radius:14px;width:40px;height:40px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.icon-button:hover{transform:translateY(-2px)rotate(2deg)}.daily-chip{letter-spacing:1px;background:#14281f;border-color:#315d4b;border-radius:999px;transform:rotate(1deg)}.daily-chip i{background:var(--orange);box-shadow:0 0 12px var(--orange);animation:1.6s infinite blink}.game-frame{width:min(1040px,100% - 32px)}.game-meta{color:#a0aaa5;letter-spacing:.7px;padding-left:7px;padding-right:7px}.game-meta span:first-child{color:#f7d756;transform:rotate(-1deg)}.round{background:#0c0f0e;border-color:#ffffff17;border-radius:28px;padding-bottom:14px;overflow:hidden;box-shadow:0 26px 90px #0009,inset 0 1px #ffffff0c}.scoreboard{background:linear-gradient(115deg,#171d1a,#0d100f);border-bottom:1px dashed #ffffff1f;grid-template-columns:152px 1fr;height:80px}.score-block{border-right-style:dashed}.score-block:after{border-color:#ff7a4544;box-shadow:0 0 0 13px #111613,0 0 0 14px #ff7a4530}.score-block>span{color:#f7d756}.score-block strong{font-size:31px}.round-track span{border-radius:50%;width:30px;height:30px}.round-track span.live{background:var(--orange);border-color:#ff9a70;transform:rotate(7deg)scale(1.08);box-shadow:0 0 0 5px #ff7a4519,0 8px 18px #0006}.round-track span.past{background:#17372a;transform:rotate(-4deg)}.question-strip{background:linear-gradient(125deg,#173025,#111614 63%,#241710);border:1px solid #ffffff15;border-radius:20px;margin:14px;padding:23px 25px;box-shadow:0 10px 30px #0004}.question-strip:after{content:"🏀";opacity:.09;filter:grayscale(.25);font-size:108px;top:-20px;right:20px;transform:rotate(14deg)}.question-meta span{background:#72f4c217;border:1px solid #72f4c229;border-radius:999px;padding:6px 9px}.question-meta i{color:#ff7a45}.question-strip h1{letter-spacing:-1.15px;font-size:clamp(21px,2.7vw,32px)}.question-strip p{color:#a1aaa6}.map-stage{border:1px solid #ffffff17;border-radius:22px;height:clamp(380px,56vh,610px);margin:0 14px;overflow:hidden;box-shadow:0 16px 40px #0007}.map-shell:after{content:"";pointer-events:none;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 60px #0008}.map-label,.map-corner-label{background:#0d1210e8;border-radius:999px;padding:8px 12px;box-shadow:0 7px 18px #0005}.map-corner-label{color:#f7d756;border-color:#f7d75635;transform:rotate(-1deg)}.map-controls{box-shadow:none;background:0 0;border:0;border-radius:16px;gap:3px}.map-controls button{background:#121815e8;border:1px solid #ffffff16;border-radius:12px;box-shadow:0 7px 18px #0005}.map-controls button:hover{background:#1b2a24;transform:scale(1.06)}.map-instruction{color:#99a39e;background:#ffffff05;border:0;border-radius:14px;margin:9px 14px 7px;padding:0 14px}.map-instruction>span.ready{background:#f7d756;box-shadow:0 0 12px #f7d75699}.action-button{background:linear-gradient(100deg,#72f4c2,#8ff0d4);border-radius:17px;width:calc(100% - 28px);height:59px;margin:0 14px;font-size:12px;transition:all .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 12px 25px #72f4c21a}.action-button:hover:not(:disabled){transform:translateY(-2px)rotate(-.3deg);box-shadow:0 16px 34px #72f4c22e}.action-button:active:not(:disabled){transform:translateY(1px)scale(.985)}.action-button:disabled{box-shadow:none}.reveal-panel{background:linear-gradient(110deg,#14271f,#101613);border:1px solid #72f4c225;border-radius:18px;margin:9px 14px;padding:16px}.reveal-target{color:var(--orange);background:#ff7a4520;border-color:#ff7a4550;transform:rotate(-8deg)}.points-pop b{color:#f7d756;animation:.5s cubic-bezier(.2,.9,.3,1.3) score-pop}.finish{background:linear-gradient(150deg,#111714,#0d100f);border-color:#ffffff18;border-radius:28px;box-shadow:0 28px 90px #0009}.finish-orbit{color:#f7d756;background:#392a10;border-color:#75601e;transform:rotate(-6deg);box-shadow:0 0 0 8px #19160d,0 0 50px #f7d75625}.share-card{background:#090c0b;border-color:#ffffff1c;border-radius:20px;transform:rotate(-.4deg);box-shadow:0 16px 36px #0006}.share-tile{border-radius:13px;transition:all .2s}.share-tile:nth-child(odd){transform:rotate(-2deg)}.share-tile:nth-child(2n){transform:rotate(2deg)}.results-list{border-radius:18px;overflow:hidden}.how-modal{background:linear-gradient(145deg,#111714,#0c0f0e);border-color:#ffffff1c;border-radius:26px}.modal-close{border-radius:13px}.how-modal>.action-button{width:100%;margin:0}@keyframes score-pop{0%{transform:scale(.5)rotate(-8deg)}70%{transform:scale(1.15)rotate(2deg)}to{transform:none}}@media (max-width:700px){.site-header{padding:0 14px}.game-frame{width:100%}.game-meta{padding:12px 16px 11px}.round{border-left:0;border-right:0;border-radius:24px 24px 0 0;padding-bottom:12px}.scoreboard{grid-template-columns:118px 1fr}.score-block strong{font-size:26px}.round-track span{height:28px}.question-strip{border-radius:18px;margin:11px;padding:18px 16px}.question-strip h1{font-size:21px}.question-meta span{padding:5px 8px}.map-stage{border-radius:19px;height:calc(100svh - 323px);min-height:330px;max-height:515px;margin:0 10px}.map-shell:after{border-radius:19px}.map-instruction{margin:8px 10px 6px}.action-button{border-radius:15px;width:calc(100% - 20px);margin-left:10px;margin-right:10px}.reveal-panel{margin:8px 10px}.finish{border-radius:24px 24px 0 0}.share-card{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}footer a{color:#b7c2bd;text-underline-offset:3px;text-decoration:underline}footer a:hover{color:var(--mint)}.footer-aside{align-items:center;gap:14px;display:flex}.privacy{flex:1;width:min(720px,100% - 36px);margin:28px auto 56px}.privacy h1{letter-spacing:-2.4px;margin:6px 0 12px;font-size:clamp(40px,7vw,64px)}.privacy h2{letter-spacing:-.4px;margin:28px 0 8px;font-size:20px}.privacy p,.privacy li{color:#d5deda;font-size:16px;line-height:1.65}.privacy ul{margin:8px 0 0;padding-left:18px}.privacy li{margin:6px 0}.privacy .dated{letter-spacing:1.1px;color:var(--mint);margin:0;font:500 11px DM Mono,monospace}.privacy-toggle{height:46px;color:var(--mint);letter-spacing:.8px;background:#14281f;border:1px solid #315d4b;border-radius:14px;margin-top:4px;padding:0 16px;font:700 12px DM Mono,monospace}.privacy-toggle:hover{border-color:var(--mint)}@media (max-width:700px){.privacy{width:calc(100% - 28px);margin:18px auto 36px}.privacy h1{font-size:36px}.footer-aside{gap:0}}