@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,500,0,0";@font-face{font-family:"QuanPixel 8px";src:url(/fonts/QuanPixel-8px.ttf) format("truetype")}@font-face{font-family:LanaPixel;src:url(/fonts/LanaPixel.ttf) format("truetype")}@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel.ttf) format("truetype")}:root{--base1: #18040a;--base2: #ffd36a;--base3: #fff4ea;--base4: #39ff14;--base5: #ff6b35;--bg: var(--base1);--bg-alt: color-mix(in srgb, var(--base1) 70%, var(--base5));--card: color-mix(in srgb, var(--base1) 75%, var(--base5));--card-dark: color-mix(in srgb, var(--base1) 90%, var(--base5));--accent: var(--base2);--accent-hover: color-mix(in srgb, var(--base2) 90%, var(--base3));--accent-active: color-mix(in srgb, var(--base2) 75%, var(--base1));--text-100: var(--base3);--text-200: color-mix(in srgb, var(--base3) 90%, var(--base1));--text-300: color-mix(in srgb, var(--base3) 80%, var(--base1));--text-500: color-mix(in srgb, var(--base3) 55%, var(--base1));--acid: var(--base4);--highlight: var(--base4);--border: color-mix(in srgb, var(--base5) 80%, transparent);--border-solid: var(--base5);--warning: var(--base5);--gold: var(--base2);--cyan: color-mix(in srgb, var(--base4) 70%, var(--base2));--magenta: color-mix(in srgb, var(--base5) 60%, var(--base2));--accent-80: color-mix(in srgb, var(--base2) 80%, transparent);--accent-50: color-mix(in srgb, var(--base2) 50%, transparent);--accent-25: color-mix(in srgb, var(--base2) 25%, transparent);--accent-20: color-mix(in srgb, var(--base2) 20%, transparent);--accent-15: color-mix(in srgb, var(--base2) 15%, transparent);--text-80: color-mix(in srgb, var(--base3) 75%, var(--base1));--border-muted: color-mix(in srgb, var(--base3) 35%, var(--base1));--warning-70: color-mix(in srgb, var(--base5) 70%, transparent);--hud-bg: color-mix(in srgb, var(--card-dark) 92%, transparent);--shadow-dark: color-mix(in srgb, var(--base1) 50%, var(--base3));--stripe: color-mix(in srgb, var(--base1) 90%, var(--base5));--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--app-width: 100vw;--app-height: 100dvh;--ui-scale: 1;--overlay-ui-scale: 1;--font-scale: 1.75;--overlay-font-scale: 1.75;--font-family: "Fusion Pixel", monospace;--font-family-body: "Fusion Pixel", monospace;--font-family-icons: "Material Symbols Rounded"}*{box-sizing:border-box}html,body,#app{width:var(--app-width);height:var(--app-height);margin:0;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--stripe) 2px,var(--stripe) 4px),var(--bg);background-size:4px 4px;color:var(--text-100)}body{font-family:var(--font-family-body);font-size:calc(8px * var(--font-scale));overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{border:2px solid var(--accent-80);background:var(--card);color:var(--text-100);border-radius:0;padding:8px 12px;cursor:pointer;font-family:var(--font-family);font-size:calc(8px * var(--font-scale));image-rendering:pixelated;box-shadow:3px 3px 0 var(--shadow-dark)}button:hover{background:var(--accent-active)}button:active{box-shadow:1px 1px 0 var(--shadow-dark);transform:translate(2px,2px)}button:disabled{opacity:.45;cursor:not-allowed}.game-shell,.canvas-host{position:relative;width:var(--app-width);height:var(--app-height);overflow:hidden;touch-action:none}.canvas-host canvas{position:absolute;inset:0;width:100%;height:100%;border:0;box-shadow:none;image-rendering:pixelated;touch-action:none}.overlay-layer,.hud-root,.result-overlay,.menu-overlay,.fx-pulse-layer,.orientation-lock,.screen-flash{position:absolute;inset:0}.overlay-layer{pointer-events:none}.fx-pulse-layer{pointer-events:none;z-index:11}.fx-pulse{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:0;transform:translate(-50%,-50%) scale(.2);border:2px solid color-mix(in srgb,var(--pulse-color),var(--base3) 15%);box-shadow:0 0 0 2px color-mix(in srgb,var(--base1) 75%,transparent) inset;opacity:var(--pulse-intensity, .45);animation:fx-pulse-expand .52s ease-out forwards}@keyframes fx-pulse-expand{0%{transform:translate(-50%,-50%) scale(.2);opacity:var(--pulse-intensity, .45)}to{transform:translate(-50%,-50%) scale(16);opacity:0}}.menu-overlay,.result-overlay{pointer-events:auto;--ui-scale: var(--overlay-ui-scale);--font-scale: var(--overlay-font-scale)}.generation-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:18;pointer-events:auto;background:color-mix(in srgb,var(--base1) 90%,transparent);padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px)}.generation-card{width:min(86vw,420px);border-radius:0;border:3px solid var(--accent-80);background:var(--card-dark);padding:12px;box-shadow:6px 6px 0 var(--shadow-dark)}.generation-title{font-family:var(--font-family);font-size:calc(8px * var(--font-scale));line-height:1.6;color:var(--text-100)}.generation-bar{margin-top:8px;height:12px;border-radius:0;border:2px solid var(--accent-50);background:var(--card-dark);overflow:hidden}.generation-bar-fill{height:100%;width:0;background:var(--accent);transition:width .12s step-end}.generation-percent{margin-top:6px;text-align:right;font-family:var(--font-family);font-size:calc(8px * var(--font-scale));color:var(--text-300)}.hidden{display:none!important}.screen-flash{opacity:0;pointer-events:none;transition:opacity 80ms linear}.screen-flash.show{opacity:1}.orientation-lock{display:grid;place-items:center;background:color-mix(in srgb,var(--base1) 92%,transparent);font-family:var(--font-family);font-size:calc(12px * var(--font-scale));text-align:center;z-index:20}.menu-overlay,.result-overlay{display:grid;place-items:center;z-index:15}.menu-overlay{padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 10px);overflow:auto;-webkit-overflow-scrolling:touch;place-items:start center}.result-overlay{padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 10px);overflow:auto;place-items:start center}.menu-card,.result-card{width:min(94vw,700px);border:3px solid var(--accent-80);border-radius:0;background:var(--card-dark);box-shadow:8px 8px 0 var(--shadow-dark);padding:calc(16px * var(--ui-scale))}.menu-card{display:flex;flex-direction:column;margin-inline:auto}.menu-header-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(12px * var(--ui-scale));margin-bottom:calc(8px * var(--ui-scale));position:relative}.menu-header-center{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.menu-lantern{width:calc(56px * var(--ui-scale));height:auto;min-width:48px;flex-shrink:0;display:block;margin-top:calc(-16px * var(--ui-scale));image-rendering:pixelated;image-rendering:-moz-crisp-edges;filter:drop-shadow(2px 2px 0 var(--shadow-dark))}.menu-lantern-left{align-self:flex-start}.menu-lantern-right{align-self:flex-start;transform:scaleX(-1);filter:drop-shadow(-2px 2px 0 var(--shadow-dark))}.menu-logo-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(13px * var(--ui-scale));margin-bottom:calc(15px * var(--ui-scale));font-size:calc(clamp(18px,5vw,28px) * var(--font-scale))}.menu-logo{height:1.3em;width:auto;vertical-align:middle;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;filter:drop-shadow(2px 2px 0 var(--shadow-dark))}.menu-logo-brand{font-family:var(--font-family);font-size:1em;line-height:1em;color:var(--gold);text-shadow:2px 2px 0 var(--shadow-dark);white-space:nowrap;margin-top:0}[data-locale=en] .menu-logo-wrap{flex-wrap:nowrap}[data-locale=en] .menu-logo-brand{font-size:.85em;letter-spacing:-.05em;margin-top:0}.result-card{max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 20px);overflow:auto;display:flex;flex-direction:column;margin-inline:auto}.game-title{margin:0;text-align:center;font-family:var(--font-family);font-size:calc(clamp(10px,3vw,14px) * var(--font-scale));line-height:1.6;color:var(--gold);text-shadow:2px 2px 0 var(--shadow-dark)}.game-subtitle{margin:3px 0 0;text-align:center;font-family:var(--font-family);font-size:calc(8px * var(--font-scale));color:var(--text-300);line-height:1}.game-intro-rules{margin:10px 0 0;text-align:left;font-family:var(--font-family);color:var(--text-200);font-size:calc(13px * var(--font-scale));line-height:1.8}.menu-color-theme-section{margin-top:calc(14px * var(--ui-scale));margin-bottom:6px}.menu-color-theme-buttons{display:flex;flex-wrap:wrap;gap:8px}.menu-color-theme-btn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 8px;font-family:var(--font-family);font-size:calc(8px * var(--font-scale));color:var(--text-200);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-color-theme-btn:hover{background:var(--card);border-color:var(--accent-50)}.menu-color-theme-btn.active{border-color:var(--accent-80);background:var(--accent-15);color:var(--text-100)}.menu-color-theme-swatches{display:flex;gap:2px}.menu-color-theme-swatch{width:calc(6px * var(--ui-scale));height:calc(6px * var(--ui-scale));border:1px solid rgba(0,0,0,.2)}.menu-color-theme-scene{width:48px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges}.menu-color-theme-label{white-space:nowrap}.menu-lang-section{margin-top:calc(14px * var(--ui-scale));margin-bottom:-4px}.menu-lang-buttons{display:flex;flex-wrap:wrap;gap:8px}.menu-lang-btn{flex:1 1 0;min-width:0;padding:6px 8px;font-family:var(--font-family);font-size:calc(8px * var(--font-scale));color:var(--text-200);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-lang-btn:hover{background:var(--card);border-color:var(--accent-50)}.menu-lang-btn.active{border-color:var(--accent-80);background:var(--accent-15);color:var(--text-100)}.menu-preset-section{margin-top:calc(14px * var(--ui-scale));margin-bottom:4px}.menu-preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.menu-preset-btn{padding:6px 10px;font-size:calc(6px * var(--font-scale));font-family:var(--font-family);color:var(--text-200);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-preset-btn:hover{background:var(--card);border-color:var(--accent-50)}.menu-preset-btn.active{border-color:var(--accent-80);background:var(--accent-15);color:var(--text-100)}.menu-theme-section{margin-top:calc(14px * var(--ui-scale))}.menu-theme-section--hidden{display:none}.menu-random-range-section{margin-top:calc(10px * var(--ui-scale));margin-bottom:calc(8px * var(--ui-scale))}.menu-theme-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:4px 6px;margin-bottom:12px}.menu-theme-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:calc(5px * var(--font-scale));font-family:var(--font-family);color:var(--text-200);background:var(--card-dark);border:1px solid var(--border-muted);border-radius:0;cursor:pointer;box-shadow:1px 1px 0 var(--shadow-dark);min-width:0}.menu-theme-btn-canvas{flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid var(--border-muted)}.menu-theme-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center}.menu-theme-btn:hover{background:var(--card);border-color:var(--accent-50)}.menu-theme-btn.active{border-color:var(--accent-80);background:var(--accent-15);color:var(--text-100)}.menu-synth-params-macro{margin-top:2px;margin-bottom:8px}.menu-synth-params-content{margin-top:0}.menu-params-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.menu-params-tab{padding:6px 12px;font-size:calc(11px * var(--font-scale));font-family:var(--font-family);color:var(--text-80);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;cursor:pointer;transition:background .1s,border-color .1s}.menu-params-tab:hover{background:var(--card);border-color:var(--accent-50);color:var(--text-100)}.menu-params-tab.active{background:var(--accent-20);border-color:var(--accent-80);color:var(--text-100)}.menu-params-pages{min-height:2em}.menu-params-page{display:none}.menu-params-page.active{display:block}.menu-param-section{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-muted)}.menu-param-section:last-of-type{border-bottom:none}.menu-pad-matrix{margin-bottom:-2px;width:100%}.menu-pad-row{display:flex;gap:6px;margin-bottom:6px;width:100%}.menu-pad-row:last-child{margin-bottom:0}.menu-pad-btn-wrap{flex:1 1 0;min-width:0;aspect-ratio:1;width:0;container-type:inline-size}.menu-pad-btn{width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:4px;font-size:clamp(4px,15cqw,55px);font-family:var(--font-family);color:var(--text-200);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;cursor:pointer;transition:background .1s,border-color .1s;box-shadow:2px 2px 0 var(--shadow-dark);text-align:center;line-height:1.2;overflow:hidden;overflow-wrap:break-word}.menu-pad-btn:hover{background:var(--card);border-color:var(--accent-50);color:var(--text-100)}.menu-pad-btn.menu-cat-meow-btn{color:var(--text-100)}.menu-pad-btn.menu-glitch-btn{color:var(--text-200)}.menu-pad-btn.pad-key-pressed{background:var(--accent-30);border-color:var(--accent-80);color:var(--text-100);transform:scale(.96)}.menu-param-section-title{font-size:calc(8px * var(--font-scale));font-family:var(--font-family);color:var(--text-100);margin-bottom:6px;line-height:1.6}.menu-bottom-faders{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-muted);width:100%;display:flex;gap:var(--fader-gap, 12px);align-items:stretch}.menu-mixer{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.menu-mixer-title{font-size:calc(8px * var(--font-scale));font-family:var(--font-family);color:var(--text-100);margin-bottom:6px;line-height:1.2;flex-shrink:0}.menu-fader-strip{width:100%;min-width:0}.menu-fader-strip-inner{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--fader-gap, 12px)}.menu-vertical-fader{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;width:var(--fader-column-width, 24px);min-width:var(--fader-column-width, 24px)}.menu-vertical-fader-label{font-size:calc(6px * var(--font-scale));font-family:var(--font-family);color:var(--text-300);text-align:center;line-height:1.2}.menu-vertical-fader-wrap{width:var(--fader-column-width, 24px);height:108px;display:flex;align-items:center;justify-content:center}.menu-vertical-fader-wrap input[type=range]{width:108px;height:12px;margin:0;transform:rotate(-90deg);transform-origin:center center;-webkit-appearance:none;appearance:none;background:transparent}.menu-vertical-fader-wrap input[type=range]::-webkit-slider-runnable-track{height:10px;background:var(--card);border:1px solid var(--border-muted);border-radius:0}.menu-vertical-fader-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border:2px solid var(--text-100);border-radius:0;cursor:pointer;margin-top:-2px;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-vertical-fader-value{font-size:calc(6px * var(--font-scale));font-family:var(--font-family);color:var(--text-300)}.menu-param-row{display:flex;align-items:center;gap:8px;margin-top:10px;margin-bottom:10px;font-size:calc(6px * var(--font-scale));line-height:1;font-family:var(--font-family);color:var(--text-300)}.menu-param-slider-wrap{flex:1;min-width:0;position:relative;height:20px}.menu-param-slider-wrap--bpm{height:76px}.menu-param-value-indicator{position:absolute;bottom:0;left:calc(var(--value-pct, 0) * 1%);transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--accent);pointer-events:none;filter:drop-shadow(2px 2px 0 var(--shadow-dark))}.menu-param-slider-wrap--bpm .menu-param-value-indicator{border-left-width:8px;border-right-width:8px;border-bottom-width:8px;filter:drop-shadow(3px 3px 0 var(--shadow-dark))}.menu-param-row>input[type=range],.menu-param-row>.menu-param-slider-wrap>input[type=range]{flex:1;min-width:0;height:12px;-webkit-appearance:none;appearance:none;background:transparent}.menu-param-row>.menu-param-slider-wrap>input[type=range]{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;margin:0}.menu-param-row>input[type=range]::-webkit-slider-runnable-track,.menu-param-row>.menu-param-slider-wrap>input[type=range]::-webkit-slider-runnable-track{width:100%;height:12px;border:2px solid var(--border-muted);border-radius:0}.menu-param-row>input[type=range]::-webkit-slider-runnable-track,.menu-param-row>.menu-param-slider-wrap>input[type=range]::-webkit-slider-runnable-track{background:var(--card-dark)}.menu-param-row>.menu-param-slider-wrap--range-band>input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--card-dark) 0%,var(--card-dark) calc(var(--range-left-pct, 0) * 1%),var(--accent-50) calc(var(--range-left-pct, 0) * 1%),var(--accent-50) calc((var(--range-left-pct, 0) + var(--range-width-pct, 0)) * 1%),var(--card-dark) calc((var(--range-left-pct, 0) + var(--range-width-pct, 0)) * 1%),var(--card-dark) 100%)}.menu-param-row>input[type=range]::-webkit-slider-thumb,.menu-param-row>.menu-param-slider-wrap>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:18px;margin-top:-5px;background:var(--accent);border:2px solid var(--accent-80);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-param-row>input[type=range]::-moz-range-track,.menu-param-row>.menu-param-slider-wrap>input[type=range]::-moz-range-track{width:100%;height:12px;border:2px solid var(--border-muted);border-radius:0}.menu-param-row>input[type=range]::-moz-range-track,.menu-param-row>.menu-param-slider-wrap>input[type=range]::-moz-range-track{background:var(--card-dark)}.menu-param-row>.menu-param-slider-wrap--range-band>input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--card-dark) 0%,var(--card-dark) calc(var(--range-left-pct, 0) * 1%),var(--accent-50) calc(var(--range-left-pct, 0) * 1%),var(--accent-50) calc((var(--range-left-pct, 0) + var(--range-width-pct, 0)) * 1%),var(--card-dark) calc((var(--range-left-pct, 0) + var(--range-width-pct, 0)) * 1%),var(--card-dark) 100%)}.menu-param-row>input[type=range]::-moz-range-thumb,.menu-param-row>.menu-param-slider-wrap>input[type=range]::-moz-range-thumb{width:16px;height:18px;background:var(--accent);border:2px solid var(--accent-80);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-param-row--bpm>.menu-param-slider-wrap>input[type=range]{height:50px}.menu-param-row--bpm>.menu-param-slider-wrap>input[type=range]::-webkit-slider-runnable-track{height:20px}.menu-param-row--bpm>.menu-param-slider-wrap>input[type=range]::-webkit-slider-thumb{width:24px;height:52px;margin-top:-18px}.menu-param-row--bpm>.menu-param-slider-wrap>input[type=range]::-moz-range-track{height:20px}.menu-param-row--bpm>.menu-param-slider-wrap>input[type=range]::-moz-range-thumb{width:24px;height:26px}.menu-preset-section .menu-param-row--bpm,.menu-random-range-section .menu-param-row--bpm{margin-top:6px;margin-bottom:6px}.menu-param-row>select{flex:1;min-width:0;padding:4px 6px;font-size:calc(6px * var(--font-scale));font-family:var(--font-family);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;color:var(--text-100)}.menu-param-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.menu-param-row--osc-band{flex-wrap:wrap;gap:4px 8px}.menu-param-row--osc-band .menu-osc-band-wrap{flex-basis:100%;display:flex;flex-wrap:wrap;gap:2px}.menu-param-row--osc-band .menu-osc-band-chip{padding:2px 4px;font-size:calc(5px * var(--font-scale));font-family:var(--font-family);color:var(--text-300);background:var(--card-dark);border:1px solid transparent}.menu-param-row--osc-band .menu-osc-band-chip--in-range{background:var(--accent-15);border-color:var(--accent-50)}.menu-param-row--osc-band .menu-osc-band-chip--preset{color:var(--accent);font-weight:700}.menu-param-row--osc-band .menu-osc-band-steps{font-size:calc(5px * var(--font-scale));color:var(--text-300)}.menu-preview-row{display:flex;flex-wrap:nowrap;gap:6px;margin-top:8px;margin-bottom:8px}.menu-preview-btn{flex:1 1 0;min-width:0;padding:calc(12px * var(--ui-scale)) 8px;font-size:calc(10px * var(--font-scale));font-family:var(--font-family);color:var(--text-200);background:var(--card-dark);border:2px solid var(--border-muted);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--shadow-dark)}.menu-preview-btn:hover{background:var(--card);border-color:var(--accent-50)}.menu-actions{margin-top:calc(6px * var(--ui-scale));display:grid;grid-template-columns:1fr;gap:8px}.menu-actions button{font-size:calc(clamp(12px,2vw,20px) * var(--font-scale));line-height:1.15;padding:clamp(18px,5.5vh,50px) 12px}.menu-footer-row{margin-top:calc(24px * var(--ui-scale));margin-bottom:calc(10px * var(--ui-scale));display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:calc(8px * var(--ui-scale))}.menu-footer-links{display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale));font-family:var(--font-family);font-size:calc(8px * var(--font-scale))}.menu-footer-credits{font-family:var(--font-family);font-size:calc(6px * var(--font-scale));color:var(--text-300);white-space:nowrap;margin-top:calc(2px * var(--ui-scale))}.menu-footer-links a{color:var(--accent-80);text-decoration:none}.menu-footer-links a:hover{color:var(--accent);text-decoration:underline}.menu-boot-status{margin:10px 0 0;min-height:18px;text-align:center;color:var(--text-300);font-family:var(--font-family);font-size:calc(6px * var(--font-scale));line-height:1.6}.theme-picker{margin-top:calc(14px * var(--ui-scale));display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}.composition-picker{margin-top:calc(10px * var(--ui-scale));display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}.theme-chip,.composition-chip{text-align:left;padding:8px 10px;border:2px solid var(--border-muted);border-radius:0;font-family:var(--font-family);background:var(--card-dark);box-shadow:2px 2px 0 var(--shadow-dark)}.theme-chip span,.composition-chip span{display:block;font-size:calc(6px * var(--font-scale));line-height:1.6}.theme-chip small,.composition-chip small{display:block;margin-top:2px;color:var(--text-300);font-size:calc(5px * var(--font-scale));line-height:1.5}.theme-chip.active,.composition-chip.active{border-color:var(--accent-80);background:var(--accent-15);box-shadow:2px 2px 0 var(--shadow-dark)}.menu-footer{margin-top:calc(14px * var(--ui-scale));text-align:center;font-family:var(--font-family);font-size:calc(5px * var(--font-scale));color:var(--text-300);line-height:1.6}.hud-root{pointer-events:none;z-index:10;--hud-scale: 1}.hud-hp,.hud-fps,.hud-score,.hud-combo,.hud-timing,.hud-beat,.hud-hold,.hud-synth,.hud-bottom,.hud-pause-btn,.hud-toast,.hud-countdown{position:absolute;transform:translate(-50%,-50%)}.hud-fps,.hud-combo,.hud-timing,.hud-beat,.hud-hold,.hud-bottom{background:var(--hud-bg);border:2px solid var(--warning-70);border-radius:0;box-shadow:3px 3px 0 var(--shadow-dark);padding:calc(6px * var(--hud-scale)) calc(9px * var(--hud-scale));font-family:var(--font-family);text-transform:uppercase}.hud-hp{transform:translate(0);left:12px;top:12px;background:transparent;border:0;box-shadow:none;padding:0;font-family:var(--font-family);color:var(--warning);letter-spacing:.12em;font-size:calc(18px * var(--hud-scale) * var(--font-scale));text-shadow:3px 3px 0 var(--shadow-dark),2px 2px 0 var(--shadow-dark)}.hud-fps{transform:translate(0);left:12px;top:40px;color:var(--text-300);letter-spacing:.06em;font-size:calc(10px * var(--hud-scale) * var(--font-scale));background:transparent;border:0;box-shadow:none;padding:0;text-shadow:0 1px 0 var(--shadow-dark)}.hp-ghost{opacity:.3}.hud-score{color:var(--text-100);font-family:var(--font-family);font-size:calc(clamp(18px,3.8vw,34px) * var(--font-scale));font-weight:400;letter-spacing:.03em;text-shadow:0 0 0 var(--accent-50),0 0 10px var(--accent-50);text-align:center;transform:translate(-50%)}.hud-combo{transform:translate(-100%);color:var(--text-300);font-size:calc(14px * var(--hud-scale) * var(--font-scale));white-space:nowrap}.hud-bottom{color:var(--text-300);font-size:calc(13px * var(--hud-scale) * var(--font-scale));white-space:nowrap;transform:translate(-50%,-100%)}.hud-timing{color:var(--cyan);font-size:calc(12px * var(--hud-scale) * var(--font-scale));transform:translate(-50%)}.hud-timing[data-quality=perfect],.hud-timing[data-quality=good]{color:var(--cyan)}.hud-timing[data-quality=miss]{color:var(--warning)}.hud-beat{font-size:calc(11px * var(--hud-scale) * var(--font-scale));letter-spacing:.2em;color:var(--text-300);transform:translate(-50%,-50%)}.hud-hold{font-size:calc(11px * var(--hud-scale) * var(--font-scale));color:var(--gold);transform:translate(-100%,-50%)}.hud-synth{transform:translateY(-100%);padding:0;width:auto;max-width:calc(100vw - 24px);background:transparent;border:0;box-shadow:none;font-family:var(--font-family);font-size:calc(20px * var(--hud-scale) * var(--font-scale));font-weight:700;color:var(--acid);letter-spacing:.08em;text-transform:uppercase;text-shadow:4px 4px 0 var(--shadow-dark),3px 3px 0 var(--shadow-dark),2px 2px 0 var(--shadow-dark)}.hud-synth[data-red="1"]{color:var(--magenta);text-shadow:4px 4px 0 var(--shadow-dark),3px 3px 0 var(--shadow-dark),2px 2px 0 var(--accent-50)}.hud-synth-meta{font-size:calc(10px * var(--hud-scale) * var(--font-scale));color:var(--text-300);margin-bottom:calc(4px * var(--hud-scale));letter-spacing:.08em}.hud-synth-grid{display:grid;gap:calc(2px * var(--hud-scale))}.hud-synth-row{display:grid;grid-template-columns:calc(24px * var(--hud-scale)) repeat(16,minmax(0,1fr));gap:calc(2px * var(--hud-scale));align-items:center}.hud-synth-label{font-size:calc(8px * var(--hud-scale) * var(--font-scale));color:var(--text-500)}.hud-synth-cell{height:calc(5px * var(--hud-scale));border-radius:1px;border:1px solid var(--border-muted);background:var(--hud-bg);opacity:calc(.14 + var(--lane-level, 0) * .86);transition:background-color 80ms linear,border-color 80ms linear,box-shadow 80ms linear}.hud-synth-cell.is-on{background:color-mix(in srgb,var(--warning) 36%,transparent);border-color:var(--warning-70)}.hud-synth-cell.is-soft{background:color-mix(in srgb,var(--warning) 20%,transparent)}.hud-synth-cell.is-active{background:var(--accent-50);border-color:var(--accent-80);box-shadow:0 0 10px var(--accent-50)}.hud-pause-btn{transform:translate(-100%);pointer-events:auto;width:calc(30px * var(--hud-scale));height:calc(30px * var(--hud-scale));min-width:0;min-height:0;padding:0;border-radius:999px;font-size:calc(14px * var(--hud-scale) * var(--font-scale));line-height:1;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;box-shadow:none;color:var(--text-100)}.hud-icon.material-symbols-rounded{font-family:var(--font-family-icons);font-size:calc(24px * var(--hud-scale) * var(--font-scale));line-height:1;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;text-shadow:0 1px 4px var(--shadow-dark)}.hud-toast{left:50%;top:23%;padding:0;border-radius:0;border:0;background:transparent;color:var(--text-100);opacity:0;transition:opacity .12s linear;font-weight:700;font-size:calc(18px * var(--hud-scale) * var(--font-scale));font-family:var(--font-family);box-shadow:none;text-transform:uppercase;text-shadow:3px 3px 0 var(--shadow-dark),2px 2px 0 var(--shadow-dark)}.hud-root.compact .hud-combo{transform:translate(-50%);font-size:calc(12px * var(--hud-scale) * var(--font-scale))}.hud-root.compact .hud-hp{font-size:calc(15px * var(--hud-scale) * var(--font-scale))}.hud-toast[data-tone=danger]{color:var(--warning)}.hud-toast[data-tone=heal]{color:var(--acid)}.hud-toast[data-tone=accent]{color:var(--cyan)}.hud-toast.show{opacity:1}.hud-countdown{left:50%;top:50%;padding:0;border:0;background:transparent;font-family:var(--font-family);font-size:calc(clamp(64px,18vw,120px) * var(--hud-scale) * var(--font-scale));font-weight:700;color:var(--accent);opacity:0;visibility:hidden;transition:opacity 80ms ease-out;text-shadow:0 0 0 var(--accent-50),0 0 20px var(--accent-50),4px 4px 0 var(--shadow-dark);line-height:1}.hud-countdown.hud-countdown--visible{opacity:1;visibility:visible}.result-card .menu-header-wrap{margin-bottom:0}.result-card .menu-header-wrap+.result-title{margin-top:calc(-26px * var(--ui-scale))}.result-title{margin:0;font-family:var(--font-family);font-size:calc(clamp(8px,2vw,12px) * var(--font-scale));color:var(--gold);text-shadow:2px 2px 0 var(--shadow-dark);line-height:1.6}.result-stats{margin-top:calc(10px * var(--ui-scale));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px}.result-stats p{margin:0;padding:6px 8px;border-radius:0;border:2px solid var(--accent-25);background:var(--card-dark);color:var(--text-300);font-family:var(--font-family);font-size:calc(8px * var(--font-scale));line-height:1.5}.result-stats p.result-stats-full{grid-column:1 / -1}.result-timeline{width:100%;height:clamp(64px,16vw,110px);margin-top:calc(10px * var(--ui-scale));border:2px solid var(--accent-50);border-radius:0;image-rendering:pixelated}.result-actions{margin-top:calc(10px * var(--ui-scale));display:flex;flex-direction:column;gap:6px;padding-bottom:max(2px,var(--safe-bottom));--result-btn-font-size: calc(13px * var(--font-scale));--result-btn-padding-v: calc(12px * var(--ui-scale));--result-btn-padding-h: calc(16px * var(--ui-scale))}.result-actions button{font-size:var(--result-btn-font-size);padding:var(--result-btn-padding-v) var(--result-btn-padding-h)}.result-export-progress{margin-top:calc(4px * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale));border:2px solid var(--accent-25);background:var(--card-dark)}.result-export-progress-label{font-family:var(--font-family);font-size:calc(8px * var(--font-scale));color:var(--text-100);line-height:1.5}.result-export-progress-bar{margin-top:calc(4px * var(--ui-scale));height:10px;border:2px solid var(--accent-50);background:var(--card);overflow:hidden}.result-export-progress-fill{width:0;height:100%;background:var(--accent);transition:width .12s step-end}.result-export-progress-percent{margin-top:calc(4px * var(--ui-scale));text-align:right;font-family:var(--font-family);font-size:calc(8px * var(--font-scale));color:var(--text-300)}.result-follow{margin:calc(8px * var(--ui-scale)) 0 0;color:var(--text-300);font-family:var(--font-family);font-size:calc(18px * var(--font-scale));line-height:1.6}@media(max-width:600px){.menu-card{width:min(96vw,700px);padding:calc(12px * var(--ui-scale))}.menu-logo-wrap{font-size:calc(clamp(16px,4.5vw,24px) * var(--font-scale))}.theme-picker,.composition-picker{gap:6px}.theme-chip span,.composition-chip span{font-size:calc(5px * var(--font-scale))}.theme-chip small,.composition-chip small{font-size:calc(4px * var(--font-scale))}.result-card{width:min(96vw,700px);padding:calc(12px * var(--ui-scale));max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 12px)}.result-title{font-size:calc(clamp(12px,4.2vw,16px) * var(--font-scale));line-height:1.35}.result-stats{margin-top:calc(8px * var(--ui-scale));gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-stats p{padding:5px 7px;font-size:calc(13px * var(--font-scale))}.result-timeline{margin-top:calc(8px * var(--ui-scale))}.result-actions{margin-top:calc(8px * var(--ui-scale));--result-btn-padding-v: calc(10px * var(--ui-scale));--result-btn-padding-h: calc(14px * var(--ui-scale))}.result-export-progress{padding:calc(5px * var(--ui-scale)) calc(7px * var(--ui-scale))}.result-export-progress-label,.result-export-progress-percent{font-size:calc(7px * var(--font-scale))}.result-follow{font-size:calc(12px * var(--font-scale));line-height:1.5}}@media(max-width:430px){.result-stats{grid-template-columns:1fr}.menu-header-wrap{gap:calc(8px * var(--ui-scale))}.menu-lantern{width:calc(46px * var(--ui-scale));min-width:36px;margin-top:calc(-10px * var(--ui-scale))}}@media(max-height:760px){.menu-overlay,.result-overlay{padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 6px) calc(var(--safe-bottom) + 6px) calc(var(--safe-left) + 6px)}.menu-card,.result-card{padding:calc(10px * var(--ui-scale))}.menu-logo-wrap{margin-bottom:calc(9px * var(--ui-scale))}.game-intro-rules{margin-top:6px;line-height:1.55}.menu-actions button{padding:clamp(14px,4.2vh,30px) 10px}.menu-footer-row{margin-top:calc(12px * var(--ui-scale));margin-bottom:calc(6px * var(--ui-scale))}.result-card .menu-header-wrap+.result-title{margin-top:calc(-18px * var(--ui-scale))}}