:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f5fa;background:#101725;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}#app{width:100%;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#2c3552 0,#101725 56%);padding:0 16px 32px}.topbar{max-width:460px;margin:auto;min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:14px}.wordmark{font-size:11px;font-weight:800;letter-spacing:.11em;color:#c4e4e9}.slash{color:#818ca1;margin:0 4px}.dev-pill{border:1px solid #53647d;border-radius:20px;font-size:9px;letter-spacing:.09em;padding:7px 10px;color:#b1c7d7}.game-shell{width:100%;max-width:460px;margin:0 auto}.intro{text-align:center;padding:9px 0 17px}.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.25em;font-weight:750;color:#9bb4c7}.intro h1{margin:0;font-size:clamp(25px,7vw,33px);font-weight:900;letter-spacing:-.055em}.intro em{font-style:normal;color:#94e0e9}.subtitle{margin:9px 0 0;font-size:11px;color:#afc0d1;letter-spacing:.02em}.playfield{position:relative;overflow:hidden;border:1px solid #465874;border-radius:21px;background:#111d33;box-shadow:0 18px 42px #05081580}.pixi-stage{width:100%;aspect-ratio:390/450}.pixi-stage canvas{display:block;width:100%;height:100%}.stage-label{position:absolute;top:17px;left:17px;display:flex;align-items:center;gap:7px;color:#e5f3f5;font-size:10px;font-weight:650;letter-spacing:.05em}.status-light{width:7px;height:7px;border-radius:50%;background:#89e6dd;box-shadow:0 0 12px #89e6dd}.stage-stats{position:absolute;top:13px;right:12px;display:flex;gap:7px}.stat{min-width:49px;text-align:center;border:1px solid #7084a45c;background:#1b2b44b8;padding:7px 7px 5px;border-radius:10px}.stat-label{display:block;font-size:8px;color:#9fbacf;letter-spacing:.12em}.stat strong{display:block;margin-top:4px;font-size:14px;letter-spacing:.01em;font-variant-numeric:tabular-nums}.stage-judgement{position:absolute;bottom:12px;left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:92%;text-align:center;color:#e8faff;letter-spacing:.08em;font-size:15px;font-weight:950;text-shadow:0 1px 6px #0c192e;background:#10243cb3;border:1px solid #83bdcf5c;border-radius:999px;padding:5px 14px}.controls{padding:17px 5px 0}.command-line{display:flex;align-items:center;gap:9px;justify-content:space-between;min-height:40px}.command-label{font-size:10px;font-weight:850;letter-spacing:.1em;color:#a7c6d2}.sequence{display:flex;gap:5px;justify-content:center;flex:1;min-width:0}.sequence span{width:30px;height:30px;border:1px solid #3e6278;border-radius:8px;display:grid;place-items:center;background:#1d3449;font-size:18px;font-weight:700;transition:transform .15s,background .15s}.sequence span.done{background:#467b76;color:#cbfae9;border-color:#79c8bb}.sequence span.active{border:1px solid #b1ebee;box-shadow:0 0 8px #9cdfe744}.beat-hint{font-size:10px;color:#c1d8e7;white-space:nowrap}.timing{height:8px;border-radius:12px;background:#243650;margin:12px 2px 14px;position:relative;overflow:hidden}.timing-fill{height:100%;width:0;background:linear-gradient(90deg,#7894ff,#8fe3e3);transition:width .04s linear}.timing-marker{position:absolute;left:75%;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 8px #fff}.arrows{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.dir-btn{height:55px;border:1px solid #485f7b;border-radius:13px;background:linear-gradient(180deg,#293f59,#1a3049);color:#f0f9fc;font-weight:850;font-size:25px}.dir-btn:active,.dir-btn.pressed{background:#4e91a6;transform:translateY(1px)}.beat-button{width:100%;height:48px;margin-top:10px;border-radius:13px;border:1px solid #b7e8e0;background:#97e6e8;color:#18344e;font-size:19px;font-weight:900;letter-spacing:.1em}.beat-button span{font-size:10px;font-weight:700;margin-left:9px;opacity:.7}.start-button{width:100%;height:47px;margin-top:12px;border:1px solid #445872;background:#24364b;border-radius:13px;color:#edfaff;font-size:13px;font-weight:800;letter-spacing:.04em}.note{text-align:center;font-size:10px;line-height:1.65;color:#9eaebf;margin:13px 3px 0}@media(min-width:700px){#app{padding-top:20px;padding-bottom:50px}}