:root{color-scheme:dark;font-family:'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif;--shell:#e8d9bd;--ink:#3c3029;--muted:#8e7760;--edge:#ac936b;--pad:46px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px 12px;background:radial-gradient(ellipse at 15% 10%,#392b2a,transparent 55%),radial-gradient(ellipse at 85% 85%,#242b37,transparent 60%),#121218;color:var(--ink);overscroll-behavior:none}body::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#c3af8e06 1px,transparent 1px),linear-gradient(90deg,#c3af8e06 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;user-select:none}button:focus-visible,a:focus-visible{outline:3px solid #d58b31;outline-offset:4px}[hidden]{display:none!important}.device{position:relative;width:min(594px,100%);height:min(882px,calc(100dvh - 70px));min-height:650px;display:flex;flex-direction:column;gap:12px;padding:15px 18px 14px;border-radius:32px 32px 52px 32px;background:linear-gradient(180deg,#fff9e8ab,transparent 12%),linear-gradient(140deg,#f8f0dc,var(--shell) 55%,#d4bb94);border:1px solid #fff8e0;box-shadow:0 34px 65px #020207a8,0 5px 0 #a78d68,inset 0 -12px 24px #89633630,inset 2px 0 0 #fffdf5a0,inset -2px 0 #b6976a77;isolation:isolate}.device::before{content:'';position:absolute;inset:90px 5px 90px auto;width:3px;background:repeating-linear-gradient(#83664455 0 2px,transparent 2px 7px);border-radius:2px;pointer-events:none}.device-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px;height:32px;flex:none}.power{display:flex;align-items:center;gap:5px;font:7px monospace;letter-spacing:.13em;color:#7b5346}.power i{width:6px;height:6px;background:#dc5743;border-radius:50%;box-shadow:0 0 7px #d65743}.brand{text-align:center}.brand b{display:block;font:900 13px Georgia,serif;letter-spacing:.2em;color:#8e3930;text-shadow:0 1px #fff5d9}.brand small{display:block;font:5.5px monospace;letter-spacing:.16em;color:#806b55;margin-top:4px}#fullscreen{width:30px;height:30px;font-size:17px;border:1px solid #b3a58e;border-radius:7px;background:linear-gradient(#fff9e8,#daccaf);box-shadow:0 2px 1px #97825c4a;color:#827358}.screen-surround{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 0 3px}.bezel{width:100%;padding:10px 10px 9px;background:linear-gradient(145deg,#49333b,#221820 50%,#140e16);border-radius:15px 15px 26px 15px;box-shadow:0 4px 0 #a28961,0 8px 12px #694d3325,inset 0 0 0 2px #66474d,inset 0 2px 4px #ffffff20}.bezel-label{display:flex;align-items:center;justify-content:space-between;color:#bea179;font:6px monospace;letter-spacing:.11em;margin-bottom:6px}.bezel-bottom{margin:7px 1px 0;font-size:5.5px}.screen{position:relative;width:100%;aspect-ratio:5/3;background:#131d1a;overflow:hidden;border:2px solid #090a10;border-radius:4px;box-shadow:0 0 0 2px #060509,0 0 0 3px #a99c7725,inset 0 0 20px #0009;isolation:isolate}.screen iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#172219}.screen-glass{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(120deg,#ffffea10,transparent 36%);box-shadow:inset 0 0 20px #060f142f}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#00100b10 0 1px,transparent 1px 3px);opacity:.7}.game-menu{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:12px 15px 9px;background:radial-gradient(ellipse at 15% 0,#364737,transparent 70%),#1c2b24;color:#e7e3bc;font-family:monospace}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:7px;letter-spacing:.1em;color:#9ba98a}.menu-top{padding-bottom:7px;border-bottom:1px solid #bac09a30}.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:7px 0}.menu-heading h1{font-size:17px;letter-spacing:.04em;font-weight:600;margin:0;color:#f6df94}.menu-heading>span{font-size:6px;color:#a4ad8d;white-space:nowrap}.cartridges{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-height:0;flex:1;align-content:start}.cartridge{display:flex;align-items:center;gap:7px;background:#b5c3930a;border:1px solid #b2b98b2a;border-radius:3px;padding:5px 7px;min-height:33px;position:relative;text-align:left;color:#ccd1b6;font-family:inherit;transition:background .12s,border-color .12s;overflow:hidden}.cartridge img{width:23px;height:23px;image-rendering:pixelated;flex:none}.cartridge strong{font-size:10px;line-height:1.3;font-weight:500;white-space:nowrap}.cartridge span{display:block;font-size:6px;color:#9caa8b;margin-top:3px}.cartridge.selected{background:#dec77e;color:#263328;border-color:#f8e7aa;box-shadow:0 0 12px #e7d19613}.cartridge.selected span{color:#61704f}.cartridge .cartridge-index{position:absolute;right:6px;top:6px;font:7px monospace;opacity:.7}.menu-bottom{margin-top:7px;border-top:1px solid #b2bd9630;padding-top:6px}.cartridge-status{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none;padding:10px 12px;background:linear-gradient(#f4ead1,#ddcbad);border:1px solid #b6a18080;border-radius:6px;box-shadow:inset 0 1px #fff4dc,inset 0 -1px #bc9d7b50}.cartridge-status>div{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650}.slot-light{height:5px;width:5px;background:#a27d43;border-radius:50%;box-shadow:0 0 0 2px #cbb79260}.cartridge-status small{font-size:8px;color:#8b7358;max-width:50%;text-align:right}.controls{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 0;flex:none;gap:15px}.dpad-area{display:flex;flex-direction:column;align-items:center;gap:13px}.dpad{position:relative;width:calc(var(--pad)*3);height:calc(var(--pad)*3);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);filter:drop-shadow(0 5px 3px #4e3b2f48)}.direction{position:relative;border:0;background:linear-gradient(145deg,#3c414a,#222831);color:#b2afa1;font-size:14px;text-shadow:0 -1px #11181f;box-shadow:inset 0 2px 2px #ffffff19,inset 0 -3px #111922;z-index:2}.up{grid-area:1/2;border-radius:7px 7px 0 0}.down{grid-area:3/2;border-radius:0 0 7px 7px}.left{grid-area:2/1;border-radius:7px 0 0 7px}.right{grid-area:2/3;border-radius:0 7px 7px 0}.dpad-center{grid-area:2/2;background:#2a303a;position:relative;z-index:3}.dpad-center::after{content:'';position:absolute;inset:35%;border-radius:50%;background:#202630;box-shadow:inset 0 1px #0f151a,0 1px #63616540}.dpad-area>small,.ab-caption{font:8px monospace;color:#967f5d;letter-spacing:.04em}.ab-area{width:173px;height:145px;position:relative}.action{position:absolute;width:66px;height:72px;border-radius:50%;border:1px solid #b3583d;background:radial-gradient(ellipse at 30% 15%,#ef8b6b,#d2583d 45%,#a32b23 88%);box-shadow:0 6px 0 #8b2a1c,0 9px 8px #71513c50,inset 1px 2px 3px #ffd4a550;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff0cc;text-shadow:0 2px #792d1d;transform:rotate(-9deg)}.action b{font-size:25px;font-family:Georgia,serif}.action small{font-size:9px;margin-top:1px}.a{right:0;top:3px}.b{left:4px;top:47px}.ab-caption{position:absolute;bottom:0;left:40px}.key.pressed,.key:active{filter:brightness(.84);transform:translateY(3px)}.action.pressed,.action:active{transform:translateY(4px) rotate(-9deg);box-shadow:0 2px 0 #8b2a1c,inset 0 2px 4px #7b281744}.system-keys{display:flex;justify-content:center;gap:22px;margin-top:4px;flex:none}.system{position:relative;display:flex;align-items:center;gap:7px;min-height:32px;padding:8px 13px;border:1px solid #5c5054;border-radius:20px;background:linear-gradient(170deg,#73666c,#413940 55%,#302b35);box-shadow:0 3px 0 #9e8767,inset 0 1px #bfaeaa60;color:#e4d9bf;font:8px monospace;letter-spacing:.05em}.system i{width:4px;height:4px;border-radius:50%;background:#aa9e83;box-shadow:0 0 4px #f2dcb13f}.system small{font:7px sans-serif;color:#c5b79f}.instruction-strip{text-align:center;font-size:9px;color:#8b7256;padding:7px 0 2px;line-height:1.8;min-height:26px}.device-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font:5px monospace;letter-spacing:.06em;color:#9c8364;flex:none}.speaker{height:16px;width:85px;transform:rotate(-12deg);background:repeating-linear-gradient(90deg,transparent 0 6px,#ae956d 6px 8px,transparent 8px 12px);border-radius:4px;opacity:.65}.page-foot{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:17px;color:#878477;font:9px monospace;position:relative}.page-foot a{color:#c8bea6;text-decoration:none}.page-foot a:hover{text-decoration:underline}.page-foot>span{font-size:8px}#screen-toast{position:absolute;z-index:15;bottom:10px;left:50%;transform:translateX(-50%);background:#101f1aee;color:#e4d9a5;border:1px solid #a9b47f70;border-radius:3px;max-width:90%;padding:5px 9px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none}#screen-toast.show{opacity:1}.device:fullscreen{width:min(650px,100vw);height:100dvh;max-height:none;margin:auto;border-radius:20px}.device:fullscreen::backdrop{background:#111218}.device:-webkit-full-screen{width:min(650px,100vw);height:100dvh;margin:auto}
@media(max-width:640px){body{padding:8px 8px max(8px,env(safe-area-inset-bottom));justify-content:flex-start}.device{width:100%;height:calc(100dvh - 55px);min-height:630px;padding:12px 12px 12px;gap:9px;border-radius:27px 27px 40px 27px;--pad:clamp(32px,10.7vw,44px)}.device-top{height:26px}.brand b{font-size:11px}.brand small{font-size:4.7px}.power{font-size:5px}.power i{width:4px;height:4px}#fullscreen{width:26px;height:26px;font-size:14px}.bezel{padding:8px 7px 7px;border-radius:12px 12px 20px 12px}.bezel-label{font-size:4.4px;letter-spacing:.05em}.bezel-bottom{font-size:4.2px}.game-menu{padding:8px 10px 7px}.menu-top{font-size:5.5px;padding-bottom:5px}.menu-heading{margin:5px 0}.menu-heading h1{font-size:12px}.menu-heading>span{font-size:4.4px}.cartridges{gap:4px}.cartridge{min-height:25px;padding:3px 5px;gap:5px}.cartridge img{width:18px;height:18px}.cartridge strong{font-size:8px}.cartridge span{font-size:4.7px;margin-top:2px}.cartridge .cartridge-index{font-size:5px;right:4px;top:4px}.menu-bottom{font-size:5.2px;padding-top:4px;margin-top:5px}.cartridge-status{padding:9px}.cartridge-status>div{font-size:9px;gap:5px}.cartridge-status small{font-size:6.5px}.controls{padding:4px 13px 0}.dpad-area{gap:11px}.ab-area{width:145px;height:127px}.action{width:58px;height:65px}.action b{font-size:22px}.action small{font-size:8px}.b{left:1px;top:42px}.a{right:0;top:2px}.dpad-area>small,.ab-caption{font-size:6.5px}.system-keys{gap:16px}.system{font-size:7px;padding:7px 11px;min-height:30px;gap:5px}.system small{font-size:6px}.instruction-strip{font-size:7px;padding-top:7px;min-height:23px}.device-footer{font-size:4px}.speaker{height:13px;width:65px}.page-foot{margin-top:14px;font-size:7px;gap:22px}.page-foot>span{display:none}}
@media(max-width:350px){.device{min-height:590px;gap:7px;padding:10px}.cartridge span{display:none}.cartridge strong{font-size:7px}.cartridge{min-height:23px}.cartridge img{width:16px;height:16px}.menu-heading h1{font-size:10px}.ab-area{width:126px;height:115px}.action{width:51px;height:58px}.b{top:38px}.controls{padding:2px 5px}.dpad-area>small{font-size:5.5px}.bezel-label{font-size:3.9px}.cartridge-status small{font-size:5.5px}.system{padding:6px 8px;font-size:6px}.system small{font-size:5.5px}}
@media(orientation:landscape) and (max-height:600px),(min-width:900px) and (max-height:800px){body{padding:8px;justify-content:center}.device{width:min(1080px,100%);height:calc(100dvh - 16px);min-height:0;padding:10px 16px;display:grid;grid-template-columns:130px minmax(230px,1fr) 150px;grid-template-rows:30px minmax(0,1fr) 32px;gap:8px 16px;border-radius:25px}.device-top{grid-area:1/1/2/4}.screen-surround{grid-area:2/2/4/3;padding:0}.bezel{padding:7px;width:100%;max-height:100%}.screen{max-height:calc(100dvh - 108px);width:auto;aspect-ratio:5/3;margin:auto}.cartridge-status{grid-area:3/1/4/2;padding:4px;display:block;text-align:center}.cartridge-status>div{font-size:7px;justify-content:center}.cartridge-status small{display:none}.controls{display:contents}.dpad-area{grid-area:2/1/3/2;align-self:center;--pad:36px}.ab-area{grid-area:2/3/3/4;align-self:center;width:140px;height:130px}.system-keys{grid-area:3/3/4/4;gap:5px;margin:0;align-items:center}.system{padding:5px 7px;min-height:26px;font-size:6px}.system small,.system i{display:none}.instruction-strip,.device-footer,.page-foot{display:none}.game-menu{padding:6px 10px}.menu-heading h1{font-size:13px}.menu-top{font-size:6px}.menu-heading{margin:5px 0}.cartridge{min-height:27px;padding:3px 5px}.cartridge strong{font-size:8px}.cartridge span{font-size:5px}.cartridge img{width:18px;height:18px}.menu-bottom{font-size:6px;margin-top:4px;padding-top:4px}.menu-heading>span{font-size:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Container-relative typography keeps tiny pixel labels readable on the actual LCD. */
.screen{container-type:inline-size}.game-menu .menu-heading h1{font-size:clamp(10px,3.8cqw,21px)}.game-menu .cartridge{min-height:clamp(23px,7.7cqw,42px);gap:clamp(4px,1.3cqw,7px)}.game-menu .cartridge strong{font-size:clamp(7px,2.4cqw,13px)}.game-menu .cartridge span{font-size:clamp(4.7px,1.35cqw,7.2px)}.game-menu .cartridge img{width:clamp(16px,5.1cqw,28px);height:clamp(16px,5.1cqw,28px)}.game-menu .menu-top,.game-menu .menu-bottom{font-size:clamp(5px,1.45cqw,8px)}.brand b{font-size:15px}.scanlines{opacity:.46}
@media(max-width:640px){.brand b{font-size:12px}}
@media(max-width:640px) and (orientation:portrait){.device{--pad:44px}.system::after{content:'';position:absolute;inset:-7px 0}.device-top #fullscreen{position:relative}.device-top #fullscreen::after{content:'';position:absolute;inset:-9px}}
@media(max-width:350px) and (orientation:portrait){.controls{gap:8px}}

html:fullscreen .page-foot,html:-webkit-full-screen .page-foot{display:none}html:fullscreen body,html:-webkit-full-screen body{min-height:100dvh;justify-content:center}
@media(min-width:900px) and (max-height:800px){.device{height:min(600px,calc(100dvh - 24px))}}
/* The console is an instrument, not selectable page text. Footer links keep native behavior. */
.device,.device *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.device{touch-action:manipulation}.key,.cartridge,.device-top button{touch-action:none}.device img{pointer-events:none;-webkit-user-drag:none}.header-tools{display:flex;align-items:center;gap:6px}.header-tools button{position:relative;width:30px;height:30px;padding:6px;border:1px solid #b3a58e;border-radius:6px;background:linear-gradient(#fff9e8,#daccaf);box-shadow:0 2px 1px #97825c4a;color:#827358}.header-tools button::after{content:'';position:absolute;inset:-7px}.header-tools svg,.audio-panel svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.direction::before{content:'';display:block;width:0;height:0;position:absolute;inset:0;margin:auto;border:5px solid transparent}.direction.up::before{border-top:0;border-bottom:7px solid #aaa99c}.direction.down::before{border-bottom:0;border-top:7px solid #aaa99c}.direction.left::before{border-left:0;border-right:7px solid #aaa99c}.direction.right::before{border-right:0;border-left:7px solid #aaa99c}.audio-panel{position:absolute;z-index:40;right:16px;top:56px;width:224px;padding:15px;border:1px solid #bca681;border-radius:10px;background:#f0e5cd;box-shadow:0 12px 28px #34271c45;color:#4c402f;font-size:12px}.audio-panel>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.audio-panel #audio-close{background:none;border:0;width:28px;height:28px;padding:5px;color:#776549}.audio-panel>button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;background:none;border:0;border-top:1px solid #bca68144;padding:8px 0;font-size:12px}.audio-panel>button span{display:block;position:relative;width:30px;height:17px;border-radius:12px;background:#b7ad94}.audio-panel>button span::after{content:'';position:absolute;left:2px;top:2px;width:13px;height:13px;background:#f8efdb;border-radius:50%;box-shadow:0 1px 3px #42362040}.audio-panel>button[aria-checked=true] span{background:#74805d}.audio-panel>button[aria-checked=true] span::after{left:15px}.audio-panel label{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:11px}.audio-panel input{width:130px;accent-color:#7c7c4f;touch-action:pan-x;user-select:auto}.audio-panel output{display:block;margin-top:13px;font-size:9px;color:#8b7658}.cartridge-index{font-style:normal}.muted{opacity:.58}.game-menu .cartridge strong{font-size:clamp(8px,2.65cqw,14px)}
@media(max-width:640px){.header-tools{gap:5px}.header-tools button,#fullscreen{width:27px;height:27px;padding:5px}.brand b{font-size:11px;letter-spacing:.13em}.brand small{font-size:4.3px}.audio-panel{right:11px;top:49px}.menu-bottom{letter-spacing:0}}