:root{--outer-bg: #1d1a1a;--frame-bg: #2a2522;--frame-edge: #5b3a1e;--screen-glow: rgba(255, 212, 90, .18)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--outer-bg);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;touch-action:none}body{min-height:100svh}#app{width:100vw;height:100svh;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:grid;place-items:center;background:radial-gradient(circle at 50% 12%,var(--screen-glow),transparent 38%),linear-gradient(180deg,#2a2522,#111010)}#game-canvas{display:block;width:min(calc(100vw - 20px),calc((100svh - 24px)*.46154),430px);height:auto;max-height:calc(100svh - 24px);aspect-ratio:6 / 13;border:10px solid var(--frame-bg);border-radius:28px;outline:3px solid var(--frame-edge);background:#c9c8ff;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none;box-shadow:0 24px 60px #00000075,inset 0 0 0 4px #ffffff12}noscript{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#1d1a1a;color:#fff;text-align:center}