html{--ol-safe-left: env(safe-area-inset-left, 0px);--ol-safe-top: env(safe-area-inset-top, 0px);--ol-safe-right: env(safe-area-inset-right, 0px);--ol-safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{margin:0;width:100vw;height:100dvh;background:#070807;overflow:hidden;font-family:Courier New,Courier,monospace}#app,#game{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#070807}#ol-safe-probe{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;padding-left:var(--ol-safe-left);padding-top:var(--ol-safe-top);padding-right:var(--ol-safe-right);padding-bottom:var(--ol-safe-bottom)}#ol-playfield-frame{position:absolute;left:var(--ol-playfield-game-x, 0px);top:var(--ol-playfield-game-y, 0px);width:var(--ol-playfield-game-w, 0px);height:var(--ol-playfield-game-h, 0px);box-sizing:border-box;border:none;outline:1px solid #2a332a;outline-offset:-1px;pointer-events:none;z-index:1;visibility:var(--ol-playfield-frame-visibility, hidden)}#game canvas,canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#game canvas{touch-action:none;overscroll-behavior:none}#hud{position:absolute;top:calc(var(--ol-ui-app-y, 0px) + 10px);left:calc(var(--ol-ui-app-x, 0px) + 12px);z-index:2;padding:6px 8px;color:#f4f4f4;font-size:13px;line-height:1.4;letter-spacing:.02em;text-shadow:1px 1px 0 #000;background:#080c089e;border:1px solid rgba(216,216,216,.22);pointer-events:none;user-select:none}#followers+#hp,#hud #hp{margin-top:2px}#net-debug{position:absolute;left:calc(var(--ol-ui-app-x, 0px) + 12px);top:calc(var(--ol-ui-app-y, 0px) + 56px);z-index:2;margin:0;padding:6px 8px;color:#d8f0d8;background:#080c08b8;font-size:11px;line-height:1.35;text-shadow:1px 1px 0 #000;pointer-events:none;user-select:none;white-space:pre}#net-debug[hidden]{display:none}#lobby{position:absolute;left:var(--ol-ui-app-x, 0px);top:var(--ol-ui-app-y, 0px);width:var(--ol-ui-app-w, 100%);height:var(--ol-ui-app-h, 100%);z-index:3;display:grid;place-items:center;background:#2020209e}#lobby[hidden]{display:none}.panel{min-width:260px;background:#3a3a3a;color:#f4f4f4;border:2px solid #8a8a8a;padding:20px 22px;text-align:center}.panel p{margin:0 0 12px;font-size:13px}.panel input{display:block;box-sizing:border-box;width:220px;margin:0 auto 12px;font:inherit;font-size:14px;padding:7px 9px;color:#111;background:#d8d8d8;border:2px solid #1a1a1a;outline:none}.panel input:focus{background:#ececec;border-color:#f0f0f0}.panel input:disabled,.panel button:disabled{opacity:.6;cursor:default}#lobby-error{color:#ff8a8a}#lobby-status{color:#c8d4c8}.panel button{font:inherit;font-size:14px;padding:7px 18px;color:#111;background:#d8d8d8;border:2px solid #1a1a1a;cursor:pointer}.panel button:hover:not(:disabled){background:#f2f2f2}#joystick,.ol-joystick{position:absolute;left:calc(var(--ol-ui-app-x, 0px) + 16px);top:calc(var(--ol-ui-app-y, 0px) + var(--ol-ui-app-h, 0px) - 136px);width:120px;height:120px;z-index:4;touch-action:none;overscroll-behavior:none}#joystick[hidden]{display:none}.ol-joystick-base{position:absolute;inset:0;border-radius:50%;background:#080c0873;border:2px solid rgba(216,216,216,.28);pointer-events:none}.ol-joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:#f4f4f48c;transform:translate(-50%,-50%);pointer-events:none}#rotate-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;align-content:center;gap:10px;margin:0;padding:24px;background:#070807;color:#f4f4f4;text-align:center}#rotate-overlay[hidden]{display:none}.ol-rotate-title{margin:0;font-size:22px}.ol-rotate-body{margin:0;max-width:28rem;font-size:15px;line-height:1.4;color:#c8d4c8}