.gb-page{--gb-u:min(.94vw, .57vh, 4.4px);--gb-shell:#6a4fb8;--gb-shell-dark:#4d3790;--gb-shell-light:#8b72d4;--gb-control:#2a2833;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#8fd0f4;justify-content:center;align-items:center;font-family:Verdana,Geneva,sans-serif;transition:background-color .6s;display:flex;position:fixed;inset:0}.dark .gb-page{background-color:#12163a}.gb-page:before,.gb-page:after{content:"";pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.gb-page:before{opacity:1;background:radial-gradient(90px 22px at 12% 16%,#fff 98%,#0000),radial-gradient(50px 26px at 15% 13%,#fff 98%,#0000),radial-gradient(110px 24px at 86% 28%,#fff 98%,#0000),radial-gradient(56px 28px at 83% 25%,#fff 98%,#0000),radial-gradient(80px 18px at 20% 70%,#fff 98%,#0000),radial-gradient(96px 20px at 90% 82%,#fff 98%,#0000)}.gb-page:after{opacity:0;background-image:radial-gradient(1.5px 1.5px at 8% 14%,#fff 98%,#0000),radial-gradient(1px 1px at 17% 42%,#fff 98%,#0000),radial-gradient(2px 2px at 26% 9%,#f8e060 98%,#0000),radial-gradient(1px 1px at 12% 74%,#fff 98%,#0000),radial-gradient(1.5px 1.5px at 30% 88%,#fff 98%,#0000),radial-gradient(1px 1px at 4% 55%,#fff 98%,#0000),radial-gradient(1.5px 1.5px at 72% 12%,#fff 98%,#0000),radial-gradient(1px 1px at 84% 34%,#fff 98%,#0000),radial-gradient(2px 2px at 92% 18%,#f8e060 98%,#0000),radial-gradient(1px 1px at 78% 62%,#fff 98%,#0000),radial-gradient(1.5px 1.5px at 95% 72%,#fff 98%,#0000),radial-gradient(1px 1px at 68% 92%,#fff 98%,#0000)}.dark .gb-page:before{opacity:0}.dark .gb-page:after{opacity:1}@media (prefers-reduced-motion:reduce){.gb-page,.gb-page:before,.gb-page:after{transition:none}}@supports (height:1dvh){.gb-page{--gb-u:min(.94vw, .57dvh, 4.4px)}}.gb-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gb-device{width:calc(var(--gb-u) * 100);height:calc(var(--gb-u) * 170);background:linear-gradient(135deg, var(--gb-shell-light), var(--gb-shell) 22%, var(--gb-shell) 70%, var(--gb-shell-dark));border-radius:calc(var(--gb-u) * 5) calc(var(--gb-u) * 5) calc(var(--gb-u) * 16) calc(var(--gb-u) * 16);box-shadow:inset calc(var(--gb-u) * .6) calc(var(--gb-u) * .6) calc(var(--gb-u) * 1) #ffffff40, inset calc(var(--gb-u) * -.8) calc(var(--gb-u) * -.8) calc(var(--gb-u) * 1.5) #00000059, 0 calc(var(--gb-u) * 3) calc(var(--gb-u) * 8) #0009;flex:none;position:relative}.gb-bezel{top:calc(var(--gb-u) * 6);left:calc(var(--gb-u) * 6);width:calc(var(--gb-u) * 88);height:calc(var(--gb-u) * 76);background:var(--gb-control);border-radius:calc(var(--gb-u) * 3) calc(var(--gb-u) * 3) calc(var(--gb-u) * 12) calc(var(--gb-u) * 3);box-shadow:inset 0 0 calc(var(--gb-u) * 1) #000;position:absolute}.gb-led{top:calc(var(--gb-u) * 22);left:calc(var(--gb-u) * 4);width:calc(var(--gb-u) * 2.4);height:calc(var(--gb-u) * 2.4);box-shadow:0 0 calc(var(--gb-u) * 1.6) #ff5a5a;background:#ff5a5a;border-radius:50%;position:absolute}.gb-screen{top:calc(var(--gb-u) * 5);left:calc(var(--gb-u) * 10);width:calc(var(--gb-u) * 68);height:calc(var(--gb-u) * 61.2);image-rendering:crisp-edges;image-rendering:pixelated;background:#101018;position:absolute}.gb-logo{left:0;right:0;bottom:calc(var(--gb-u) * 2.6);font-size:calc(var(--gb-u) * 4);letter-spacing:calc(var(--gb-u) * .3);text-align:center;white-space:pre;font-weight:700;position:absolute}.gb-logo em{color:#d8d8e4;font-style:italic;font-size:calc(var(--gb-u) * 3.2)}.gb-dpad{top:calc(var(--gb-u) * 94);left:calc(var(--gb-u) * 7);width:calc(var(--gb-u) * 36);height:calc(var(--gb-u) * 36);touch-action:none;position:absolute}.gb-dpad-arm,.gb-dpad-hub{width:calc(var(--gb-u) * 12);height:calc(var(--gb-u) * 12);background:var(--gb-control);border:0;padding:0;position:absolute}.gb-dpad-arm{cursor:pointer;box-shadow:0 calc(var(--gb-u) * .8) 0 #15131b;transition:background 60ms linear}.gb-dpad-up{border-radius:calc(var(--gb-u) * 1.5) calc(var(--gb-u) * 1.5) 0 0;top:0;left:33.333%}.gb-dpad-down{border-radius:0 0 calc(var(--gb-u) * 1.5) calc(var(--gb-u) * 1.5);bottom:0;left:33.333%}.gb-dpad-left{border-radius:calc(var(--gb-u) * 1.5) 0 0 calc(var(--gb-u) * 1.5);top:33.333%;left:0}.gb-dpad-right{border-radius:0 calc(var(--gb-u) * 1.5) calc(var(--gb-u) * 1.5) 0;top:33.333%;right:0}.gb-dpad-hub{pointer-events:none;top:33.333%;left:33.333%}.gb-dpad-hub:after{content:"";background:#1c1a23;border-radius:50%;position:absolute;inset:22%}.gb-dpad-arm.is-pressed{box-shadow:none;transform:translateY(calc(var(--gb-u) * .5));background:#15131b}.gb-round{width:calc(var(--gb-u) * 17);height:calc(var(--gb-u) * 17);background:var(--gb-control);color:#b9b4c9;font-family:inherit;font-size:calc(var(--gb-u) * 4.6);cursor:pointer;touch-action:none;box-shadow:0 calc(var(--gb-u) * 1) 0 #15131b;border:0;border-radius:50%;padding:0;font-weight:700;position:absolute}.gb-b{top:calc(var(--gb-u) * 108);left:calc(var(--gb-u) * 55)}.gb-a{top:calc(var(--gb-u) * 96);left:calc(var(--gb-u) * 76)}.gb-round.is-pressed{box-shadow:none;transform:translateY(calc(var(--gb-u) * .8));background:#15131b}.gb-pills{top:calc(var(--gb-u) * 139);left:calc(var(--gb-u) * 20);gap:calc(var(--gb-u) * 6);transform-origin:0;display:flex;position:absolute;transform:rotate(-22deg)}.gb-pill-group{align-items:center;gap:calc(var(--gb-u) * 1.4);color:#e6e0f5;font-size:calc(var(--gb-u) * 2.8);letter-spacing:calc(var(--gb-u) * .2);flex-direction:column;font-weight:700;display:flex}.gb-pill{width:calc(var(--gb-u) * 14);height:calc(var(--gb-u) * 4.6);border-radius:calc(var(--gb-u) * 2.3);background:var(--gb-control);cursor:pointer;touch-action:none;box-shadow:0 calc(var(--gb-u) * .6) 0 #15131b;border:0;padding:0}.gb-pill.is-pressed{box-shadow:none;transform:translateY(calc(var(--gb-u) * .5));background:#15131b}.gb-device button:focus-visible{outline:calc(var(--gb-u) * .8) solid #f8e060;outline-offset:calc(var(--gb-u) * .4)}.gb-speaker{top:calc(var(--gb-u) * 141);left:calc(var(--gb-u) * 74);gap:calc(var(--gb-u) * 1.6);display:flex;position:absolute;transform:rotate(-22deg)}.gb-speaker i{width:calc(var(--gb-u) * 1.4);height:calc(var(--gb-u) * 15);border-radius:calc(var(--gb-u) * .7);background:var(--gb-shell-dark);box-shadow:inset 0 calc(var(--gb-u) * .3) calc(var(--gb-u) * .3) #00000080;display:block}.gb-keys{display:none}@media (min-width:900px) and (hover:hover){.gb-keys{text-align:left;color:#24406a;grid-template-columns:auto auto;gap:6px 14px;margin:0;font-size:13px;line-height:1.3;display:grid;position:absolute;bottom:28px;left:32px}.gb-keys dt{color:#12233f;font-weight:700}.gb-keys dd{margin:0}.dark .gb-keys{color:#a9a3bb}.dark .gb-keys dt{color:#e6e0f5}}