.game-head h1{font-family:var(--display);font-size:clamp(30px,6vw,43px);line-height:1.05}.hidden{display:none!important}.overline{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em}.intro-card,.reveal,.finish{position:relative;overflow:hidden;min-height:570px;border:1px solid var(--glass-edge);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:inset 0 2px #ffffff55,0 6px 0 var(--tile-edge),0 20px 45px var(--shadow)}
.intro-card{padding:76px 46% 60px 60px;display:flex;flex-direction:column;align-items:flex-start}.intro-card h2,.reveal h2,.finish h2,#helpDialog h2{font-family:var(--display);font-size:clamp(48px,7vw,76px);line-height:.92;letter-spacing:-.045em;margin:25px 0;color:var(--text)}.intro-card>p{font-size:17px;line-height:1.55;color:var(--muted);max-width:460px}.start-btn,.next-btn,.again-btn{min-width:220px;justify-content:space-between;margin-top:14px}.intro-card>small{font:700 10px var(--sans);letter-spacing:.1em;color:var(--muted);margin:22px 0}.intro-art{position:absolute;width:45%;height:100%;right:0;top:0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--surface)),color-mix(in srgb,#e7c96b 36%,var(--surface)));border-left:1px solid var(--glass-edge)}
.disc{position:absolute;border-radius:50%;background:repeating-conic-gradient(from 12deg,#123d30 0 8deg,#eef0d7 8deg 16deg,#c96b49 16deg 24deg,#f2d878 24deg 32deg);box-shadow:0 10px 30px #153c2535;animation:drift 6s ease-in-out infinite}.disc-a{width:300px;height:300px;right:-80px;top:30px}.disc-b{width:220px;height:220px;left:-50px;bottom:30px;animation-delay:-2s;animation-direction:reverse}.disc-c{width:110px;height:110px;right:70px;bottom:70px;animation-delay:-4s}.disc:after{content:'';position:absolute;inset:18%;background:#f4f0df;border-radius:50%;box-shadow:inset 0 0 0 8px #123d30,inset 0 0 0 20px #e4b85d}.eye{position:absolute;inset:0;display:grid;place-items:center}.eye:before{content:'';width:190px;height:110px;background:#fffaf0;border-radius:80% 12% 80% 12%;transform:rotate(45deg);box-shadow:0 10px 45px #153c2545}.eye i{position:absolute;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#0b2019 0 18%,#c6d172 20% 35%,#17533b 38% 60%,#0d2c21 63%);box-shadow:0 0 0 8px #eee9d9;animation:pupil 4s ease-in-out infinite}@keyframes drift{50%{transform:translate(8px,-10px) rotate(4deg)}}@keyframes pupil{25%{transform:translateX(14px)}75%{transform:translateX(-14px)}}
.play{max-width:980px;margin:auto}.stats{display:flex;justify-content:center;margin:0 auto 18px;max-width:500px}.stats div{text-align:center;flex:1;border-right:1px solid var(--glass-edge)}.stats div:last-child{border:0}.stats small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.14em}.stats strong{font-family:var(--display);font-size:26px}.stage-card{position:relative;width:100%;aspect-ratio:2.25;border:10px solid var(--surface);border-radius:18px;box-shadow:0 5px 0 var(--tile-edge),0 24px 60px var(--shadow);overflow:hidden;background:#173b2f;cursor:crosshair;touch-action:none}.stage-top{position:absolute;z-index:3;left:18px;right:18px;top:12px;display:flex;justify-content:space-between;color:#fff;font-size:9px;font-weight:700;letter-spacing:.15em;mix-blend-mode:difference}.stage-top span:last-child:before{content:'';display:inline-block;width:6px;height:6px;background:#cf74b4;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #cf74b43b}canvas{display:block;width:100%;height:100%}.focus-ring{position:absolute;width:145px;height:145px;border:1px solid #fff9;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #09291f88,inset 0 0 30px #fff2}.focus-ring:before,.focus-ring:after{content:'';position:absolute;background:#fff8}.focus-ring:before{height:1px;width:18px;left:-9px;top:50%;box-shadow:145px 0 #fff8}.focus-ring:after{width:1px;height:18px;top:-9px;left:50%;box-shadow:0 145px #fff8}.focus-ring i{width:5px;height:5px;border-radius:50%;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.reticle{position:absolute;left:18px;bottom:14px;color:#fff9;font-size:20px}.stabilize{position:absolute;bottom:15px;right:17px;height:53px;border:1px solid #fff9;border-radius:30px;background:#092c22d9;color:#fff;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;padding:7px 18px 7px 10px;text-align:left;backdrop-filter:blur(7px);cursor:pointer}.stabilize span{grid-row:1/3;align-self:center;font-size:25px}.stabilize b{font-size:10px;align-self:end;letter-spacing:.06em}.stabilize small{font-size:8px;color:#dce5dd}.stabilize:active,.stabilize.active{background:#f4f0e3;color:#123d30;border-color:#123d30}
.round-copy{display:flex;justify-content:space-between;align-items:center;padding:14px 12px 5px;color:var(--muted)}.round-copy b{font-size:15px;color:var(--text)}.round-copy span{font-size:12px}.question{text-align:center;font-size:14px;font-weight:800;margin:8px 0 13px}.answers{display:flex;gap:13px;justify-content:center}.answer{width:270px;height:76px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--surface);box-shadow:0 3px 0 var(--tile-edge),0 8px 16px var(--shadow);color:var(--text);display:flex;align-items:center;text-align:left;padding:0;cursor:pointer;transition:.18s}.answer:hover{transform:translateY(-3px);border-color:var(--accent)}.answer-icon{width:70px;height:100%;display:grid;place-items:center;border-right:1px solid var(--glass-edge);font-size:27px}.answer>span:last-child{padding-left:17px}.answer b{display:block;font-size:16px;letter-spacing:.04em}.answer small{font-size:11px;color:var(--muted)}
.reveal,.finish{padding:55px 12%;display:flex;flex-direction:column;align-items:center;text-align:center}.reveal-mark{width:75px;height:75px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:38px;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 18%,transparent);margin-bottom:26px}.reveal h2,.finish h2{font-size:clamp(45px,7vw,65px);margin:20px 0 10px}.reveal>p,.finish>p{max-width:600px;color:var(--muted);font-size:18px}.science{max-width:600px;border-top:1px solid var(--glass-edge);border-bottom:1px solid var(--glass-edge);padding:17px 0;margin:16px 0;text-align:left;display:grid;grid-template-columns:130px 1fr;gap:20px}.science span{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--accent)}.science p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.finish-orbit{width:115px;height:115px;position:relative;display:grid;place-items:center;margin-bottom:25px}.finish-orbit div{position:absolute;inset:0;border:2px dashed var(--accent);border-radius:50%;animation:spin 8s linear infinite}.finish-orbit div:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:#e7c96b;top:8px;left:13px}.finish-orbit span{font-size:47px}@keyframes spin{to{transform:rotate(360deg)}}.final-score{display:flex;margin:25px 0 8px;border:1px solid var(--glass-edge);border-radius:12px;overflow:hidden}.final-score>span{padding:16px 28px;min-width:150px}.final-score>span+span{border-left:1px solid var(--glass-edge)}.final-score small{font-size:9px;font-weight:800;color:var(--muted);display:block}.final-score b{font-family:var(--display);font-size:26px}
#helpDialog{max-width:560px;width:calc(100% - 30px)}#helpDialog::backdrop{background:#10241dcc;backdrop-filter:blur(5px)}#helpDialog .dialog-body{position:relative}#helpDialog h2{font-size:45px;margin:16px 0}#helpDialog ol{padding-left:22px;color:var(--muted);line-height:1.7}.dialog-close{position:absolute;right:0;top:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-edge);background:var(--surface);color:var(--text);font-size:20px}
@media(max-width:750px){.intro-card{padding:55px 28px 330px;min-height:760px}.intro-art{height:310px;width:100%;top:auto;bottom:0;border-left:0;border-top:1px solid var(--glass-edge)}.stage-card{aspect-ratio:.9;border-width:6px}.round-copy{display:block}.round-copy span{display:block;margin-top:5px}.answers{gap:8px}.answer{width:50%;height:70px}.answer-icon{width:48px}.answer>span:last-child{padding-left:9px}.answer b{font-size:14px}.answer small{font-size:9px}.reveal,.finish{padding:40px 22px}.science{grid-template-columns:1fr;gap:8px}.final-score{width:100%}.final-score>span{padding:13px 8px;min-width:0;flex:1}.final-score b{font-size:20px}}@media(max-width:420px){.answer small{display:none}.intro-card h2{font-size:49px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}