:root{color-scheme:light;--gb-body: #e0e5ec;--gb-body-light: #ffffff;--gb-body-dark: #a3b1c6;--gb-bezel: #2d2f36;--gb-bezel-inner: #1a1b20;--gb-text: #14151a;--gb-muted: rgba(20, 21, 26, .65);--gb-accent-a: #c23a57;--gb-accent-b: #4b4bb8;--font-pixel: "Pixelify Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif}html,body{height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{margin:0;overflow:hidden;background:#e0e5ec;display:grid;place-items:center}canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;image-rendering:pixelated}#app{width:100%;height:100%}.gb-wrapper{width:min(1020px,96vw);padding:18px 14px 26px;box-sizing:border-box}.gb-device{background:linear-gradient(180deg,var(--gb-body),var(--gb-body-shadow));border-radius:28px;padding:18px 18px 14px;box-shadow:9px 9px 16px var(--gb-body-dark),-9px -9px 16px var(--gb-body-light);border:1px solid rgba(255,255,255,.2)}.gb-header{display:flex;justify-content:center;padding:4px 0 14px}.gb-title{display:inline-flex;align-items:baseline;gap:10px;line-height:1}.gb-title-goodboy{font-family:var(--font-pixel);font-size:clamp(28px,4.3vw,52px);letter-spacing:1px;color:var(--gb-text);text-transform:uppercase}.gb-screen-bezel{background:linear-gradient(180deg,var(--gb-bezel),var(--gb-bezel-inner));padding:16px;border-radius:22px;box-shadow:inset 3px 3px 7px #0006,inset -3px -3px 7px #ffffff0d,2px 2px 5px var(--gb-body-dark),-1px -1px 3px var(--gb-body-light)}.gb-screen{width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;position:relative}.gb-controls{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,42px);align-items:center;padding:18px 8px 10px}.gb-dpad{position:relative;width:clamp(150px,30vw,210px);height:clamp(150px,30vw,210px);justify-self:start}.gb-dpad-shape{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.gb-dpad-shape:before,.gb-dpad-shape:after{content:"";position:absolute;left:50%;top:50%;background:var(--gb-body);border:1px solid rgba(255,255,255,.1);box-shadow:5px 5px 10px var(--gb-body-dark),-5px -5px 10px var(--gb-body-light),inset 1px 1px 2px #ffffff80;transform:translate(-50%,-50%);border-radius:8px}.gb-dpad-shape:before{width:100%;height:34%;border-radius:16px}.gb-dpad-shape:after{width:34%;height:100%;border-radius:16px}.gb-dpad-btn{position:absolute;top:35%;width:44%;height:30%;border:none;background:transparent;color:var(--gb-text);opacity:.6;font-family:var(--font-pixel);font-size:clamp(22px,5vw,32px);letter-spacing:1px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.gb-dpad-left{left:0}.gb-dpad-right{right:0}.gb-actions{display:flex;gap:clamp(18px,4vw,34px);justify-content:end;align-items:center}.gb-action-stack{display:grid;place-items:center;gap:8px}.gb-action-btn{width:clamp(68px,15vw,92px);height:clamp(68px,15vw,92px);border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:6px 6px 12px var(--gb-body-dark),-6px -6px 12px var(--gb-body-light),inset 2px 2px 5px #ffffff1a;font-family:var(--font-pixel);font-size:clamp(26px,6vw,38px);color:#fffffff2;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.gb-btn-a{background:var(--gb-accent-a);box-shadow:6px 6px 12px var(--gb-body-dark),-6px -6px 12px var(--gb-body-light),inset 2px 2px 4px #fff6,inset -2px -2px 4px #0003}.gb-btn-b{background:var(--gb-accent-b);box-shadow:6px 6px 12px var(--gb-body-dark),-6px -6px 12px var(--gb-body-light),inset 2px 2px 4px #fff6,inset -2px -2px 4px #0003}.gb-action-label{font-family:var(--font-pixel);font-size:18px;letter-spacing:1px;color:var(--gb-muted)}.gb-footer{display:flex;justify-content:center;padding-top:6px}.gb-attribution{font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--gb-muted)}.gb-dpad-btn[data-pressed="1"],.gb-dpad-shape[data-pressed="1"]{transform:translateY(2px)}.gb-action-btn[data-pressed="1"]{transform:none;box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff1a,1px 1px 2px var(--gb-body-dark),-1px -1px 2px var(--gb-body-light)}@media(max-width:720px){body{place-items:stretch}.gb-wrapper{width:100dvw;height:100dvh;padding:10px 10px 12px}.gb-device{height:100%;padding:12px 12px 10px;display:flex;flex-direction:column}.gb-header{padding:2px 0 10px}.gb-title-astrodog{font-size:clamp(22px,5.6vw,36px)}.gb-title-world{font-size:clamp(20px,5vw,30px)}.gb-screen-bezel{padding:12px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.gb-screen{width:100%;height:100%;max-width:100%;max-height:100%;margin:0 auto;aspect-ratio:auto}.gb-controls{grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,22px);padding:10px 6px 6px}.gb-dpad{width:clamp(120px,26vw,170px);height:clamp(120px,26vw,170px)}.gb-dpad-btn{top:31%;width:46%;height:38%;font-size:clamp(18px,4.5vw,26px)}.gb-actions{gap:clamp(12px,3vw,22px);justify-content:end}.gb-action-btn{width:clamp(54px,12vw,78px);height:clamp(54px,12vw,78px);font-size:clamp(22px,5vw,30px)}.gb-action-label{font-size:14px}.gb-footer{padding-top:4px}.gb-attribution{font-size:14px}}