:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#241b4d;background:#eeeaff;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:radial-gradient(circle at 12% 18%,#fff5b8 0 7%,transparent 8%),radial-gradient(circle at 88% 28%,#c6f8ff 0 9%,transparent 10%),linear-gradient(145deg,#eeeaff,#d8f5ff 55%,#fff3da);overflow-x:hidden}.topbar{height:58px;padding:0 max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:#fffefaeb;border-bottom:3px solid #d9d0ff;position:relative;z-index:5}.brand{color:#332765;text-decoration:none;font-weight:1000;letter-spacing:.07em}.brand b{color:#ff537f}.tiny-button,.sub-controls button{border:2px solid #cfc5fa;background:#fff;border-radius:999px;padding:8px 13px;color:#473879;font-weight:900;cursor:pointer}main{max-width:1160px;margin:auto;padding:24px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,520px);align-items:center;gap:30px}.intro h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:.96;margin:8px 0 18px;color:#3c2590;text-shadow:0 5px 0 #fff}.intro h1 span{color:#ff4f86}.eyebrow{display:inline-block;margin:0;padding:7px 14px;border-radius:999px;background:#4932a5;color:#fff;font-weight:900}.lead{font-size:1.08rem;line-height:1.8;font-weight:800}.rule-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rule-cards p{margin:0;padding:12px 8px;min-height:82px;background:#fff;border-radius:16px;text-align:center;box-shadow:0 5px 15px #4536941c;line-height:1.55;font-size:.84rem}.rule-cards b{color:#ff477c}.record-card{margin-top:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;padding:11px 16px;border-radius:18px;background:#3a267f;color:#fff;font-weight:800}.record-card strong{color:#ffe864;font-size:1.45rem}.record-card span{padding-left:10px;border-left:1px solid #ffffff55}.game-card{width:100%;background:#fff;border:5px solid #fff;border-radius:29px;padding:10px;box-shadow:0 22px 60px #3829753a}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:5px}.hud div{text-align:center;padding:5px 2px;background:#f0edff;border-radius:13px}.hud small{display:block;color:#6d62a0;font-size:.7rem;font-weight:900}.hud b{font-size:1.12rem}.hud #lives{color:#ef3f70;letter-spacing:.04em}.learning-strip{margin:0 0 7px;padding:6px 10px;border-radius:12px;background:#e8fbff;color:#3d357a;text-align:center;font-size:.76rem;font-weight:900}.stage{position:relative;width:100%;aspect-ratio:4/5;max-height:650px;overflow:hidden;border-radius:22px;background:#26195f;touch-action:none;user-select:none}.stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.banner{position:absolute;top:14%;left:10%;right:10%;z-index:3;padding:8px;text-align:center;border-radius:999px;background:linear-gradient(90deg,#ffe25b,#fff,#ffe25b);color:#be2963;font-weight:1000;box-shadow:0 0 25px #fff}.judge{position:absolute;top:42%;left:0;right:0;z-index:4;text-align:center;color:#fff;font-size:1.8rem;font-weight:1000;text-shadow:0 4px 0 #5d2ca2;pointer-events:none;opacity:0}.judge.show{animation:judge-pop .7s}.overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:20px;background:#281763d9;color:#fff;text-align:center}.overlay[hidden]{display:none}.overlay-panel{width:min(100%,390px);padding:22px;border:3px solid #8eeeff;border-radius:25px;background:#3b2784ee;box-shadow:0 0 35px #8eeeff44}.overlay-panel h2{margin:4px 0 10px;font-size:1.7rem}.overlay-panel p{line-height:1.7;margin:9px 0}.overlay-icon{font-size:2.2rem!important}.primary-button{border:0;border-radius:999px;padding:14px 28px;background:linear-gradient(#fff36f,#ffc94d);color:#4a2c6c;font-size:1.12rem;font-weight:1000;box-shadow:0 5px 0 #e48d37;cursor:pointer}.primary-button:active{transform:translateY(4px);box-shadow:0 1px 0 #e48d37}.move-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.move-controls button{border:0;border-radius:16px;padding:12px 5px;background:linear-gradient(#7361d8,#4830a2);color:#fff;font-size:1rem;font-weight:1000;box-shadow:0 5px 0 #2c1b72;touch-action:none;cursor:pointer}.move-controls button:last-child{background:linear-gradient(#ff70a1,#dd3c75);box-shadow:0 5px 0 #a52858}.move-controls button:active,.move-controls button.pressed{transform:translateY(4px);box-shadow:0 1px 0 #2c1b72}.move-controls span{letter-spacing:-.25em;margin-right:.35em}.control-note{text-align:center;margin:10px 0 7px;color:#6f6596;font-size:.72rem;font-weight:800}.sub-controls{display:flex;justify-content:center;gap:8px}.sub-controls button:disabled{opacity:.45}footer{text-align:center;padding:14px;color:#73679b;font-size:.8rem;font-weight:1000;letter-spacing:.2em}@keyframes judge-pop{0%{opacity:0;transform:scale(.65)}20%{opacity:1;transform:scale(1.12)}75%{opacity:1;transform:translateY(-10px)}100%{opacity:0;transform:translateY(-35px)}}
@media(max-width:780px){.topbar{height:52px}main{display:block;padding:9px 8px 15px}.intro{text-align:center}.intro h1{font-size:1.65rem;line-height:1;margin:5px 0 8px}.intro h1 br{display:none}.intro h1 span{margin-left:.25em}.eyebrow{font-size:.7rem;padding:4px 10px}.lead,.rule-cards{display:none}.record-card{margin:6px auto;padding:5px 11px;font-size:.68rem}.record-card strong{font-size:1rem}.game-card{max-width:520px;margin:auto;padding:7px}.hud b{font-size:1rem}.learning-strip{font-size:.68rem;padding:5px 7px}.stage{max-height:none}.move-controls button{padding:10px 4px}.control-note{margin:8px 0 5px}footer{display:none}}
@media(max-height:720px) and (max-width:780px){.topbar{height:46px}.intro{display:none}.game-card{max-width:420px}.move-controls button{padding:8px}.control-note{display:none}.sub-controls{margin-top:6px}.stage{max-height:72vh}}
@media(prefers-reduced-motion:reduce){.judge.show{animation-duration:.01ms}.banner{box-shadow:none}}