:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;background:#0d0d0d;display:flex;justify-content:center;align-items:center}.gbc-frame{background:#1a1a1a;padding:16px;border-radius:12px;box-shadow:inset 0 0 20px #000c,0 4px 20px #0009;display:inline-block}#app{width:480px;height:432px;overflow:hidden;background:#000}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}:root{--case:#007f87;--case-dark:#055b61;--bezel:#17171c;--ink:#eef0f6;--ink-soft:#cfd2da;--led:#ff3b3b;--frame-gap: clamp(16px,3.2vmin,28px);--screen-ar: 1.2;--radius-lg:28px;--radius-md:18px;--radius-sm:10px;--shadow-inset: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -8px 16px rgba(0,0,0,.3);--shadow-elev: 0 12px 28px rgba(0,0,0,.65);--font-ui: ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,"Courier New",monospace}html,body,#app{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}*{box-sizing:border-box}.vp[data-v-61334510]{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0a0a0a,#121316 30%,#0a0a0a);overflow:hidden}.shell[data-v-a87c72bc]{display:grid;grid-template-rows:auto 1fr auto;gap:clamp(10px,2vmin,16px);width:min(100dvw - 24px,560px);height:min(100dvh - 24px,980px);margin:12px;padding:clamp(12px,2.5vmin,18px);border-radius:var(--radius-lg);background-color:var(--case);background-image:radial-gradient(140% 120% at 18% 8%,rgba(255,255,255,.12),transparent 40%),linear-gradient(180deg,var(--case),var(--case-dark));box-shadow:var(--shadow-inset),var(--shadow-elev);border:1px solid rgba(0,0,0,.25);overflow:hidden}@media (min-width:900px){.shell[data-v-a87c72bc]{width:min(100dvw - 48px,820px);height:min(100dvh - 48px,1220px);margin:24px}}.bezel[data-v-91e0eba1]{background:var(--bezel);border-radius:var(--radius-md);padding:clamp(12px,2vmin,18px);box-shadow:inset 0 0 28px #000000b3;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(6px,1.4vmin,10px);color:var(--ink)}.top[data-v-91e0eba1]{position:relative;min-height:0}.screen[data-v-91e0eba1]{margin:0 auto;width:100%;max-width:100%;aspect-ratio:var(--screen-ar);background:#000;border-radius:var(--radius-sm);overflow:hidden;position:relative;z-index:0}.bottom[data-v-91e0eba1]{display:flex;align-items:baseline;justify-content:center;gap:10px;-webkit-user-select:none;user-select:none;pointer-events:none}.power[data-v-eaee10fd]{position:absolute;left:0;top:0;transform:translate(4px);display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:clamp(10px,1.6vmin,12px);letter-spacing:.09em;opacity:.98;-webkit-user-select:none;user-select:none;pointer-events:none}.led[data-v-eaee10fd]{width:clamp(12px,2.4vmin,14px);height:clamp(12px,2.4vmin,14px);border-radius:50%;background:radial-gradient(circle at 45% 45%,#ffb347,#ff5a36 40%,#ff1f2a 68%,#b5001f);box-shadow:0 0 2px 1px #ff7850e6,0 0 10px 4px #ff3c3ce6,0 0 18px 8px #ff1e1e99;outline:1px solid rgba(255,255,255,.25);outline-offset:-1px}.label[data-v-eaee10fd]{font-weight:800;color:var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.4)}.brand[data-v-cf8a916f]{text-align:center;opacity:.78;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:var(--font-ui);font-size:clamp(10px,1.6vmin,12px)}.row[data-v-9eff2e30]{position:relative;min-height:0}.wrap[data-v-5f515e1d]{display:flex;align-items:baseline;justify-content:center;gap:10px}.gb[data-v-5f515e1d]{font-weight:900;letter-spacing:.06em}.color i[data-v-5f515e1d]{font-style:normal;font-weight:900;letter-spacing:.06em;margin-left:2px;display:inline-block;transform-origin:50% 80%}.color i[data-v-5f515e1d]:nth-child(1){color:#8b5cf6;transform:rotate(-8deg) skewY(-3deg) translateY(1px)}.color i[data-v-5f515e1d]:nth-child(2){color:#22c55e;transform:rotate(5deg) skewY(2deg) translateY(-1px)}.color i[data-v-5f515e1d]:nth-child(3){color:#eab308;transform:rotate(-6deg) skewY(-2deg) translateY(0)}.color i[data-v-5f515e1d]:nth-child(4){color:#ef4444;transform:rotate(8deg) skewY(3deg) translateY(-1px)}.color i[data-v-5f515e1d]:nth-child(5){color:#3b82f6;transform:rotate(-4deg) skewY(-2deg) translateY(1px)}.frame[data-v-e3c859a0]{width:100%;aspect-ratio:var(--screen-ar);position:relative;overflow:hidden}.dpad[data-v-89adcb66]{justify-self:center;position:relative;width:clamp(84px,22vmin,120px);height:clamp(84px,22vmin,120px)}.dpad span[data-v-89adcb66]{position:absolute;background:#1c1c1f;border-radius:8px;box-shadow:inset 0 3px #ffffff14,inset 0 -3px #0000004d}.up[data-v-89adcb66]{left:50%;transform:translate(-50%);top:0;width:28%;height:45%}.down[data-v-89adcb66]{left:50%;transform:translate(-50%);bottom:0;width:28%;height:45%}.left[data-v-89adcb66]{top:50%;transform:translateY(-50%);left:0;width:45%;height:28%}.right[data-v-89adcb66]{top:50%;transform:translateY(-50%);right:0;width:45%;height:28%}.center[data-v-89adcb66]{left:50%;top:50%;transform:translate(-50%,-50%);width:28%;height:28%;border-radius:50%;background:#141416;box-shadow:inset 0 2px #ffffff0f,inset 0 -2px #0006}.dpad span[data-v-89adcb66]{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:filter .06s ease,box-shadow .06s ease}.dpad span.is-pressed[data-v-89adcb66]{filter:brightness(.85) contrast(1.05);box-shadow:inset 0 6px 10px #0000008c,inset 0 1px #ffffff0a}.ab[data-v-d1175520]{grid-column:3/span 1;justify-self:center;display:grid;gap:clamp(10px,2.4vmin,14px);transform:rotate(-12deg)}.a[data-v-d1175520],.b[data-v-d1175520]{width:clamp(52px,13vmin,68px);height:clamp(52px,13vmin,68px);display:grid;place-items:center;border-radius:50%;background:#1c1c21;color:#bbb;font-weight:800;letter-spacing:.06em;box-shadow:inset 0 3px #ffffff14,inset 0 -4px #00000059}.ab .a[data-v-d1175520],.ab .b[data-v-d1175520]{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .06s ease,filter .06s ease,box-shadow .06s ease}.ab .a.is-pressed[data-v-d1175520],.ab .b.is-pressed[data-v-d1175520]{transform:translateY(1px);filter:brightness(.9);box-shadow:inset 0 8px 14px #0000008c,inset 0 1px #ffffff08}.row[data-v-201d3707]{grid-column:1/span 3;justify-self:center;display:flex;gap:clamp(12px,3.5vmin,20px)}.pill[data-v-201d3707]{font-family:var(--font-ui);font-size:clamp(10px,2.5vmin,12px);color:#1b1e22;letter-spacing:.06em;background:#cfd2da;border-radius:999px;padding:clamp(6px,1.6vmin,8px) clamp(12px,3vmin,16px);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000040}.speaker[data-v-2578c9cf]{grid-column:3/span 1;justify-self:end;width:clamp(92px,22vmin,120px);height:clamp(48px,12vmin,64px);display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:clamp(6px,1.5vmin,8px);transform:rotate(-12deg) translate(-4%,6%)}.speaker i[data-v-2578c9cf]{display:block;width:100%;height:100%;border-radius:50%;background:#0f0f12;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000080}.controls[data-v-bfd039f2]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:clamp(12px,5vmin,24px);row-gap:clamp(10px,2vmin,16px);padding:clamp(6px,1.5vmin,10px) clamp(8px,2vmin,12px)}.root[data-v-a6d0c2e6]{position:relative;width:100%;height:100%;overflow:hidden}.canvas[data-v-a6d0c2e6]{display:block;width:100%;height:100%}.overlay[data-v-a6d0c2e6]{position:absolute;inset:0;pointer-events:none}.dpad span,.ab .a,.ab .b{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.dpad span.is-pressed{filter:brightness(.86) contrast(1.04);box-shadow:inset 0 6px 10px #0000008c,inset 0 1px #ffffff0a}.ab .a.is-pressed,.ab .b.is-pressed{transform:translateY(1px);filter:brightness(.9);box-shadow:inset 0 8px 14px #0000008c,inset 0 1px #ffffff08}html,body,#app{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.device,.device *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.dpad span,.ab .a,.ab .b,.start-select,.start-select *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bezel-top,.bezel-bottom,.bezel-top *,.bezel-bottom *{pointer-events:none;-webkit-user-select:none;user-select:none}img,svg,canvas{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.vignette[data-v-b1b077cd]{position:absolute;inset:0;z-index:1;pointer-events:none;--vig-inner:60%;--vig-outer:86%;--vig-edge:.55;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) var(--vig-inner),rgba(0,0,0,calc(var(--vig-edge)*.35)) var(--vig-outer),rgba(0,0,0,var(--vig-edge)) 100%);mix-blend-mode:multiply}.hud[data-v-b1b077cd]{position:absolute;inset:0;z-index:2;pointer-events:none;display:grid;grid-template-rows:1fr auto;align-items:start;padding:10px;gap:8px;color:#fff;font-family:var(--font-mono)}.card[data-v-b1b077cd]{pointer-events:auto;align-self:start;justify-self:start;background:#0003;border:1px solid rgba(255,255,255,.35);padding:10px 12px;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 6px 18px #00000040;max-width:min(92%,520px)}.title[data-v-b1b077cd]{font-weight:700;text-transform:uppercase;font-size:14px;margin-bottom:2px}.sub[data-v-b1b077cd]{font-size:12px;color:#d3d7e0}.controls-bar[data-v-b1b077cd]{pointer-events:auto;justify-self:center;align-self:end;display:flex;align-items:center;gap:10px;background:#0003;border:1px solid rgba(255,255,255,.35);padding:8px 12px;border-radius:999px;font-size:12px}.controls-bar .key[data-v-b1b077cd]{display:inline-block;min-width:18px;padding:2px 6px;border:1px solid rgba(255,255,255,.35);border-radius:4px;text-transform:uppercase;font-weight:700;background:#ffffff14;margin-right:6px}.controls-bar .hint[data-v-b1b077cd]{opacity:.95}.controls-bar .gap[data-v-b1b077cd]{width:12px;display:inline-block}.controls .dpad span[data-v-b1b077cd],.controls .ab .a[data-v-b1b077cd],.controls .ab .b[data-v-b1b077cd]{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}