:root{color-scheme:dark;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;background:#1a0626}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-height:100svh;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 40%,rgba(238,94,58,.25),transparent 44%),repeating-linear-gradient(135deg,rgba(255,204,92,.025) 0 2px,transparent 2px 9px),#1a0626}.game-shell{display:grid;width:100%;height:100svh;padding:clamp(8px,1.8vw,22px);place-items:center}.game-frame{position:relative;width:min(calc(100vw - 16px),calc((100svh - 16px) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;border:clamp(3px,.45vw,7px) solid #1d1420;border-radius:clamp(12px,1.4vw,22px);background:#3d0d54;box-shadow:0 0 0 3px #ef6a3a,0 18px 60px #0000008c;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%;outline:none;cursor:pointer}canvas:focus-visible{box-shadow:inset 0 0 0 6px #ffd75d}noscript{position:absolute;inset:0;display:grid;padding:2rem;color:#fff3ca;background:#3d0d54;place-items:center;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-aspect-ratio:1 / 1){.game-shell{padding:6px}.game-frame{width:calc(100vw - 12px)}}@media(prefers-reduced-motion:reduce){.game-frame{box-shadow:0 0 0 3px #ef6a3a}}