:root{--gba-green-1:#b794f6;--gba-green-2:#9061f9;--gba-green-3:#7c3aed;--gba-green-edge:#5b21b6;--gba-green-deep:#6d28d9;--gba-screen-black:#111316;--gba-screen-black-2:#06070a;--gba-screen-glass:#f3eef0;--gba-btn-dark-1:#4a4f55;--gba-btn-dark-2:#2c3036;--gba-btn-dark-3:#1c1f24;--gba-led:#ff4d3d;--gba-led-on:#ff3b30;--gba-safe-top:env(safe-area-inset-top,0px);--gba-safe-bottom:env(safe-area-inset-bottom,0px)}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#0c0d11;height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}#gba-sp{background:linear-gradient(165deg, var(--gba-green-1) 0%, var(--gba-green-2) 42%, var(--gba-green-3) 100%);z-index:1;flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}body.gba-desktop #gba-sp{width:min(100vw,52dvh);left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 0 100vmax #0c0d11,0 20px 60px #0009}.gba-screen-half{min-height:0;padding:calc(var(--gba-safe-top) + 2.5vw) 4.5vw 1.8vw;flex:0 0 55%;justify-content:center;align-items:stretch;display:flex;position:relative}.gba-screen-frame{background:linear-gradient(160deg, var(--gba-screen-black) 0%, var(--gba-screen-black-2) 100%);border-radius:18px;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:9vw 5vw 5.5vw;display:flex;position:relative;box-shadow:inset 0 2px 3px #ffffff0d,inset 0 -3px 6px #000000b3,0 4px 10px #0006}.gba-screen-led{background:var(--gba-led);border-radius:50%;width:8px;height:8px;position:absolute;top:3.5vw;left:4vw;box-shadow:0 0 6px 1px #ff4d3dd9}.gba-screen-tag{letter-spacing:.5px;color:#787c84d9;white-space:nowrap;pointer-events:none;font-size:clamp(8px,2.6vw,13px);font-weight:700;position:absolute;top:4.5vw}.gba-tag-power{left:8vw}.gba-tag-batt{right:7vw}#game{aspect-ratio:3/2;background:var(--gba-screen-glass);border-radius:4px;flex:auto;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:0;max-height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0000008c,inset 0 0 16px #0000001f}#game:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(155deg,#ffffff2e 0%,#ffffff0d 16%,#fff0 38%);position:absolute;inset:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;z-index:1;max-width:100%;max-height:100%;position:relative}.gba-brand{white-space:nowrap;pointer-events:none;align-items:baseline;gap:5px;display:flex;position:absolute;bottom:1.6vw;left:50%;transform:translate(-50%)}.gba-brand-gb{color:#f2f3f5;letter-spacing:.3px;font-size:clamp(11px,3.4vw,17px);font-style:italic;font-weight:900}.gba-brand-adv{color:#cfd2d6;letter-spacing:1px;font-size:clamp(9px,2.8vw,14px);font-weight:800}.gba-brand-sp{color:#f2f3f5;letter-spacing:.5px;font-size:clamp(11px,3.4vw,17px);font-weight:900}.gba-hinge{flex:0 0 8.5%;align-items:center;min-height:38px;max-height:78px;display:flex;position:relative}.gba-hinge-bar{background:linear-gradient(180deg, var(--gba-green-1) 0%, var(--gba-green-2) 45%, var(--gba-green-deep) 100%);border-top:1px solid #ffffff40;border-bottom:1px solid var(--gba-green-edge);height:62%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -3px 5px #00000047,0 1px 2px #0003}.gba-hinge-seam{z-index:2;background:linear-gradient(#0000000d,#00000038 50%,#0000000d);width:3px;height:62%;position:absolute;top:50%;transform:translateY(-50%);box-shadow:1px 0 #ffffff26}.gba-hinge-seam-l{left:27%}.gba-hinge-seam-r{right:27%}.gba-body-half{min-height:0;padding-bottom:var(--gba-safe-bottom);background:radial-gradient(120% 80% at 50% 0,#ffffff29 0%,#fff0 45%);flex:45%;position:relative}.gba-power-led{background:radial-gradient(circle at 40% 35%, var(--gba-green-1), var(--gba-green-deep));border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff59,inset 0 -2px 4px #0000004d,0 1px 2px #0003}.gba-power-led .dot{background:var(--gba-led-on);border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px 1px #ff3b30cc}.gba-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;z-index:6;justify-content:center;align-items:center;transition:transform 60ms,box-shadow 60ms,filter 60ms;display:flex;position:absolute}.gba-btn.is-pressed{filter:brightness(1.15);transform:translateY(1px)scale(.96)}.gba-dpad{aspect-ratio:1;z-index:6;width:33vw;max-width:168px;position:absolute;top:26%;left:9%}.gba-dpad:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000000a 60%,#0000001f 100%);border-radius:50%;position:absolute;inset:-16%;box-shadow:inset 0 2px 4px #0000002e}.gba-dpad-cross{pointer-events:none;position:absolute;inset:0}.gba-dpad-cross:before,.gba-dpad-cross:after{content:"";background:linear-gradient(180deg, var(--gba-btn-dark-1) 0%, var(--gba-btn-dark-3) 100%);border-radius:12px;position:absolute;box-shadow:inset 0 2px 2px #fff3,inset 0 -4px 7px #0000008c,0 3px 4px #0006}.gba-dpad-cross:before{width:30%;height:100%;top:0;left:35%}.gba-dpad-cross:after{width:100%;height:30%;top:35%;left:0}.gba-dpad-hub{pointer-events:none;z-index:2;background:radial-gradient(circle at 40% 35%,#50555b,#1c1f24);border-radius:50%;width:26%;height:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 -2px 3px #0009}.gba-dpad-seg{z-index:3;position:absolute}.gba-dpad-seg:after{content:"";opacity:.4;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gba-dpad-up{width:30%;height:42%;top:0;left:35%}.gba-dpad-down{width:30%;height:42%;bottom:0;left:35%}.gba-dpad-left{width:42%;height:30%;top:35%;left:0}.gba-dpad-right{width:42%;height:30%;top:35%;right:0}.gba-dpad-up:after{border-bottom:9px solid #000000b3;border-left:7px solid #0000;border-right:7px solid #0000}.gba-dpad-down:after{border-top:9px solid #000000b3;border-left:7px solid #0000;border-right:7px solid #0000}.gba-dpad-left:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:9px solid #000000b3}.gba-dpad-right:after{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid #000000b3}.gba-dpad-seg.is-pressed:after{opacity:.85}.gba-ab{aspect-ratio:1.5;z-index:6;width:38vw;max-width:190px;position:absolute;top:22%;right:8%}.gba-ab:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000000d 55%,#0000001f 100%);border-radius:50%;position:absolute;inset:-8% -6%;box-shadow:inset 0 2px 5px #00000029}.gba-btn-round{aspect-ratio:1;color:#ebeef2eb;text-shadow:0 1px 1px #0009;background:radial-gradient(circle at 38% 30%, var(--gba-btn-dark-1), var(--gba-btn-dark-3) 72%);border-radius:50%;width:18vw;max-width:84px;font-size:clamp(15px,4.5vw,24px);font-weight:800;position:absolute;box-shadow:inset 0 2px 2px #ffffff40,inset 0 -5px 8px #00000080,0 3px 5px #00000073}.gba-btn-b{bottom:4%;left:0}.gba-btn-a{top:2%;right:0}.gba-speaker{opacity:.85;pointer-events:none;background:radial-gradient(circle,#0006 1.3px,#0000 1.7px) 0 0/11px 11px;border-radius:4px;width:16vw;max-width:78px;height:9vw;max-height:44px;position:absolute;top:56%;left:50%;transform:translate(-50%)}.gba-pill{bottom:calc(7% + var(--gba-safe-bottom));aspect-ratio:1;background:radial-gradient(circle at 40% 32%, var(--gba-btn-dark-1), var(--gba-btn-dark-3) 75%);border-radius:50%;width:11vw;max-width:52px;position:absolute;box-shadow:inset 0 2px 2px #ffffff38,inset 0 -4px 6px #00000080,0 2px 4px #0006}.gba-pill .gba-pill-label{letter-spacing:.8px;color:#325014b3;white-space:nowrap;pointer-events:none;font-size:clamp(7px,2.2vw,10px);font-weight:700;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.gba-select{left:calc(50% - 14vw)}.gba-start{right:calc(50% - 14vw)}.gba-shoulder{z-index:7;color:#28460fd9;text-shadow:0 1px #ffffff40;background:linear-gradient(180deg, var(--gba-green-1) 0%, var(--gba-green-2) 50%, var(--gba-green-deep) 100%);width:22vw;max-width:110px;height:78%;font-size:clamp(13px,3.6vw,18px);font-weight:800;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -3px 5px #00000047,0 2px 3px #00000040}.gba-shoulder-l{border-radius:0 14px 14px 0;justify-content:flex-start;padding-left:8px;left:0}.gba-shoulder-r{border-radius:14px 0 0 14px;justify-content:flex-end;padding-right:8px;right:0}body.gba-input-active .gba-btn{pointer-events:none;opacity:.7}@media (aspect-ratio<=3/5){.gba-screen-half{flex-basis:52%}.gba-body-half{flex-basis:48%}}@media (orientation:landscape){.gba-screen-half{padding:calc(var(--gba-safe-top) + 1.5vh) 3vw 1vh;flex-basis:62%}.gba-screen-frame{padding:4vh 6vw 5vh}.gba-hinge{flex-basis:6%;min-height:28px}.gba-body-half{flex-basis:38%}.gba-dpad{width:16vh;top:16%}.gba-ab{width:22vh;top:12%}}