@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--gb-body: #c4cfa1;--gb-body-dark: #a8b080;--gb-bezel: #65655b;--gb-screen-bg: #9bbc0f;--gb-screen-frame: #3a3a3a;--gb-text: #1a1a1a;--gb-btn: #4a2a4a;--gb-btn-highlight: #6b3b6b;--gb-dpad: #2a2a2a;--gb-dpad-face: #3a3a3a;--gb-meta: #6a6a6a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#2c2c3a;overflow:hidden}.gb-wrapper{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#2c2c3a 40%,#1a1a2e);font-family:"Press Start 2P",monospace;user-select:none;-webkit-user-select:none}.gb-console{position:relative;width:320px;background:var(--gb-body);border-radius:10px 10px 10px 60px;padding:0 0 20px;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px 4px #0003,0 8px 30px #00000080,0 2px 8px #0000004d;display:flex;flex-direction:column;align-items:center}.gb-top-ridge{width:100%;height:18px;background:var(--gb-body-dark);border-radius:10px 10px 0 0;display:flex;align-items:center;padding:0 12px;position:relative}.gb-power-led{width:6px;height:6px;background:#4f4;border-radius:50%;box-shadow:0 0 6px #4f4;margin-right:4px}.gb-power-label{font-size:4px;color:var(--gb-text);opacity:.5}.gb-screen-ridge-indent{position:absolute;top:0;left:50%;transform:translate(-50%);width:180px;height:100%;background:var(--gb-body);border-radius:0 0 8px 8px}.gb-bezel{background:var(--gb-bezel);border-radius:8px;padding:12px 14px 8px;margin:6px 12px 0;display:flex;flex-direction:column;align-items:center}.gb-screen-border{background:var(--gb-screen-frame);border-radius:4px;padding:6px;box-shadow:inset 0 2px 6px #0009,0 1px #ffffff1a}.gb-screen{position:relative;width:160px;height:144px;background:var(--gb-screen-bg);overflow:hidden;image-rendering:pixelated}.gb-canvas{display:block;width:160px;height:144px;image-rendering:pixelated;image-rendering:crisp-edges}.gb-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,rgba(0,0,0,.05) 1px,rgba(0,0,0,.05) 2px);z-index:2}.gb-screen-glare{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%,transparent 100%);z-index:3}.gb-brand-area{display:flex;align-items:center;gap:6px;margin-top:8px}.gb-brand-dot{width:8px;height:8px;background:#8b0000;border-radius:50%;box-shadow:inset 0 1px 2px #0006}.gb-brand-text{font-size:4px;color:var(--gb-text);opacity:.5;letter-spacing:.5px}.gb-model-text{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--gb-text);margin-top:4px;letter-spacing:1px;text-transform:uppercase}.gb-controls{width:100%;display:flex;justify-content:space-between;padding:16px 24px 0}.gb-dpad-area{display:flex;align-items:center;justify-content:center}.gb-dpad{position:relative;width:84px;height:84px}.gb-dpad-up,.gb-dpad-down,.gb-dpad-left,.gb-dpad-right{position:absolute;background:var(--gb-dpad);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .05s}.gb-dpad-up:active,.gb-dpad-down:active,.gb-dpad-left:active,.gb-dpad-right:active{background:var(--gb-dpad-face)}.gb-dpad-up{top:0;left:28px;width:28px;height:30px;border-radius:4px 4px 0 0}.gb-dpad-down{bottom:0;left:28px;width:28px;height:30px;border-radius:0 0 4px 4px}.gb-dpad-left{left:0;top:28px;width:30px;height:28px;border-radius:4px 0 0 4px}.gb-dpad-right{right:0;top:28px;width:30px;height:28px;border-radius:0 4px 4px 0}.gb-dpad-center{position:absolute;top:28px;left:28px;width:28px;height:28px;background:var(--gb-dpad);pointer-events:none}.gb-dpad-arrow{width:0;height:0}.gb-dpad-arrow-up{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--gb-dpad-face)}.gb-dpad-arrow-down{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--gb-dpad-face)}.gb-dpad-arrow-left{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid var(--gb-dpad-face)}.gb-dpad-arrow-right{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--gb-dpad-face)}.gb-ab-area{display:flex;align-items:center}.gb-ab-cluster{display:flex;gap:10px;transform:rotate(-25deg)}.gb-btn{width:36px;height:36px;border-radius:50%;background:var(--gb-btn);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:8px;color:#fff9;box-shadow:inset 0 -2px 4px #0006,inset 0 2px #ffffff1a,0 3px 6px #0000004d;transition:transform .05s,box-shadow .05s}.gb-btn:active{transform:scale(.92);box-shadow:inset 0 2px 4px #00000080,0 1px 2px #0000004d}.gb-meta-buttons{display:flex;justify-content:center;gap:20px;margin-top:8px}.gb-meta-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer}.gb-meta-pill{width:24px;height:8px;background:var(--gb-meta);border-radius:4px;box-shadow:inset 0 -1px 2px #0000004d}.gb-meta-btn:active .gb-meta-pill{background:#888}.gb-meta-btn span{font-family:"Press Start 2P",monospace;font-size:4px;color:var(--gb-text);opacity:.6}.gb-speaker-area{position:absolute;bottom:18px;right:16px}.gb-speaker{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gb-speaker-hole{width:6px;height:6px;background:var(--gb-body-dark);border-radius:50%;box-shadow:inset 0 1px 2px #0006}.gb-bottom-label{margin-top:10px;display:flex;align-items:baseline;gap:3px}.gb-nintendo{font-family:"Press Start 2P",monospace;font-size:6px;color:var(--gb-text);opacity:.4;letter-spacing:1px}.gb-tm{font-size:4px;color:var(--gb-text);opacity:.3}.gb-hints{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:7px;color:#ffffff59;letter-spacing:.5px}@keyframes flicker{0%,to{opacity:1}50%{opacity:.98}}.gb-screen{animation:flicker 8s infinite}@media(max-width:400px){.gb-console{width:290px;border-radius:8px 8px 8px 50px}.gb-bezel{padding:8px 10px 6px}.gb-controls{padding:12px 18px 0}.gb-dpad{width:72px;height:72px}.gb-dpad-up,.gb-dpad-down{left:22px;width:28px;height:26px}.gb-dpad-left,.gb-dpad-right{top:22px;width:26px;height:28px}.gb-dpad-center{top:22px;left:22px}}@media(max-height:600px){.gb-console{transform:scale(.85);transform-origin:center}}