:root{font-family:Tahoma,Arial,sans-serif;color:#f7f5ea;background:#081e26}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.menu{min-height:100svh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.menu__image{position:absolute;inset:0;background:linear-gradient(90deg,#082126,#0a2529d9 40%,#102b2a38),url(/preview.png) center / cover;transform:scale(1.04)}.menu:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071e24bd,transparent 55%);pointer-events:none}.menu__card{position:relative;z-index:1;width:min(100%,520px);margin-inline-start:auto;padding:clamp(28px,5vw,52px);border:1px solid #ffffff34;border-radius:28px;background:#0b2633d9;box-shadow:0 28px 80px #0008;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.eyebrow{color:#bfe4b9;font-size:.85rem;letter-spacing:.04em;margin:0 0 8px}h1{font-size:clamp(3rem,8vw,5.5rem);line-height:1.08;margin:0 0 16px}.lead{color:#d5e6df;line-height:1.9;max-width:34ch;margin:0 0 30px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}input{width:100%;color:#fff;background:#ffffff13;border:1px solid #ffffff59;border-radius:13px;padding:13px 15px;outline:none}input:focus{border-color:#9ed8a0;box-shadow:0 0 0 3px #a7de9b22}input::placeholder{color:#b3c4c4}.primary{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:14px 20px;border:0;border-radius:13px;color:#08231c;background:#a7dd9d;font-weight:800;font-size:1.05rem}.primary:hover{background:#c1edb7}.primary:disabled{cursor:wait;opacity:.6}.status{min-height:1.5em;margin:14px 0 0;color:#bcd5d1;font-size:.86rem}.status.error{color:#ffc4a8}.hint{margin:28px 0 0;color:#b7c8c8;font-size:.78rem;line-height:1.8}.game-screen{width:100vw;height:100svh;position:relative;overflow:hidden;background:#111f29}.game-screen[hidden],.menu[hidden]{display:none}#unity-canvas{width:100%;height:100%;display:block;touch-action:none}.game-bar{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));inset-inline:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.game-bar>*{pointer-events:auto;background:#10292bcc;color:#fff;border:1px solid #ffffff59;border-radius:12px;padding:10px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-bar__voice{display:flex;gap:6px;padding:5px}.game-bar__voice button{color:#fff;background:#20484a;border:0;border-radius:8px;padding:7px 10px}.game-bar__voice button:disabled{cursor:wait;opacity:.6}.game-bar__voice button[hidden]{display:none}.game-bar button:hover{background:#234c4e}.voice-status[hidden]{display:none}.voice-status{position:absolute;z-index:6;top:68px;right:18px;margin:0;max-width:min(80vw,340px);padding:8px 12px;border-radius:10px;color:#fff;background:#10292cdd;font-size:.82rem}.voice-consent[hidden]{display:none}.voice-consent{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#06131bdf}.voice-consent__card{width:min(100%,440px);padding:24px;border:1px solid #ffffff55;border-radius:18px;background:#14303c;box-shadow:0 20px 70px #0008}.voice-consent__card h2{margin:0 0 12px;font-size:1.2rem}.voice-consent__card p{margin:0;color:#d6e6e2;line-height:1.8}.voice-consent__actions{display:flex;gap:10px;margin-top:22px}.voice-consent__actions button{flex:1;padding:10px;border:1px solid #ffffff55;border-radius:9px;color:#fff;background:#264956}.voice-consent__actions #voice-accept{color:#092719;background:#a7dd9d;border-color:#a7dd9d;font-weight:700}.loading{position:absolute;z-index:4;inset:0;display:grid;place-content:center;gap:16px;text-align:center;background:#081e26}.loading[hidden]{display:none}.progress{width:min(65vw,320px);height:9px;border-radius:20px;background:#ffffff35;overflow:hidden}.progress span{display:block;width:0;height:100%;background:#a7dd9d;transition:width .2s}.touch-controls[hidden]{display:none}.touch-controls{position:absolute;z-index:2;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.look-zone{position:absolute;inset:64px 31% 0 0;pointer-events:auto;touch-action:none}.joystick{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;border:2px solid #ffffff9e;background:#0b263377;box-shadow:0 8px 28px #0006;pointer-events:auto;touch-action:none}.joystick__knob{position:absolute;width:56px;height:56px;top:50%;left:50%;border-radius:50%;background:#d5f1dcbb;border:2px solid #fff;transform:translate(-50%,-50%) translate(var(--stick-x, 0px),var(--stick-y, 0px));box-shadow:0 3px 16px #0007;pointer-events:none}.rotate-device[hidden]{display:none}.rotate-device{position:absolute;z-index:5;inset:0;display:grid;place-content:center;gap:16px;padding:70px 24px;text-align:center;color:#f7f5ea;background:#081e26f5}.rotate-device__icon{font-size:3.6rem;line-height:1}.rotate-device strong{font-size:1.2rem}.rotate-device p{margin:0;color:#bcd5d1;line-height:1.8}@media(max-width:700px){.menu{align-items:end;padding:14px}.menu__image{background-position:62% center}.menu__card{margin:0;width:100%;padding:26px}.hint{font-size:.74rem}}
