@font-face{font-family:Starjedi;src:url(../fonts/Starjedi.ttf)format("truetype");font-display:swap}:root{--ink:#e9f1ff;--dim:#8fa3c4;--blue:#54b8ff;--yellow:#ffa23e;--panel:#080c18d1;--edge:#9fd8ff38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);overscroll-behavior:none;background:#05060d;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app{touch-action:none;position:fixed;inset:0}canvas{display:block}.hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute}.hud__stat{flex-direction:column;line-height:1.1;display:flex}.hud__label{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:10px}.hud__value{font-family:Starjedi,system-ui,sans-serif;font-size:20px}.hud__of{color:var(--dim);font-size:12px}.debug__switch{color:var(--dim);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.debug__switch b{color:var(--ink);font-weight:600}.debug__switch input{accent-color:var(--blue);cursor:pointer}.hud__waiting{color:var(--blue);vertical-align:4px;margin-left:4px;font-family:system-ui,sans-serif;font-size:11px;font-weight:600}.hud__button{pointer-events:auto;place-items:center;margin-left:auto;padding:9px;display:grid}.hud__button--menu{pointer-events:auto;margin-left:0}.controls{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute}.controls__right{align-items:flex-end;gap:12px;display:flex}.dpad{pointer-events:auto;width:132px;height:132px;position:relative}.dpad__key{border:1px solid var(--edge);background:var(--panel);width:54px;height:54px;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;place-items:center;font-size:17px;display:grid;position:absolute}.dpad__key:active{background:#54b8ff47}.dpad__key--up{top:0;right:0}.dpad__key--right{bottom:0;right:0}.dpad__key--down{bottom:0;left:0}.dpad__key--left{top:0;left:0}.dpad--aim .dpad__key{border-color:#ffa23e59}.dpad__label{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);pointer-events:none;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.fire{pointer-events:auto;flex-direction:column;gap:8px;display:flex}.fire__button{border:1px solid var(--edge);background:var(--panel);min-width:96px;color:var(--ink);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:11px 14px;font-size:12px;display:inline-flex}.fire__button--blue{color:var(--blue);border-color:#54b8ff8c}.fire__button--yellow{color:var(--yellow);border-color:#ffa23e8c}.fire__button--undo{color:var(--dim)}.fire__button:disabled{opacity:.35;cursor:default}.debug-stack{top:max(64px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:5;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;flex-direction:column;gap:10px;max-height:calc(100dvh - 240px);display:flex;position:absolute;overflow-y:auto}.debug{border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;flex:none;gap:10px;width:232px;padding:14px;display:flex}.debug__title{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin:0;font-size:10px}.debug__field{color:var(--dim);flex-direction:column;gap:4px;font-size:11px;display:flex}.debug__field b{color:var(--ink);font-weight:500}.debug__field input{width:100%;accent-color:var(--blue)}.debug__hint{color:var(--dim);margin:0;font-size:10px;line-height:1.5}.overlay{z-index:10;overscroll-behavior:contain;touch-action:pan-y;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 35%,#0a1022b8,#020308f0);justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;border-radius:22px;flex-direction:column;gap:22px;width:min(440px,100%);margin:auto;padding:clamp(18px,5vw,28px);display:flex}.panel__head{flex-direction:column;gap:6px;display:flex}.panel__title{letter-spacing:.06em;justify-content:center;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:600;display:flex}.panel__title svg{color:var(--yellow)}.wordmark__name{text-transform:none;letter-spacing:.2em;text-indent:.2em;margin:0;font-family:Starjedi,system-ui,sans-serif;font-size:clamp(22px,7.5vw,38px);font-weight:400;line-height:1.1}.wordmark__jp{letter-spacing:.4em;text-indent:.4em;color:var(--dim);margin:0;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,system-ui,sans-serif;font-size:12px}.panel__subtitle{color:var(--dim);margin:0;font-size:13px}.section{flex-direction:column;gap:10px;display:flex}.section__title{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);justify-content:center;align-items:center;gap:6px;margin:0;font-size:10px;font-weight:500;display:flex}.actions{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}button{font:inherit;border:1px solid var(--edge);color:var(--ink);cursor:pointer;background:#141c30bf;border-radius:12px;padding:11px 16px;font-size:13px}button:hover:not(:disabled){border-color:var(--blue)}.action{justify-content:center;align-items:center;gap:8px;display:inline-flex}.action--off{color:var(--dim)}.action:disabled{opacity:.4;cursor:default}.action--primary{background:#54b8ff24;border-color:#54b8ff99}.levels{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;display:grid}.levels__item{border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;display:flex}.levels__number{font-family:Starjedi,system-ui,sans-serif;font-size:20px;line-height:1}.levels__best{color:var(--dim);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:10px;display:inline-flex}.levels__item--cleared .levels__best{color:var(--blue)}.levels__item--here{border-color:var(--blue);background:#54b8ff1f}.scores{text-align:left;grid-template-columns:1fr auto;gap:6px 14px;margin:0;font-size:12px;display:grid}.scores dt{color:var(--dim)}.scores dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.scores__total{border-top:1px solid #9fd8ff24;padding-top:8px}.panel__foot{flex-direction:column;gap:12px;display:flex}.keys{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.keys--hud{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));opacity:.7;pointer-events:none;position:absolute}.keys li{align-items:center;gap:5px;display:inline-flex}kbd{font:inherit;border:1px solid var(--edge);color:var(--ink);background:#ffffff0d;border-radius:6px;padding:2px 6px;font-size:10px}.panel__link{color:var(--blue);justify-content:center;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.panel__link:hover{text-decoration:underline}.app:focus,.app:focus-visible{outline:none}:where(button,a):focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (width<=560px){.dpad{width:116px;height:116px}.dpad__key{width:48px;height:48px}.fire__button{min-width:72px;padding:9px 10px}}.lab{position:fixed;inset:0}.lab__panel{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:248px;padding:18px;position:absolute}.lab__title{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin:0 0 14px;font-size:12px;font-weight:600}.lab__row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.lab__button{letter-spacing:.08em;text-transform:uppercase;border-radius:9px;flex:auto;padding:8px 10px;font-size:11px}.lab__button--on{border-color:var(--blue);color:var(--blue);background:#54b8ff24}.lab__field{color:var(--dim);margin-bottom:14px;font-size:11px;display:block}.lab__field span{justify-content:space-between;margin-bottom:6px;display:flex}.lab__field b{color:var(--ink);font-weight:500}.lab__field input{width:100%;accent-color:var(--blue)}.lab__hint{color:var(--dim);margin:0;font-size:10px;line-height:1.7}.lab__link{color:var(--blue);margin-top:10px;display:inline-block}.panel__link{color:var(--blue)}