:root{--bg-primary: #0f120c;--bg-secondary: #161a10;--text-primary: #dfe7c8;--text-secondary: #9aa585;--text-muted: #66704f;--border-color: #2b3320;--dmg-0: #9bbc0f;--dmg-1: #8bac0f;--dmg-2: #306230;--dmg-3: #0f380f;--accent: var(--dmg-0);--accent-strong: var(--dmg-1);--accent-bg: rgba(155, 188, 15, .12);--accent-bg-strong: rgba(155, 188, 15, .22);--accent-border: rgba(155, 188, 15, .4);--accent-glow: rgba(155, 188, 15, .35);--glass-bg: rgba(16, 20, 12, .85);--glass-bg-header: rgba(22, 26, 16, .6);--glass-border: rgba(60, 72, 40, .6);--overlay-hover: rgba(255, 255, 255, .08);--overlay-active: rgba(255, 255, 255, .15);--control-bg: rgba(30, 36, 20, .5);--bezel: #223018;--bezel-edge: #38502a}html[data-theme=light]{--bg-primary: #e6eec2;--bg-secondary: #d7e0ad;--text-primary: #1b2410;--text-secondary: #3f4a28;--text-muted: #6a7548;--border-color: #b6c488;--accent: var(--dmg-2);--accent-strong: var(--dmg-3);--accent-bg: rgba(48, 98, 48, .14);--accent-bg-strong: rgba(48, 98, 48, .24);--accent-border: rgba(48, 98, 48, .45);--accent-glow: rgba(48, 98, 48, .3);--glass-bg: rgba(230, 238, 194, .85);--glass-bg-header: rgba(215, 224, 173, .7);--glass-border: rgba(150, 168, 100, .6);--overlay-hover: rgba(0, 0, 0, .06);--overlay-active: rgba(0, 0, 0, .12);--control-bg: rgba(255, 255, 255, .35);--bezel: #c3ce9a;--bezel-edge: #a7b578}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--glass-bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);flex:0 0 auto;z-index:10}.header-left{display:flex;align-items:center;gap:10px}.header-logo{font-weight:800;font-size:19px;letter-spacing:.5px;font-family:Courier New,ui-monospace,monospace}.logo-a{color:var(--dmg-0)}.logo-b{color:var(--dmg-1)}.logo-c,html[data-theme=light] .logo-a{color:var(--dmg-2)}html[data-theme=light] .logo-b{color:var(--dmg-3)}html[data-theme=light] .logo-c{color:var(--dmg-2)}.version-chip{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;padding:1px 8px}.header-divider{width:1px;height:18px;background:var(--glass-border)}.header-subtitle{font-size:12px;color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:12px}.control-group{display:flex;align-items:center;gap:4px;padding:3px;background:var(--control-bg);border:1px solid var(--glass-border);border-radius:10px}.control-btn,.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.control-btn svg,.theme-btn svg{width:18px;height:18px}.control-btn:hover,.theme-btn:hover{background:var(--overlay-hover);color:var(--text-primary)}.control-btn.active{background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 1px var(--accent-border) inset}#btn-motion[data-motion=ghost] svg path{opacity:.8}.theme-btn.active{background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 1px var(--accent-border) inset}#btn-mute .icon-muted,#btn-mute.muted .icon-sound{display:none}#btn-mute.muted .icon-muted{display:inline-flex}#btn-mute.muted{color:var(--text-muted)}.power-btn{color:var(--accent)}.power-btn.off{color:var(--text-muted)}.power-btn:not(.off){color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}main{flex:1 1 auto;display:flex;min-height:0}.emulator-section{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0}#screen-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#app.drag-over:after{content:"Drop cartridge to load";position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:100;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--accent);background:var(--accent-bg);border:3px dashed var(--accent-border);border-radius:16px;pointer-events:none}#screen-container{position:relative;overflow:hidden}.dmg{container-type:inline-size;position:absolute;left:50%;top:50%;width:var(--dmg-w, 360px);aspect-ratio:1830 / 3000;background:url(/assets/dmg-01.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 3cqw 6cqw rgba(0,0,0,.5));--lcd-recentre-x: -50%;--lcd-recentre-y: -50%;transform:translate(var(--lcd-recentre-x),var(--lcd-recentre-y));transition:width .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}#screen-container.zoom .dmg{--lcd-recentre-x: -50.08%;--lcd-recentre-y: -28.77%}.dmg-lcd{position:absolute;left:50.08%;top:28.77%;width:50.6%;aspect-ratio:160 / 144;transform:translate(-50%,-50%);overflow:hidden}#screen{display:block;width:100%;height:100%;image-rendering:auto;opacity:0;transition:opacity .4s ease}#screen.powered{opacity:1}.dmg-lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(128deg,#ffffff1a,#ffffff08 14%,#fff0 34%)}.dmg-led{position:absolute;left:14.04%;top:23.6%;width:3.39%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle at 36% 30%,#ff9b86,#f2312a 48%,#b01212);box-shadow:0 0 1.4cqw .2cqw #f02d23e6,0 0 4cqw 1cqw #eb281e80,inset 0 .15cqw .3cqw #0000004d;transition:opacity .3s ease}.dmg.on .dmg-led{opacity:1}.dmg-switch-slot{position:absolute;left:13%;top:.53%;width:6.45%;height:1.2%;pointer-events:none;background:url(/assets/dmg-01.webp) -20.77cqw -.87cqw / 100cqw auto no-repeat}.dmg-power{position:absolute;left:13%;top:.43%;width:6.45%;height:1.3%;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:url(/assets/dmg-01.webp) -13cqw -.71cqw / 100cqw auto no-repeat;transition:left .2s cubic-bezier(.4,0,.2,1)}.dmg.on .dmg-power{left:19.45%}.dmg-power:after{content:"";position:absolute;left:-20%;right:-60%;top:0;height:400%}.dmg-btn{position:absolute;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .06s linear,background .06s linear}.dmg-dpad{position:absolute;left:8.31%;top:61.43%;width:25.03%;height:14.7%}.dmg-dpad .up{left:31.7%;top:0;width:36.7%;height:40%}.dmg-dpad .down{left:31.7%;bottom:0;width:36.7%;height:40%}.dmg-dpad .left{top:33.3%;left:0;height:33.4%;width:40%}.dmg-dpad .right{top:33.3%;right:0;height:33.4%;width:40%}.dmg-dpad .dmg-btn.pressed{background:radial-gradient(closest-side,#0000008c,#0000)}.dmg-round{width:11.31%;aspect-ratio:1;border-radius:50%}.dmg-round.b{left:64.75%;top:66.73%}.dmg-round.a{left:81.09%;top:62.2%}.dmg-round.pressed{background:radial-gradient(closest-side,#0000006b,#0000000f 78%,#0000);box-shadow:inset 0 .25cqw .7cqw #00000059}.dmg-pill{width:12.1%;height:1.83%;border-radius:1.2cqw;transform:rotate(-23.4deg) translate(-50%,-50%);transform-origin:0 0}.dmg-pill.select{left:36.83%;top:82.6%}.dmg-pill.start{left:53.6%;top:82.6%}.dmg-pill.pressed{background:radial-gradient(closest-side,#00000073,#0000)}