:root{--bg:#101027;--panel:#211b43;--line:#393253;--green:#b2ff59;--cyan:#67e5ed;--yellow:#ffda7a;--muted:#a4a0b8;--white:#f7f4e8;--pixel:'Press Start 2P',monospace;--body:'Space Grotesk',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 var(--body)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{color:inherit}header{height:84px;display:flex;align-items:center;border-bottom:1px solid #34304b;padding:0 4.5%;gap:32px}.brand{display:flex;align-items:center;font:19px var(--pixel);color:var(--green);letter-spacing:-1px}.brand svg{width:26px;height:30px;margin-right:12px;stroke:var(--green);stroke-width:2;fill:none}.brand-dot{color:var(--white)}.edition{font-size:10px;letter-spacing:2px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:20px;align-items:center}nav button{border:0;background:none;font-size:10px;letter-spacing:1px;padding:8px}nav button span{display:inline-grid;place-content:center;width:19px;height:19px;border:1px solid #615875;margin-left:8px}nav svg{width:23px;height:23px;stroke:var(--muted);stroke-width:1.7;fill:none}main{overflow:hidden}.arcade{max-width:768px;margin:36px auto 0;scroll-margin:24px}.match-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font:9px var(--pixel);color:var(--muted)}.match-heading>div:first-child{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--green);box-shadow:0 0 8px #b2ff5930}.modes{display:flex;border:1px solid var(--line);padding:4px;gap:3px}.modes button{font:8px var(--pixel);background:transparent;border:0;padding:11px 13px;color:var(--muted)}.modes button[aria-pressed=true]{background:var(--green);color:#15162a}.scoreboard{display:flex;align-items:center;background:#0c0c20;border:2px solid #29243e;padding:17px 22px;gap:55px;margin-bottom:12px;box-shadow:0 3px 0 #080819}.scoreboard>div>span{display:block;font:8px var(--pixel);color:#9d96b3;margin-bottom:9px}.scoreboard strong{font:22px var(--pixel);color:var(--yellow)}.scoreboard>div:nth-child(2) strong{color:var(--green)}.scoreboard>div:nth-child(3) strong{color:var(--cyan)}.score-total{font-size:10px;color:#6c6586}#shotDots{display:flex;gap:5px;margin-left:auto}#shotDots i{width:10px;height:10px;border:1px solid #39334b;background:#201c33}#shotDots i.goal{background:var(--green);border-color:var(--green)}#shotDots i.miss{background:#ef7d8a;border-color:#ef7d8a}#shotDots i.current{border-color:var(--yellow)}#sound{border:0;border-left:1px solid #39334b;padding:0 0 0 19px;margin-left:-36px;background:none;font-size:25px;line-height:30px;color:var(--muted)}.stadium{position:relative;border:3px solid #070717;box-shadow:0 0 0 1px #3b3355;background:#287545;overflow:hidden}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.stadium:after{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(transparent 0px,transparent 2px,#0000000d 2px,#0000000d 3px)}.stadium-top,.stadium-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;font:7px var(--pixel);color:#e6e8ce;pointer-events:none}.stadium-top{top:13px}.stadium-top span:first-child{background:#0d1426c9;padding:7px 8px;color:#c7d5dd}.stadium-top span:last-child{padding:7px;background:#0d1426c9}.stadium-top i{display:inline-block;background:#ff717e;width:5px;height:5px;margin-right:5px}.stadium-bottom{bottom:23px;color:#c1d7a4;opacity:.8;font-size:6px}.shot-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font:36px var(--pixel);text-shadow:4px 4px #151322;color:var(--green)}.shot-banner.show{animation:banner .3s steps(4)}.game-panel{border:2px solid #40365f;background:linear-gradient(115deg,#251f49,#1d183b);margin-top:16px;padding:28px 30px;box-shadow:0 4px 0 #080819,inset 0 0 0 4px #17142e;min-height:290px;position:relative}.ready{text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:600}.ready .eyebrow{font:8px var(--pixel);color:var(--cyan);margin:2px 0 19px}.ready h2{font:21px/1.55 var(--pixel);margin:0 0 19px;letter-spacing:-.5px}.rules-mini{display:flex;justify-content:center;gap:25px;margin-bottom:15px}.rules-mini span{font:9px var(--pixel);color:var(--muted);border-right:1px solid #4b405e;padding-right:25px}.rules-mini span:last-child{border:0;padding:0}.rules-mini b{color:var(--yellow);font-size:14px}.ready>p:not(.eyebrow){font-size:14px;max-width:450px;color:#c0b9d1;line-height:1.65;margin:0 auto 21px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;border:2px solid #070b09;background:var(--green);box-shadow:3px 3px 0 #090b19,inset 0 -4px 0 #81be43;color:#17221b;font:10px/1.7 var(--pixel);padding:15px 23px;transition:background .15s,transform .15s}.primary:hover{background:#c7ff8c;transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:none}.ready .primary{min-width:240px}.game-foot{display:flex;justify-content:space-between;color:#807990;font-size:8px;letter-spacing:1.3px;margin:18px 0}.game-foot i{margin-right:7px;width:4px;height:4px}.timer{display:flex;align-items:center;gap:17px;margin-bottom:19px}.timer-track{display:flex;gap:4px;flex:1;height:9px}.timer-track i{background:var(--green);flex:1;box-shadow:inset 0 -2px 0 #659930}.timer-track i.off{background:#111023;box-shadow:none}.timer strong{font:20px var(--pixel);color:var(--green);min-width:45px;text-align:right}.timer.urgent strong{color:#ff8390}.timer.urgent i:not(.off){background:#ff8390}.question-meta{display:flex;gap:10px;align-items:center;font:7px var(--pixel);color:var(--green)}.question-meta>span{border:1px solid #655478;padding:7px 8px}.question-meta .difficulty{color:var(--yellow);letter-spacing:3px}.question-title{font:16px/1.9 var(--pixel);margin:17px 0 21px;letter-spacing:-.4px}.answer-form{display:flex;gap:10px}.answer-field{display:flex;flex:1;min-width:0;align-items:center;border:2px solid #0b091c;box-shadow:inset 0 0 0 1px #42365c;background:#100e25}.answer-field:focus-within{outline:1px solid var(--green)}.answer-field span{padding-left:15px;color:var(--green);font:15px var(--pixel)}.answer-field input{width:100%;min-width:0;border:0;outline:0;background:none;padding:14px;color:var(--white);font-size:17px}.answer-field input::placeholder{color:#7f759b}.hint{font-size:11px;color:#a59ab8;margin:13px 0 0}.suggestion{border:1px solid var(--yellow);background:#1a1631;color:var(--yellow);padding:8px 13px;margin-top:12px;font-size:13px}.secondary{border:1px solid #6b5c83;background:#29223f;padding:12px 17px;font:9px/1.7 var(--pixel);color:var(--white)}.result-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-head h2{font:19px/1.5 var(--pixel);color:var(--green);margin:10px 0}.result-points{font:23px var(--pixel);color:var(--yellow)}.result-note{color:#c4bdd3;font-size:14px;margin:10px 0 17px}.result-actions{display:flex;gap:10px;justify-content:space-between;margin-top:21px}.answers-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-height:200px;overflow:auto}.answers-list span{background:#131027;border:1px solid #4a3e62;padding:5px 9px;font-size:12px}.answers-list b{color:var(--green);margin-left:7px}.answer-disclosure summary{font-size:12px;color:var(--muted);cursor:pointer}.match-results h2{font:23px/1.5 var(--pixel);margin:15px 0;color:var(--green)}.match-results{text-align:center}.final-score{font:45px var(--pixel);color:var(--yellow);margin:20px 0}.results-line{color:var(--muted);font-size:14px}.review{margin:20px 0;text-align:left}.review summary{cursor:pointer;color:var(--muted);font-size:13px}.review-row{display:flex;align-items:center;gap:9px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.review-row .review-answer{margin:0;flex:1}.review-row small{display:block;color:#a39bb5}.review-row b{color:var(--yellow)}.content-wrap{max-width:1024px;margin:90px auto 0;padding:0 26px}.intro{text-align:center;max-width:780px;margin:0 auto 66px}.intro .eyebrow{margin-bottom:22px}h1{font-size:42px;line-height:1.19;letter-spacing:-1.7px;margin:0 0 22px;font-weight:600}.description{font-size:17px;color:#b8b3c9;max-width:650px;margin:0 auto;line-height:1.8}.content-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:9px;letter-spacing:2px;color:#92899f}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 72px;margin:40px 0 70px}.number{font:11px var(--pixel);color:#7f7495}.guide-grid h2{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.8px;margin:16px 0}.guide-grid p,.feature-story p{font-size:15px;color:#aaa4bb;line-height:1.9}.guide-grid article>a{font-size:10px;letter-spacing:1.3px;color:var(--green)}.guide-grid article>a span{padding-left:15px}.inline-link,.faq p a{color:#d4cce2;text-decoration:underline;text-underline-offset:3px}.rarity-key{display:flex;gap:20px;font-size:12px;color:var(--yellow);margin-top:25px}.rarity-key b{display:block;font-size:8px;font-weight:500;letter-spacing:1.3px;color:var(--muted)}.feature-story{display:grid;grid-template-columns:210px 1fr;gap:55px;border:1px solid var(--line);padding:38px;background:#18142f;align-items:center}.story-mark{width:180px;height:180px;border:2px solid #5e6e46;position:relative;display:grid;place-items:center;font:90px var(--pixel);color:var(--green);background:repeating-linear-gradient(0deg,#151b2630 0px,#151b2630 29px,#4c5c3c44 30px),repeating-linear-gradient(90deg,#151b2630 0px,#151b2630 29px,#4c5c3c44 30px)}.story-mark span{position:absolute;bottom:-20px;right:-12px;font:70px var(--body);color:var(--yellow)}.feature-story h2{font-size:28px;font-weight:500;margin:7px 0 15px;letter-spacing:-.8px}.feature-story .eyebrow{font-size:9px;color:var(--green);margin:0}.feature-story p:last-child{margin-bottom:0}.faq{margin:70px 0}.faq h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:12px 0 30px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:20px 30px 20px 0;cursor:pointer;list-style:none;position:relative;font-size:16px}.faq summary:after{content:'+';position:absolute;right:5px;color:var(--green);font-size:20px;top:16px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 35px 23px 0}.last-call{border-top:1px solid var(--line);padding:45px 0 65px;text-align:center}.last-call h2{font-size:30px;letter-spacing:-1px;font-weight:500}.last-call .primary{font-size:9px}footer{border-top:1px solid var(--line);padding:28px 4.5%;display:flex;align-items:center;gap:23px;font-size:10px;color:#9d95ab}footer .brand{font-size:14px;margin-right:5px}footer p{margin-right:auto}footer button{border:0;background:none;font-size:10px;padding:0;color:#9d95ab}footer>span{font-size:8px;letter-spacing:1px}dialog{background:#211b3b;color:var(--white);border:2px solid #65557e;box-shadow:7px 7px 0 #09081a;max-width:500px;width:calc(100% - 32px);padding:38px}dialog::backdrop{background:#080819d9;backdrop-filter:blur(3px)}dialog h2{font:17px/1.8 var(--pixel);color:var(--green);margin:0 25px 22px 0}dialog p,dialog li{color:#c3bace;font-size:14px}dialog ol{padding-left:21px}dialog li{padding-left:6px;margin-bottom:12px}.close{position:absolute;right:12px;top:6px;background:none;border:0;font-size:30px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}.stat-grid strong{display:block;font:28px var(--pixel);color:var(--yellow);margin:12px}.stat-grid span{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#102416;padding:13px 20px;font-size:13px;box-shadow:4px 4px 0 #060610;opacity:0;pointer-events:none;z-index:10;transition:opacity .2s}#toast.visible{opacity:1}.skip{position:fixed;top:-60px;left:10px;padding:10px;background:var(--green);color:#101027;z-index:20}.skip:focus{top:8px}@keyframes banner{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px){.arcade{margin:28px 24px 0}.edition{display:none}.scoreboard{gap:35px}#sound{margin-left:-17px}footer{flex-wrap:wrap}footer p{min-width:50%}}@media(max-width:600px){header{height:66px;padding:0 18px;gap:10px}.brand{font-size:15px}.brand svg{width:21px;margin-right:8px}nav{gap:9px}nav button{font-size:8px;letter-spacing:0}nav button span{display:none}.arcade{margin:22px 12px 0}.match-heading{font-size:7px}.modes button{font-size:7px;padding:10px}.scoreboard{padding:14px 12px;gap:23px}.scoreboard strong{font-size:17px}.scoreboard>div>span{font-size:6px}.score-total{font-size:8px}#shotDots{gap:3px}#shotDots i{width:6px;height:8px}#sound{font-size:20px;padding-left:9px;margin-left:-13px}.stadium-top{top:8px;left:9px;right:9px;font-size:5px}.stadium-bottom{bottom:13px;left:9px;right:9px;font-size:4px}.shot-banner{font-size:24px}.game-panel{padding:22px 17px;min-height:275px;margin-top:13px}.ready h2{font-size:17px}.ready .eyebrow{font-size:7px}.rules-mini{gap:16px}.rules-mini span{font-size:7px;padding-right:16px}.rules-mini b{font-size:12px}.ready>p:not(.eyebrow){font-size:13px}.game-foot{font-size:6px;letter-spacing:.8px}.question-title{font-size:12px;line-height:1.95}.timer-track{gap:3px;height:7px}.timer strong{font-size:16px}.question-meta{font-size:6px}.answer-form .primary{padding:10px 13px;font-size:8px}.answer-field input{font-size:15px;padding:12px 8px}.answer-field span{font-size:11px;padding-left:10px}.hint{font-size:10px}.content-wrap{margin:65px auto 0;padding:0 23px}.intro{margin-bottom:43px}h1{font-size:29px;letter-spacing:-1px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.description{font-size:15px}.guide-grid{grid-template-columns:1fr;gap:35px;margin-top:32px}.guide-grid h2{font-size:26px}.feature-story{grid-template-columns:1fr;padding:25px;gap:25px}.story-mark{width:95px;height:95px;font-size:50px}.story-mark span{font-size:50px}.feature-story h2{font-size:25px}.faq{margin:50px 0}.faq h2{font-size:28px}.faq summary{font-size:14px}.last-call h2{font-size:26px}.last-call .eyebrow{font-size:9px}footer{padding:25px 23px;gap:16px}footer p{width:100%;order:4;margin:0;font-size:10px}footer>span{margin-left:auto;font-size:7px}.result-head h2{font-size:14px}.result-points{font-size:19px}.result-actions{flex-wrap:wrap}.result-actions button{flex:1;font-size:8px}.final-score{font-size:36px}.match-results h2{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.brand img{display:block;width:178px;height:auto}@media(max-width:600px){.brand img{width:147px}}

.compact-guide{gap:36px 64px;margin-bottom:50px}.compact-guide h2{font-size:26px}.compact-guide p{margin-bottom:18px}