.gb{--w:clamp(268px, 26vw, 330px);width:var(--w);aspect-ratio:.6;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#e6e2d9 0%,#d6d1c7 52%,#c8c2b6 100%);border-radius:16px 16px 72px;flex-direction:column;padding:6.5% 7% 0;display:flex;position:relative;box-shadow:inset 0 2px #ffffffbf,inset 0 -8px 16px #0000001a,0 7px #b3ac9e,0 36px 60px -30px #29263da6}.gb:focus-visible{outline:3px solid var(--color-azure);outline-offset:6px}.gb-grooves{height:4.5%;font-family:var(--ff-pixel);color:#8f8878;border-bottom:2px solid #bdb6a8;justify-content:space-between;align-items:center;padding:0 7%;font-size:6px;display:flex;position:absolute;inset:0 0 auto}.gb-grooves:before,.gb-grooves:after{content:"";border-left:2px solid #bdb6a8;border-right:2px solid #bdb6a8;width:6%;height:100%}.gb-bezel{background:#5b5a72;border-radius:10px 10px 42px;margin-top:4%;padding:7% 9% 6%;position:relative;box-shadow:inset 0 2px 6px #00000059}.gb-stripe{font-family:var(--ff-pixel);letter-spacing:.04em;color:#cfcde0;white-space:nowrap;align-items:center;gap:6px;margin-bottom:6%;font-size:5.5px;display:flex}.gb-stripe i{background:#9a2257;border-radius:2px;flex:1;height:2px;transform:translateY(-2px);box-shadow:0 4px #2a4f9e}.gb-battery{font-family:var(--ff-pixel);color:#b9b7c9;flex-direction:column;align-items:center;gap:4px;font-size:4px;display:flex;position:absolute;top:44%;left:3.2%}.gb-led{background:#ff3b30;border-radius:999px;width:7px;height:7px;box-shadow:0 0 6px 1px #ff3b30d9}.gb-screen{aspect-ratio:10/9;color:#0f380f;font-family:var(--ff-pixel);cursor:pointer;background:#9bbc0f;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #8bac0f,inset 0 5px 12px #0f380f59}.gb-screen:after{content:"";pointer-events:none;background-image:linear-gradient(#0f380f14 1px,#0000 1px),linear-gradient(90deg,#0f380f14 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.gb-hud{justify-content:space-between;padding:5% 6% 0;font-size:6.5px;line-height:1;display:flex}.gb-picture{place-items:center;height:47%;padding:3% 0 2%;display:grid}.gb-picture canvas{width:auto;height:100%;image-rendering:pixelated;filter:grayscale()contrast(1.35)brightness(1.05);mix-blend-mode:multiply}.gb-textbox{background:#9bbc0f;border:2px solid #0f380f;border-radius:4px;height:38%;padding:5% 6%;font-size:7.5px;line-height:1.75;position:absolute;bottom:4%;left:4%;right:4%;overflow:hidden;box-shadow:inset 0 0 0 1px #9bbc0f,inset 0 0 0 2px #306230}.gb-caret{font-size:7px;animation:.9s steps(2,jump-none) infinite gbBlink;position:absolute;bottom:6%;right:6%}.gb-brand{font-family:var(--ff-sans);letter-spacing:-.01em;color:#2f2a86;margin:4.5% 0 0 2%;font-size:.95rem;font-style:italic;font-weight:900}.gb-brand span{font-family:var(--ff-pixel);letter-spacing:.06em;margin-left:6px;font-size:7px;font-style:normal}.gb-controls{flex:1;position:relative}.gb-dpad{aspect-ratio:1;grid-template:repeat(3,1fr)/repeat(3,1fr);width:34%;display:grid;position:absolute;top:14%;left:2%}.gb-dpad button,.gb-dpad .gb-hub{background:#2f2d3a;box-shadow:0 3px #18171f}.gb-dpad button{transition:transform 80ms}.gb-dpad button:active{transform:translateY(2px);box-shadow:0 1px #18171f}.gb-up{border-radius:4px 4px 0 0;grid-area:1/2}.gb-left{border-radius:4px 0 0 4px;grid-area:2/1}.gb-right{border-radius:0 4px 4px 0;grid-area:2/3}.gb-down{border-radius:0 0 4px 4px;grid-area:3/2}.gb-hub{grid-area:2/2;box-shadow:none!important;background:radial-gradient(circle,#24222e 30%,#2f2d3a 32%)!important}.gb-ab{width:46%;height:34%;position:absolute;top:12%;right:0;transform:rotate(-24deg)}.gb-key{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#c4447e,#9a2257 60%);border-radius:999px;width:40%;transition:transform 80ms;position:absolute;box-shadow:0 4px #6b1239,inset 0 -2px 4px #00000040}.gb-key:active{transform:translateY(3px);box-shadow:0 1px #6b1239}.gb-keyB{top:32%;left:0}.gb-keyA{top:2%;right:0}.gb-keyLabel{font-family:var(--ff-sans);color:#3f2a6e;font-size:.75rem;font-style:italic;font-weight:900;position:absolute;bottom:-46%;left:50%;translate:-50%}.gb-pills{gap:14%;width:46%;display:flex;position:absolute;bottom:22%;left:24%}.gb-pill{background:#8f8a99;border-radius:999px;flex:1;height:10px;transition:transform 80ms;position:relative;transform:rotate(-24deg);box-shadow:0 2px #6c6776,inset 0 0 0 2px #a9a4b2}.gb-pill:active{transform:rotate(-24deg)translateY(2px)}.gb-pillLabel{font-family:var(--ff-sans);letter-spacing:.08em;color:#3f2a6e;font-size:.55rem;font-weight:900;position:absolute;top:160%;left:50%;translate:-50%}.gb-speaker{opacity:.85;background:repeating-linear-gradient(90deg,#0000 0 9%,#9d9688 9% 15%,#0000 15% 24%);border-radius:6px;width:26%;height:22%;position:absolute;bottom:9%;right:6%;transform:rotate(-24deg)}@keyframes gbBlink{50%{opacity:0}}