:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,Inter,ui-sans-serif,system-ui,sans-serif;background:#0b1117;color:#eef2ed;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b1117;--panel: #121b23;--panel-raised: #1a2932;--line: #e7eee832;--muted: #a9b6ba;--yellow: #f3c969;--green: #9bbc0f;--cyan: #7bd8d1}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 15% 0%,#1c3039 0,transparent 38rem),var(--bg)}button{font:inherit;-webkit-tap-highlight-color:transparent}#app{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(1.2rem,3vw,2.75rem);padding:max(1rem,env(safe-area-inset-top)) clamp(1rem,4vw,4.5rem) max(1rem,env(safe-area-inset-bottom))}.topbar,.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar{border-bottom:1px solid var(--line);padding-bottom:1rem}.footer-bar{color:#91a0a6;font:600 .61rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.footer-bar span:last-child{max-width:46rem;text-align:right;font-weight:500;letter-spacing:.02em}.brand-lockup{display:flex;align-items:center;gap:.8rem}.brand-mark{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid #f3c96977;border-radius:.45rem;color:var(--yellow);font:800 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em}.eyebrow{margin:0;color:var(--yellow);font:800 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.brand-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.77rem}.runtime-pill{display:flex;align-items:center;gap:.45rem;color:#b8c5c5;font:600 .66rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.runtime-pill.is-error{color:#ffab98}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 .75rem #7bd8d188}.is-error .status-dot{background:#ff7d65;box-shadow:0 0 .75rem #ff7d6588}.game-layout{width:min(100%,72rem);margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:clamp(1.3rem,5vw,5rem);align-items:center}.console-panel{min-width:0}.screen-bezel{width:min(100%,40rem);margin:0 auto;padding:clamp(.75rem,2vw,1.25rem);border:1px solid #e7eee826;border-radius:1.3rem;background:linear-gradient(145deg,#24313a,#101820 72%);box-shadow:1.5rem 2rem 5rem #00000042,inset 0 1px #ffffff12}.screen-label,.screen-footer{display:flex;align-items:center;justify-content:space-between;color:#93a4a7;font:600 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.screen-label{padding:0 .25rem .65rem}.screen-footer{padding:.65rem .25rem 0;gap:.5rem;letter-spacing:.03em;text-transform:none}.screen-well{position:relative;overflow:hidden;aspect-ratio:320 / 288;border:.45rem solid #080d11;border-radius:.7rem;background:#d9ebc1;box-shadow:inset 0 0 0 1px #ffffff18,0 .6rem 1.6rem #0005}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;outline:none;touch-action:none}.console-brand{width:min(100%,40rem);margin:1.1rem auto 0;color:#ced7d4;font:700 .85rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-align:center}.console-brand span{color:var(--yellow)}.console-brand small{display:block;margin-top:.35rem;color:#718187;font-size:.58rem;letter-spacing:.08em;font-weight:500}.control-panel{display:grid;gap:.85rem}.info-card,.system-card,.input-card{border:1px solid var(--line);border-radius:.85rem;background:#121a22d9;box-shadow:0 .9rem 2.5rem #0000001f}.info-card{padding:clamp(1.1rem,3vw,1.6rem)}.system-card,.input-card{padding:1rem}.section-kicker{color:var(--yellow);font:800 .61rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}h1{margin:.75rem 0 .55rem;font-size:clamp(1.6rem,3.2vw,2.35rem);line-height:.98;letter-spacing:-.045em}.lede{max-width:31rem;margin:0;color:var(--muted);font-size:.85rem;line-height:1.55}.runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.runtime-grid span{display:grid;gap:.22rem}.runtime-grid small{color:#73878c;font:700 .57rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.runtime-grid strong{color:#d8e2df;font-size:.72rem;font-weight:650}.system-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.action-button,.utility-buttons button,.dpad button,.face-buttons button{border:1px solid #e7eee82d;color:#e8efeb;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.action-button{min-height:2.2rem;padding:.4rem .7rem;border-radius:.45rem;background:var(--panel-raised);font-size:.72rem}.action-button:hover,.action-button:focus-visible{border-color:#7bd8d188;background:#7bd8d111;outline:none}.action-button:active{transform:translateY(1px)}.game-message{min-height:1.3rem;margin:.8rem 0 0;padding-top:.75rem;border-top:1px solid var(--line);color:#9fb2b1;font-size:.7rem;line-height:1.4}.control-layout{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.9rem 0 .95rem}.dpad{display:grid;grid-template-columns:repeat(3,2.2rem);grid-template-rows:repeat(3,2.2rem)}.dpad button{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.42rem;background:#1b2932;color:#a9bbb9;font-size:.75rem}.dpad button:nth-child(1){grid-column:2;grid-row:1;border-radius:.45rem .45rem .2rem .2rem}.dpad button:nth-child(2){grid-column:1;grid-row:2;border-radius:.45rem .2rem .2rem .45rem}.dpad button:nth-child(3){grid-column:3;grid-row:2;border-radius:.2rem .45rem .45rem .2rem}.dpad button:nth-child(4){grid-column:2;grid-row:3;border-radius:.2rem .2rem .45rem .45rem}.dpad button:hover,.dpad button.is-held,.face-buttons button:hover,.face-buttons button.is-held,.utility-buttons button:hover,.utility-buttons button.is-held{background:#2d4b52;border-color:#7bd8d188;color:#e4ffec;transform:translateY(-1px)}.face-buttons{display:flex;align-items:flex-end;gap:.7rem;transform:rotate(-18deg)}.face-buttons button{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:50%;background:#412d40;color:#e8a7be;font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}.face-buttons button:last-child{background:#3b3422;color:var(--yellow)}.utility-buttons{display:flex;justify-content:center;gap:.6rem}.utility-buttons button{min-width:4.5rem;min-height:1.65rem;padding:.25rem .6rem;border-radius:1rem;background:#202a30;color:#9eafb1;font:700 .56rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.key-hint{margin:.85rem 0 0;color:#75858a;font-size:.62rem;line-height:1.8}kbd{padding:.12rem .28rem;border:1px solid #e7eee82b;border-radius:.25rem;background:#ffffff08;color:#c6d1cf;font:700 .58rem ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:800px){#app{gap:1.25rem}.game-layout{grid-template-columns:1fr;gap:1.1rem}.screen-bezel{width:min(100%,36rem)}.control-panel{width:min(100%,36rem);margin:0 auto}.footer-bar{align-items:flex-start;flex-direction:column;gap:.35rem}.footer-bar span:last-child{max-width:none;text-align:left}}@media(max-width:480px){.topbar{align-items:flex-start;flex-direction:column}.runtime-pill{align-self:flex-start;margin:.15rem 0 0 3.25rem}.brand-subtitle{font-size:.7rem}.screen-bezel{padding:.65rem;border-radius:.95rem}.screen-label,.screen-footer{font-size:.5rem}.info-card{padding:1rem}}.console-panel:fullscreen{display:grid;place-items:center;padding:2rem;background:#080d11}.console-panel:fullscreen .screen-bezel{width:min(92vw,56rem)}