:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#102a28;color:#fff8dc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 15%,#285d52 0,transparent 42%),#102a28}body{position:fixed;inset:0;display:grid;place-items:center}#app{width:100%;height:100%;height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}#game-container{width:100%;height:100%}#game-container{display:flex;align-items:center;justify-content:center}canvas{image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 14px 55px #00000073;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.loading-note{position:fixed;inset:auto 0 20px;margin:0;text-align:center;color:#cce7c5;pointer-events:none}.rotate-note{display:none}#game-container canvas+.loading-note,body:has(canvas) .loading-note{display:none}@media(orientation:portrait)and (max-width:700px){#game-container{opacity:.12;pointer-events:none}.rotate-note{position:fixed;z-index:10;inset:50% 24px auto;display:block;margin:0;transform:translateY(-50%);color:#fff4bc;font-size:clamp(1.25rem,6vw,2rem);font-weight:700;line-height:1.3;text-align:center;text-shadow:0 3px 0 #102a28}.rotate-note small{display:block;margin-top:.75rem;color:#cce7c5;font-size:.55em}}@media(orientation:landscape)and (max-height:560px){#app{padding-top:max(env(safe-area-inset-top,0px),2px);padding-bottom:max(env(safe-area-inset-bottom,0px),2px)}canvas{box-shadow:none}}