.system-menu{z-index:200;color:var(--text);background:0 0;border:none;max-width:none;max-height:none;margin:0;padding:0;position:fixed}.system-menu::backdrop{background:#0a0c18bf}.system-menu-inner{background:var(--panel);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.system-menu-inner:before{content:"";pointer-events:none;background-image:radial-gradient(circle, var(--muted) 1px, transparent 1px);opacity:.06;z-index:0;background-size:32px 32px;position:absolute;inset:0}.system-menu-body,.system-menu-tabs,.system-menu-footer{z-index:1;position:relative}.system-menu-header{border-bottom:2px solid var(--border);background:var(--panel-raised);z-index:10;order:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.system-menu-title{font-family:var(--font-display);font-size:var(--fs-h3);text-transform:uppercase;margin:0}.btn-close-menu{width:44px;height:44px;color:var(--muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-size:24px;display:flex}.btn-close-menu:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px}.btn-close-menu:hover{color:var(--text);border-color:var(--border-strong)}.system-menu-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-deep);flex:1;order:3;min-height:0;padding:24px 20px 48px;overflow-y:auto}.system-menu-body::-webkit-scrollbar{width:8px}.system-menu-body::-webkit-scrollbar-track{background:var(--bg-deep);border-left:1px solid var(--border)}.system-menu-body::-webkit-scrollbar-thumb{background:var(--accent-cyan)}.system-menu-tabs{background:var(--bg-deep);display:flex}.system-tab-btn{border:none;border-right:2px solid var(--border);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 4px;transition:all .15s;display:flex}.system-tab-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px}.system-tab-btn:last-child{border-right:none}.system-tab-btn:hover{background:var(--panel-raised);color:var(--text)}.system-tab-btn.is-active{background:var(--panel);color:var(--accent-yellow)}.tab-label{font-family:var(--font-display);text-transform:uppercase;font-size:11px}.system-menu-footer{border-top:2px solid var(--border);background:var(--panel-raised);font-family:var(--font-display);font-size:var(--fs-chip);text-transform:uppercase;color:var(--muted);text-align:center;padding:12px 20px}.trophies-summary{margin-bottom:24px}.trophy-count{font-family:var(--font-display);font-size:var(--fs-h3)}.trophies-xp-bar{background:var(--bg-deep);border:1px solid var(--border);height:8px;margin-top:8px;position:relative}.achievements-grid{grid-template-columns:1fr;gap:16px;display:grid}.settings-group{margin-bottom:24px}.settings-heading{font-family:var(--font-display);font-size:var(--fs-chip);color:var(--muted);border-bottom:2px solid var(--border);margin-bottom:16px;padding-bottom:4px}.settings-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-row.flex-col{flex-direction:column;align-items:flex-start;gap:8px}.settings-label-col{flex-direction:column;gap:2px;padding-right:12px;display:flex}.row-label{font-family:var(--font-sans);color:var(--text);font-size:15px}.row-helper{font-family:var(--font-sans);color:var(--muted);font-size:13px}.segmented-control{border:2px solid var(--border);width:180px;display:flex}.segment-btn{text-align:center;background:var(--panel);border:none;border-right:2px solid var(--border);color:var(--muted);font-family:var(--font-display);font-size:var(--fs-chip);cursor:pointer;flex:1;padding:6px 0}.segment-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px;z-index:2}.segment-btn:last-child{border-right:none}.segment-btn[aria-pressed=true]{background:var(--accent-cyan);color:var(--bg-deep)}.toggle-switch{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.toggle-switch:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px}.toggle-track{background:var(--bg-deep);border:2px solid var(--border);width:48px;height:24px;display:block;position:relative}.toggle-thumb{background:var(--muted);width:16px;height:16px;transition:transform .15s;display:block;position:absolute;top:2px;left:2px}.toggle-text{font-family:var(--font-display);font-size:var(--fs-chip);text-align:left;width:32px}.toggle-switch[aria-pressed=true]{color:var(--accent-cyan)}.toggle-switch[aria-pressed=true] .toggle-track{background:var(--panel-raised)}.toggle-switch[aria-pressed=true] .toggle-thumb{background:var(--accent-cyan);transform:translate(24px)}.toggle-switch[aria-pressed=true] .toggle-text:after{content:"ON"}.toggle-switch[aria-pressed=false] .toggle-text:after{content:"OFF"}.toggle-text{font-size:0}.toggle-text:after{font-size:var(--fs-chip)}.volume-slider-wrapper{align-items:center;gap:16px;width:100%;display:flex}.volume-slider{flex:1}.volume-readout{font-family:var(--font-display);font-size:var(--fs-chip);text-align:right;width:40px;color:var(--muted)}.custom-slider{-webkit-appearance:none;appearance:none;background:var(--bg-deep);border:2px solid var(--border);border-radius:0;outline:none;width:100%;height:12px}.custom-slider:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-yellow);cursor:pointer;border-radius:0;width:16px;height:24px}.custom-slider::-moz-range-thumb{background:var(--accent-yellow);cursor:pointer;border:none;border-radius:0;width:16px;height:24px}.custom-slider:disabled::-webkit-slider-thumb{background:var(--border-strong)}.custom-slider:disabled::-moz-range-thumb{background:var(--border-strong)}.custom-slider::-webkit-slider-runnable-track{height:12px}.custom-slider::-moz-range-track{background:var(--bg-deep);height:12px}.custom-slider::-moz-range-progress{background:var(--accent-yellow);height:12px}.custom-slider:disabled::-moz-range-progress{background:var(--border-strong)}.danger-zone .btn-reset-progress{width:100%}.btn-reset-progress{color:var(--accent-coral);border-color:var(--accent-coral)}.btn-reset-progress:hover{background:#ff5d731a}.controls-group{margin-bottom:24px}.controls-heading{font-family:var(--font-display);font-size:var(--fs-chip);color:var(--muted);border-bottom:2px solid var(--border);margin-bottom:12px;padding-bottom:4px}.control-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.control-keys kbd{background:var(--panel-raised);border:2px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-chip);border-bottom-width:4px;border-radius:2px;margin-left:4px;padding:2px 6px}.konami-keys{font-family:var(--font-mono)}.class-selected-badge{font-family:var(--font-display);font-size:var(--fs-chip);color:var(--accent-yellow);margin-left:auto;display:none}.class-option.is-selected .class-selected-badge{display:block}@media (width>=768px){.system-menu{width:480px;height:100%;inset:0 0 0 auto}.system-menu-inner{border-left:2px solid var(--border);box-shadow:-8px 0 0 var(--shadow-pixel)}.system-menu-tabs{border-top:none;border-bottom:2px solid var(--border);order:2}.system-tab-btn.is-active{box-shadow:inset 0 -4px 0 var(--accent-yellow)}.system-menu-footer{order:4}html[data-motion=full] .system-menu[open]{animation:.2s steps(6,end) forwards slideInRight}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.achievements-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.system-menu{width:100%;height:100dvh;inset:0}.system-menu-inner{border-left:none}.system-menu-header{padding-top:calc(16px + env(safe-area-inset-top))}.system-menu-tabs{border-top:2px solid var(--border);padding-bottom:env(safe-area-inset-bottom);order:4}.system-tab-btn.is-active{box-shadow:inset 0 4px 0 var(--accent-yellow)}.hide-on-mobile{display:none}html[data-motion=full] .system-menu[open]{animation:.2s steps(6,end) forwards slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}:root{--dur-fast:.12s;--dur-base:.2s;--dur-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-stepped:steps(5, end)}@keyframes starfield-drift{0%{transform:translateY(0)}to{transform:translateY(-200px)}}@keyframes coin-spin{0%{opacity:1;transform:scaleX(1)}25%{opacity:.85;transform:scaleX(.5)}50%{opacity:.7;transform:scaleX(.15)}75%{opacity:.85;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}@keyframes coin-hop{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes boot-reveal{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@keyframes section-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes xp-bar-step{0%{width:var(--xp-from,0%)}to{width:var(--xp-to,0%)}}@keyframes press-start-blink{0%,to{opacity:1}50%{opacity:0}}.starfield{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.starfield-layer{animation:60s steps(120,end) infinite starfield-drift;position:absolute;inset:0}.pixel-coin .pixel-coin-sprite{width:16px;height:16px;animation:.6s steps(4,end) infinite coin-spin;display:block}.reveal-section{opacity:0;transform:translateY(24px)}.reveal-section.is-visible{animation:section-reveal var(--dur-slow) var(--ease-out) forwards}.press-start-blink{animation:1s step-end infinite press-start-blink}.toast-enter{animation:toast-enter var(--dur-base) var(--ease-out) forwards}.toast-exit{animation:toast-exit var(--dur-base) ease-in forwards}[data-arcade=true]:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);position:fixed;inset:0}[data-arcade=true] h1,[data-arcade=true] h2,[data-arcade=true] h3{text-shadow:-1px 0 #ff5d7340,1px 0 #4cc9f040}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.starfield-layer{animation:none!important}.press-start-blink{opacity:1!important;animation:none!important}.pixel-coin .pixel-coin-sprite{animation:none!important}.reveal-section{opacity:1!important;transform:none!important}}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-motion=reduced] .starfield-layer{animation:none!important}[data-motion=reduced] .press-start-blink{opacity:1!important;animation:none!important}[data-motion=reduced] .pixel-coin .pixel-coin-sprite{animation:none!important}[data-motion=reduced] .reveal-section{opacity:1!important;transform:none!important}