:root{--ink:#172044;--sky:#07142d;--paper:#fff9df;--gold:#ffd84d;--cyan:#56e5ff;--red:#ff6b65}*{box-sizing:border-box}html{background:#050b1b}body{margin:0;color:#fff;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;background:radial-gradient(circle at 50% 0,#18366a 0,#08152f 45%,#050918 100%);min-height:100vh}.observatory{width:min(100%,1080px);margin:auto;min-height:100vh}.masthead{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:2px solid #9cdff0;font:700 12px/1 monospace;letter-spacing:.12em}.masthead a{color:#fff;text-decoration:none}.masthead button{background:#14284f;color:#fff;border:1px solid #8de9ff;padding:9px 12px;min-height:40px}.screen[hidden]{display:none!important}.start-screen{min-height:calc(100vh - 52px);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:22px;padding:34px 24px}.poster{height:520px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0e2854,#07152d 62%);clip-path:polygon(4% 0,100% 8%,95% 100%,0 92%);border:3px solid #72dff4}.poster:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:31px 31px;opacity:.5}.orbit{position:absolute;border:2px dashed #6beaff;border-radius:50%;transform:rotate(-18deg)}.o1{width:520px;height:230px;left:-70px;top:100px}.o2{width:390px;height:170px;left:30px;top:215px}.comet{position:absolute;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#f47d48;border:7px double #ffe57b;font:900 28px monospace;box-shadow:-35px 5px 0 -18px #7ce6ff}.c1{right:70px;top:85px}.c2{left:90px;top:210px;transform:scale(.78)}.hero-cannon{position:absolute;bottom:45px;left:50%;width:150px;height:90px;transform:translateX(-50%);background:#163969;border:6px solid #79efff;border-radius:50% 50% 12px 12px}.hero-cannon b{position:absolute;width:42px;height:150px;background:#ffd84d;bottom:45px;left:48px;border:5px solid #172044;transform:rotate(12deg);transform-origin:bottom}.hero-cannon span{position:absolute;width:190px;height:24px;background:#ff665d;left:-25px;bottom:-12px}.kicker{font:700 13px monospace;color:#6de9ff;letter-spacing:.12em}.start-copy h1{font-size:clamp(42px,7vw,76px);line-height:.95;margin:12px 0;text-shadow:4px 5px 0 #27305e}.start-copy h1 em{color:var(--gold);font-style:normal}.start-copy>p:not(.kicker){font-size:18px;line-height:1.8}.launch{border:0;background:var(--gold);color:var(--ink);box-shadow:7px 7px 0 #eb5f57;font-weight:900;font-size:20px;padding:17px 28px;min-height:58px;cursor:pointer}.start-copy small{display:block;line-height:1.7;margin-top:18px}.record{position:absolute;right:max(16px,calc((100vw - 1050px)/2));bottom:20px;background:#07142d;border:2px solid #6de9ff;padding:12px 18px;transform:rotate(-2deg)}.record strong{display:block;color:var(--gold);font:900 30px monospace}.play-screen{padding:10px 18px 30px}.hud{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #7ee8ff;background:#091938}.hud div{padding:8px 14px;border-right:1px solid #4183aa}.hud div:last-child{border:0}.hud small{display:block;color:#9cdff0;font:700 11px monospace}.hud strong{font:900 20px monospace}.arena{position:relative;width:min(100%,900px);margin:12px auto 0;aspect-ratio:900/620;background:#030a19;border:3px solid #b7f6ff;overflow:hidden;touch-action:pan-y}.arena canvas{display:block;width:100%;height:100%}.warning{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:#151e40;border:2px solid var(--gold);padding:7px 14px;font-weight:800;max-width:90%;text-align:center}.float-message{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:900 32px monospace;color:#fff;text-shadow:3px 3px #16214a;pointer-events:none}.control-rig{display:grid;grid-template-columns:90px 1fr 160px 90px;gap:10px;width:min(100%,900px);margin:10px auto}.control-rig button{min-height:72px;border:2px solid #83eaff;background:#152b53;color:#fff;font-size:28px;font-weight:900;touch-action:manipulation}.control-rig button small{font-size:11px;display:block}.control-rig .fire{background:#e85e55;border-color:#ffe875;display:flex;flex-direction:column;justify-content:center}.fire span{font-size:11px}.charge-readout{display:grid;grid-template-columns:auto 50px 1fr;align-items:center;gap:8px;padding:7px 12px;background:#0e2043;border:2px solid #477ca0}.charge-readout strong{font:900 26px monospace;color:var(--gold)}.charge-readout div{height:13px;background:#061024}.charge-readout i{display:block;width:0;height:100%;background:var(--gold)}.charge-readout small{grid-column:1/-1}.number-hint{display:flex;justify-content:space-between;gap:16px;width:min(100%,900px);margin:8px auto;color:#ccecf7}.number-hint b{color:var(--gold)}.quiz-screen{min-height:calc(100vh - 52px);padding:30px 18px;display:grid;place-items:center}.quiz-sheet{background:var(--paper);color:var(--ink);width:min(680px,100%);padding:28px;border:4px solid #213260;box-shadow:12px 12px 0 #e15b58;background-image:linear-gradient(#c8dded 1px,transparent 1px);background-size:100% 32px}.quiz-sheet>p{font:800 13px monospace}.quiz-sheet h2{font-size:clamp(22px,5vw,34px);line-height:1.45}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-choices button,.quiz-feedback button{min-height:54px;background:#fff;border:3px solid #26345d;color:#172044;font-size:18px;font-weight:800;padding:10px}.quiz-choices button:disabled{opacity:.65}.quiz-feedback{background:#fff;padding:14px;margin-top:15px;border-left:8px solid #f0c932}.quiz-feedback strong{font-size:22px}.result-screen{min-height:calc(100vh - 52px);display:grid;place-items:center;padding:24px}.result-sky{position:relative;text-align:center;width:min(740px,100%);border:3px solid #7ce9ff;padding:32px;background:#0b1d41;overflow:hidden}.result-sky h2{font-size:clamp(30px,6vw,55px);margin:8px}.final span{display:block}.final strong{font:900 clamp(48px,10vw,88px) monospace;color:var(--gold)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #5a87aa;margin:16px 0}.result-grid div{padding:12px;border-right:1px solid #5a87aa}.result-grid div:last-child{border:0}.result-grid small,.result-grid b{display:block}.result-grid b{font:900 24px monospace}.result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.result-actions button{min-height:52px;padding:10px 18px;font-weight:900}.ranking-panel.itc-ranking{color:var(--ink);background:#fff;margin-top:18px;text-align:left}.burst{position:absolute;width:260px;height:260px;border:35px dotted #ffdb45;border-radius:50%;left:50%;top:20px;transform:translateX(-50%);opacity:.1}@media(max-width:720px){.start-screen{grid-template-columns:1fr;padding:18px}.poster{height:280px;order:2}.record{position:static;order:3}.start-copy h1{font-size:50px}.control-rig{grid-template-columns:60px 1fr 105px 60px}.control-rig button{min-height:64px}.number-hint{display:block}.number-hint span{display:block;margin-top:4px}.quiz-choices{grid-template-columns:1fr}.hud div{padding:7px}.hud strong{font-size:16px}.arena{min-height:360px}.masthead span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}