:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0a19;--text:#fff4dc;--dim:#a9a2c4;--gold:#f9d65a;--teal:#72d6bc}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);overscroll-behavior:none;margin:0;font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.shell{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.stage{background:var(--bg);flex:1 1 0;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}#game{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;flex:none;display:block}.title-chrome{z-index:1;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:none;position:absolute;inset:10px 12px auto}:root[data-scene=title] .title-chrome{display:flex}.title-chrome>*{pointer-events:auto}.actions{align-items:center;gap:7px;display:flex}.actions button,.source-link{min-height:30px;color:var(--dim);white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d0a19b3;border:1px solid #a9a2c440;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:11px;text-decoration:none;display:inline-flex}.actions button:hover,.source-link:hover{color:var(--text);background:#262044d9;border-color:#a9a2c488}.source-link{color:#c9b98d}#music-toggle[aria-pressed=true] .sound-mark,#fullscreen-toggle[aria-pressed=true]{color:var(--teal)}kbd{color:#8a83a8;background:#ffffff08;border:1px solid #a9a2c422;border-bottom-color:#a9a2c450;border-radius:3px;padding:1px 4px;font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.touch{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){.title-chrome{gap:6px;inset:8px 8px auto}.actions{gap:5px}.actions button,.source-link{min-height:30px;padding:4px 7px;font-size:10px}.actions kbd,.fullscreen-label{display:none}}@media (pointer:coarse){.touch{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--bg);flex:none;justify-content:space-between;align-items:center;gap:6px;min-height:124px;padding:5px 6px 8px;display:flex}.touch button{color:#d0c6dd;touch-action:none;background:#1b1630;border:1px solid #a9a2c44d;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 3px #080611,inset 0 1px #fff4dc12}.touch button:active,.touch button.is-held{color:var(--gold);background:#3b3466;transform:translateY(2px);box-shadow:0 1px #080611,inset 0 1px #fff4dc20}.dpad{grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,37px);gap:2px;display:grid}.dpad button{font-size:21px}.dpad [data-action=up]{grid-area:1/2}.dpad [data-action=left]{grid-area:2/1}.dpad [data-action=down]{grid-area:3/2}.dpad [data-action=right]{grid-area:2/3}.dpad-center{background:#72d6bc0a;border:1px solid #72d6bc48;grid-area:2/2;margin:8px}.touch-aux{flex-direction:column;flex:none;align-items:center;gap:8px;width:52px;display:flex}.touch-aux .steady-button{width:52px;height:44px;color:var(--teal);background:#123331;border-color:#72d6bc66;border-radius:8px;flex-direction:column;gap:3px}.steady-button b{letter-spacing:.05em;font:8px/1 ui-monospace,monospace}.steady-button small{color:#a9a2c4;font:8px/1 system-ui,sans-serif}.touch-aux .start-button{letter-spacing:.02em;border-radius:12px;width:44px;height:25px;font:8px ui-monospace,monospace}.face{flex:none;grid-template-rows:64px 16px;grid-template-columns:48px 54px;align-items:start;gap:4px;display:grid}.face .back-button{border-radius:50%;grid-area:1/1;width:48px;height:48px;margin-top:22px}.face .act-button{color:var(--teal);background:#123331;border-color:#72d6bc88;border-radius:50%;grid-area:1/2;width:53px;height:53px}.face b{font:19px/1 ui-monospace,monospace}.face small{color:#88839e;font-size:8px;position:absolute;top:calc(100% + 7px)}.actions kbd{display:none}}@media (pointer:coarse) and (orientation:landscape){.stage{align-self:center;width:calc(100% - 256px)}.touch{inset:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;background:0 0;min-height:0;padding:0;position:absolute}.touch button{pointer-events:auto}.touch-aux{flex-direction:row;justify-content:center;gap:7px;width:115px;position:absolute;top:calc(50% + 62px);left:0}.touch-aux .steady-button{flex:none;gap:2px;width:60px;height:44px}.touch-aux .start-button{flex:none}.face{grid-template-rows:64px 16px;grid-template-columns:48px 54px;gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.touch button:active,.touch .is-held{transform:none}}