:root{--ink:#f7f7ff;--muted:#aab3d0;--panel:#171f38;--accent:#ffcb4c;--pink:#ff6d9c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#29345f 0,#11182e 42%,#0c1223 100%);color:var(--ink);font-family:Nunito,'Noto Sans JP',sans-serif}button{font:inherit;cursor:pointer;border:0}.app-shell{width:min(1080px,100%);margin:auto;padding:28px 20px 18px}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.eyebrow{margin:0;color:#80e0d0;letter-spacing:.16em;font-size:11px;font-weight:900}.topbar h1{font-size:clamp(24px,4vw,40px);line-height:1;margin:7px 0 0}.score-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px 18px;text-align:right;min-width:110px}.score-card span,.next-box>span{display:block;color:var(--muted);font-size:12px}.score-card strong{font-size:28px;color:var(--accent)}.game-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:18px;align-items:start}.stage-wrap{position:relative;background:#11192e;border:5px solid #354266;border-radius:25px;box-shadow:0 18px 60px rgba(0,0,0,.32),inset 0 0 0 1px #62709b;overflow:hidden}.stage-wrap:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 30%)}#game{display:block;width:100%;aspect-ratio:4/5;touch-action:none}.side-panel{display:flex;flex-direction:column;gap:14px}.next-box,.howto,.legend{background:rgba(23,31,56,.9);border:1px solid #354266;border-radius:18px;padding:15px}.next-box{text-align:center}.next-box canvas{display:block;margin:5px auto 0}.next-box strong{font-size:13px;color:#ffe7a6}.howto h2{margin:0 0 7px;font-size:16px}.howto ol{margin:0;padding-left:20px;color:#c6cee7;font-size:13px;line-height:1.8}.legend{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;background:#ff6d9c;border-radius:50%;box-shadow:0 0 10px #ff6d9c}.secondary{background:#293455;color:#fff;padding:12px;border-radius:13px;font-weight:900}.secondary:hover,#restart:hover{filter:brightness(1.1)}footer{text-align:center;color:#7883a6;font-size:11px;margin-top:14px}.gameover{position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,11,25,.78);backdrop-filter:blur(5px);text-align:center}.gameover p{color:#ff8eb1;font-size:13px;letter-spacing:.2em;font-weight:900;margin:0}.gameover h2{margin:7px 0 18px;font-size:30px}.gameover button{background:var(--accent);color:#282039;border-radius:12px;padding:12px 20px;font-weight:900}.hidden{display:none}@media(max-width:780px){.app-shell{padding:16px 12px}.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr}.next-box{grid-row:span 2}.secondary{align-self:end}.howto{font-size:12px}footer{padding-bottom:8px}}