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{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#070807}#game{position:absolute;inset:0;width:100%;height:100%;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}html[data-ol-runtime=v3] #app,html[data-ol-runtime=v3] #game{width:100%;height:100%}html[data-ol-runtime=v3] #rotate-overlay{position:absolute}html[data-ol-runtime=v3] #app:fullscreen,html[data-ol-runtime=v3] #app:-webkit-full-screen{width:100%;height:100%;inset:0}#ol-fullscreen{box-sizing:border-box;display:grid;place-items:center;padding:0;margin:0;overflow:hidden;line-height:0;font-size:0;color:#f4f4f4;background:#080c089e;border:1px solid rgba(216,216,216,.28);cursor:pointer}#ol-fullscreen svg{display:block;width:62%;height:62%}#ol-fullscreen:focus-visible{outline:2px solid #d8f0d8;outline-offset:2px}#ol-fullscreen[hidden]{display:none}#ol-layout-diag{position:absolute;left:50%;bottom:8px;z-index:2;display:flex;align-items:center;gap:6px;transform:translate(-50%);padding:4px 6px;color:#d8f0d8;background:#080c08b8;border:1px solid rgba(216,216,216,.28);pointer-events:auto}#ol-layout-diag-copy,#ol-layout-diag-expand{box-sizing:border-box;display:grid;place-items:center;width:28px;height:28px;padding:0;line-height:0;font-size:0;color:inherit;background:transparent;border:1px solid rgba(216,216,216,.28);cursor:pointer}#ol-layout-diag-copy svg,#ol-layout-diag-expand svg{display:block;width:16px;height:16px}#ol-layout-diag-state{min-width:3.5em;font:11px/1 Courier New,monospace}#ol-layout-diag-json{position:absolute;right:0;bottom:calc(100% + 6px);max-width:min(28rem,80vw);max-height:28vh;margin:0;overflow:auto;padding:8px;white-space:pre-wrap;font:11px/1.35 Courier New,monospace;background:#080c08eb;border:1px solid rgba(216,216,216,.28)}#ol-layout-diag-copy:focus-visible,#ol-layout-diag-expand:focus-visible{outline:2px solid #d8f0d8;outline-offset:2px}#ol-layout-diag-json[hidden]{display:none}#ol-install-help{position:absolute;inset:0;z-index:12;display:grid;place-items:center;align-content:center;gap:10px;background:#070807eb;color:#f4f4f4;text-align:center;padding:24px}#ol-install-help[hidden]{display:none}.ol-install-title{margin:0;font-size:20px}.ol-install-body{margin:0;max-width:24rem;color:#c8d4c8}#ol-install-dismiss{font:inherit;padding:7px 18px}