:root{font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;color:#fff;background:#031339;font-synthesis:none;text-rendering:geometricPrecision;--game-text-scale: 1;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none;touch-action:none}body{background:radial-gradient(circle at 50% 10%,rgba(75,93,245,.45),transparent 38%),linear-gradient(180deg,#071b4a,#03102f)}#game-shell{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#game-root{width:100%;height:100%}canvas{display:block;margin:0 auto;max-width:100%;max-height:100%;filter:drop-shadow(0 20px 45px rgba(0,0,0,.45));touch-action:none}html[data-high-contrast=true] body{background:#000}html[data-high-contrast=true] canvas{filter:contrast(1.18) saturate(.92) drop-shadow(0 0 0 transparent);outline:4px solid #ffffff;outline-offset:-4px}#rotate-card{display:none;position:absolute;inset:0;z-index:100;padding:max(2rem,var(--safe-top)) max(2rem,var(--safe-right)) max(2rem,var(--safe-bottom)) max(2rem,var(--safe-left));align-items:center;justify-content:center;flex-direction:column;gap:.6rem;text-align:center;background:linear-gradient(180deg,#0a2b67,#061641);border:5px solid rgba(255,255,255,.18)}#rotate-card strong{font-size:clamp(1.5rem,6vw,2.6rem);color:#ffd564}#rotate-card span{max-width:24rem;color:#d8ecff}.rotate-icon{font-size:4rem;color:#ff8a00;animation:rotateHint 1.8s ease-in-out infinite}@keyframes rotateHint{0%,to{transform:rotate(-25deg)}50%{transform:rotate(65deg)}}html[data-motion=reduced] .rotate-icon{animation:none;transform:rotate(25deg)}#game-device-prompt{position:absolute;top:calc(var(--safe-top) + .75rem);left:50%;z-index:70;min-width:13rem;max-width:min(80vw,34rem);padding:.55rem 1rem;border:2px solid rgba(210,248,255,.88);border-radius:999px;background:#031235eb;color:#fff;font-size:calc(.9rem * var(--game-text-scale));font-weight:700;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-.5rem);transition:opacity .16s ease,transform .16s ease}#game-device-prompt[data-visible=true]{opacity:1;transform:translate(-50%)}html[data-motion=reduced] #game-device-prompt{transition:none}#accessible-touch-controls{position:absolute;inset:0;z-index:65;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#accessible-touch-controls[hidden]{display:none}.touch-control{position:absolute;bottom:calc(var(--safe-bottom) + 1rem);width:clamp(4.5rem,10vw,5.5rem);height:clamp(4.5rem,10vw,5.5rem);border:4px solid rgba(223,250,255,.96);border-radius:50%;background:#061d47d1;box-shadow:0 .35rem .8rem #0000006b,inset 0 0 1rem #61e6ff33;color:#fff;font:800 clamp(1rem,2.5vw,1.25rem)/1 "Trebuchet MS",sans-serif;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.touch-control:active{transform:scale(.94);background:#1465a8f2}.touch-left{left:calc(var(--safe-left) + 1rem)}.touch-right{left:calc(var(--safe-left) + 7.25rem)}.touch-valve{right:calc(var(--safe-right) + 1rem);width:clamp(5rem,12vw,6.2rem);height:clamp(5rem,12vw,6.2rem)}#accessible-touch-controls[data-layout=left] .touch-left{left:calc(var(--safe-left) + .8rem)}#accessible-touch-controls[data-layout=left] .touch-right{left:calc(var(--safe-left) + 6.6rem)}#accessible-touch-controls[data-layout=left] .touch-valve{left:calc(var(--safe-left) + 12.6rem);right:auto}#accessible-touch-controls[data-layout=right] .touch-left{left:auto;right:calc(var(--safe-right) + 12.6rem)}#accessible-touch-controls[data-layout=right] .touch-right{left:auto;right:calc(var(--safe-right) + 6.6rem)}#accessible-touch-controls[data-layout=right] .touch-valve{right:calc(var(--safe-right) + .8rem)}html[data-high-contrast=true] .touch-control{background:#000;border-color:#fff;box-shadow:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(orientation:portrait)and (max-width:720px){#rotate-card{display:flex}#game-root,#accessible-touch-controls,#game-device-prompt{visibility:hidden}}@media(orientation:landscape)and (max-height:520px){.touch-control{bottom:calc(var(--safe-bottom) + .35rem);transform:scale(.86);transform-origin:bottom center}.touch-control:active{transform:scale(.8)}#game-device-prompt{top:calc(var(--safe-top) + .25rem)}}