:root{--bg0: #0c1020;--bg1: #1a2944;--bg2: #2e4f73;--ink: #eef5ff;--accent: #f5b84f;--accent-soft: #ffe6b2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 14% 8%,rgba(255,191,104,.22) 0%,transparent 36%),radial-gradient(circle at 88% 84%,rgba(89,205,255,.16) 0%,transparent 30%),repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,var(--bg2),var(--bg1) 45%,var(--bg0));color:var(--ink);font-family:Assistant,Courier Prime,Courier New,monospace}body{display:grid;place-items:center;padding:calc(6px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left))}#app{width:min(calc(100vw - 12px),calc((100vh - 12px)*1.7778));display:grid;place-items:center}canvas{width:min(calc(100vw - 12px),calc((100vh - 12px)*1.7778))!important;height:auto!important;max-height:calc(100vh - 10px);border:6px solid #efbd63;border-radius:10px;box-shadow:0 0 0 4px #2d3f62,0 18px 45px #00000073,inset 0 0 14px #00000059}.touch-controls{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:148px;height:148px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;z-index:20;pointer-events:none}.touch-controls button{pointer-events:auto;border:2px solid #ebf5ff;border-radius:6px;background:linear-gradient(180deg,#39648f,#253f62);color:#ebf5ff;font-family:Assistant,Courier Prime,monospace;font-size:22px;font-weight:700;touch-action:manipulation}.touch-actions{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,74px);gap:8px;z-index:20;pointer-events:none}.touch-actions button{pointer-events:auto;border:2px solid #ebf5ff;border-radius:8px;background:linear-gradient(180deg,#925236,#64301f);color:#fff4de;font-family:Assistant,Courier Prime,monospace;font-size:15px;font-weight:800;min-height:48px;touch-action:manipulation}.touch-controls button:active,.touch-actions button:active{transform:scale(.95);filter:brightness(1.2)}.touch-controls .blank{visibility:hidden}@media (min-width: 980px) and (pointer: fine){.touch-controls,.touch-actions{display:none}}