html,body{margin:0;height:100%;background:#05070a}body{display:grid;place-items:center;overflow:hidden}canvas{display:block;max-width:100vw;max-height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:crosshair}#touch-controls{display:none;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}:root{--cs: 1}.touch-cluster{position:absolute;pointer-events:none}.touch-cluster-left{left:calc(env(safe-area-inset-left,0px) + 20px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);width:204px;height:204px;transform-origin:bottom left;transform:scale(var(--cs))}.touch-cluster-right{right:calc(env(safe-area-inset-right,0px) + 32px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);width:220px;height:200px;transform-origin:bottom right;transform:scale(var(--cs))}.touch-cluster-top{right:calc(env(safe-area-inset-right,0px) + 212px);top:calc(env(safe-area-inset-top,0px) + 12px);width:144px;height:70px;transform-origin:top right;transform:scale(var(--cs))}.touch-button{position:absolute;border:1px solid rgba(239,244,255,.34);color:#f8f3e7;background-color:#1418379e;background-repeat:no-repeat;background-position:center;background-size:62%;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-button:active{background-color:#6f7ccec7}.touch-dpad-art{position:absolute;left:12px;bottom:12px;width:192px;height:192px;opacity:.85;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-left{left:12px;bottom:76px;width:64px;height:64px;border-color:transparent;background-color:transparent}.touch-right{left:140px;bottom:76px;width:64px;height:64px;border-color:transparent;background-color:transparent}.touch-up{left:76px;bottom:140px;width:64px;height:64px;border-color:transparent;background-color:transparent}.touch-down{left:76px;bottom:12px;width:64px;height:64px;border-color:transparent;background-color:transparent}.touch-diagUpLeft{left:17px;bottom:145px;width:54px;height:54px;border-color:transparent;background-color:transparent;background-image:url(/controls/diagUpLeft.png)}.touch-diagUpRight{left:133px;bottom:145px;width:54px;height:54px;border-color:transparent;background-color:transparent;background-image:url(/controls/diagUpRight.png)}.touch-diagDownLeft{left:17px;bottom:17px;width:54px;height:54px;border-color:transparent;background-color:transparent;background-image:url(/controls/diagDownLeft.png)}.touch-diagDownRight{left:133px;bottom:17px;width:54px;height:54px;border-color:transparent;background-color:transparent;background-image:url(/controls/diagDownRight.png)}.touch-jump{right:24px;bottom:104px;width:96px;height:96px;border-radius:50%;border-color:#ffe08a80;background-image:url(/controls/jump.png)}.touch-dash{right:130px;bottom:120px;width:80px;height:80px;border-radius:50%;background-image:url(/controls/dash.png)}.touch-grab{right:130px;bottom:34px;width:80px;height:80px;border-radius:50%;background-image:url(/controls/grab.png)}.touch-reset{right:88px;top:14px;width:56px;height:56px;border-radius:14px;background-image:url(/controls/respawn.png)}.touch-pause{right:20px;top:14px;width:56px;height:56px;border-radius:14px;background-image:url(/controls/pause.png)}@media(pointer:coarse){#touch-controls{display:block}}body.mobilecam-debug #touch-controls{display:block}#phone-bench{display:grid;justify-items:center;gap:20px}#phone-frame{padding:18px;border-radius:56px;background:linear-gradient(160deg,#232839,#0b0d15 55%,#171b28);box-shadow:0 0 0 2px #05070a,0 24px 60px #0009,inset 0 1px #ffffff14;transform-origin:center}#phone-screen{position:relative;border-radius:24px;overflow:hidden;background:#05070a;transform:translateZ(0)}.phone-sensor{position:absolute;left:9px;top:26px;width:8px;height:62px;border-radius:5px;background:#05070a;box-shadow:inset 0 0 0 1.5px #ffffff0f;z-index:60;pointer-events:none}#phone-picker{display:flex;gap:10px}#phone-picker button{border:1px solid rgba(239,244,255,.22);border-radius:12px;color:#d7dcff;background:#1418379e;font:600 .8rem/1 Trebuchet MS,sans-serif;padding:9px 12px;cursor:pointer}#phone-picker button.active{border-color:#ffe08a99;color:#ffe6a3}#rotate-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#05070a;color:#f8f3e7;font:700 1.05rem/1.5 Trebuchet MS,sans-serif;text-align:center;letter-spacing:.08em;padding:0 10vw}#rotate-prompt p{margin:0}#rotate-prompt .rotate-sub{color:#9da8d2;font-size:.8rem;letter-spacing:.04em}.rotate-icon{width:46px;height:76px;border:3px solid #f8f3e7;border-radius:9px;position:relative;animation:rotate-hint 2.2s ease-in-out infinite}.rotate-icon:after{content:"";position:absolute;left:50%;bottom:9px;width:14px;height:3px;background:#f8f3e7;transform:translate(-50%);border-radius:2px}@keyframes rotate-hint{0%,15%{transform:rotate(0)}45%,65%{transform:rotate(-90deg)}95%,to{transform:rotate(0)}}@media(pointer:coarse)and (orientation:portrait){#rotate-prompt{display:flex}#touch-controls{display:none}}@media(prefers-reduced-motion:reduce){.rotate-icon{animation:none;transform:rotate(-90deg)}}