:root{--aspect-w: 1280;--aspect-h: 720;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08090d;color:#f5f2e8}*{box-sizing:border-box}html,body,#shell,#game-root{width:100%;height:100%;margin:0}body{position:relative;overflow:hidden;overscroll-behavior:none;background:#08090d}#shell{display:grid;place-items:center;height:100vh;height:100dvh}#game-root{position:relative;display:grid;place-items:center;width:min(100vw,calc(100vh * var(--aspect-w) / var(--aspect-h)));height:min(100vh,calc(100vw * var(--aspect-h) / var(--aspect-w)));width:min(100dvw,calc(100dvh * var(--aspect-w) / var(--aspect-h)));height:min(100dvh,calc(100dvw * var(--aspect-h) / var(--aspect-w)));background:#07080d;isolation:isolate;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;position:relative;z-index:1;touch-action:none;-webkit-tap-highlight-color:transparent}#fs-toggle{display:none}@media(pointer:coarse)and (orientation:landscape){#fs-toggle.fs-available{position:fixed;top:max(8px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));z-index:40;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(201,180,138,.5);border-radius:9px;background:#07080d8c;color:#f5f2e8;font-size:21px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#fs-toggle.fs-available:active{background:#c9b48a40}}#rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){#rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;gap:1rem;padding:2rem;text-align:center;background:#07080d;color:#f5f2e8}.rotate-hint__icon{font-size:clamp(48px,18vw,96px);line-height:1;animation:rotate-nudge 2s ease-in-out infinite}#rotate-hint p{margin:0;font-size:clamp(15px,5vw,20px);letter-spacing:.04em;color:#c9b48a}}@keyframes rotate-nudge{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}
