body.play-mode{--play-ink:#e9eff8;--play-dim:#9fb0c7;--play-back:#090d14eb;--play-edge:#8caad259;--play-focus:#f0c05a;--play-text:clamp(18px, 2.2vh, 24px);--play-title:clamp(22px, 3vh, 30px);--play-small:clamp(14px, 1.7vh, 18px);--play-line:48px}body.play-mode .spectator-side,body.play-mode .minimap-open,body.play-mode .agent-picker,body.play-mode .spectator-status{display:none}.play-dialog{z-index:60;border:2px solid var(--play-edge);background:var(--play-back);width:min(720px,92vw);max-height:62vh;color:var(--play-ink);font-size:var(--play-text);border-radius:14px;padding:20px 24px;line-height:1.45;position:fixed;bottom:4vh;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 48px #0000008c}.play-dialog[hidden]{display:none}.play-dialog-title{font-size:var(--play-title);letter-spacing:.5px;margin:0 0 10px;font-weight:700}.play-dialog-content{color:var(--play-ink);margin:0 0 16px}.play-dialog-list{flex-direction:column;gap:8px;display:flex}.play-dialog-line{min-height:var(--play-line);color:var(--play-ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.play-dialog-line:hover{background:#ffffff1f}.play-dialog.waiting .play-dialog-line{opacity:.6;font-style:italic}.play-dialog-line.on,.play-dialog-line:focus-visible{border-color:var(--play-focus);background:#f0c05a2e;outline:none}.play-radial{z-index:62;pointer-events:none;background:radial-gradient(circle,#090d1426 30%,#090d14db 62%);border-radius:50%;width:min(60vh,60vw);height:min(60vh,60vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.play-radial[hidden]{display:none}.play-wedge{border:2px solid var(--play-edge);background:var(--play-back);min-width:108px;color:var(--play-ink);font-size:var(--play-small);text-align:center;border-radius:10px;padding:10px 14px;position:absolute;transform:translate(-50%,-50%)}.play-wedge.on{border-color:var(--play-focus);color:#fff;background:#f0c05a40}.play-wedge.off{color:var(--play-dim);opacity:.55}.play-hotbar{z-index:58;gap:10px;display:flex;position:fixed;bottom:1.2vh;left:50%;transform:translate(-50%)}.play-slot{min-height:var(--play-line);border:2px solid var(--play-edge);background:var(--play-back);color:var(--play-ink);font-size:var(--play-small);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:flex}.play-slot:focus-visible{border-color:var(--play-focus);outline:none}.play-slot.off{color:var(--play-dim);cursor:default}.play-slot-key{background:#ffffff1f;border-radius:5px;padding:2px 7px;font-weight:700}body.play-mode[data-input=gamepad] .play-hotbar{display:none}.play-hints{z-index:56;border:1px solid var(--play-edge);background:var(--play-back);color:var(--play-dim);font-size:var(--play-small);border-radius:10px;padding:10px 14px;position:fixed;bottom:14px;right:14px}.play-hint-move{color:var(--play-ink);margin:0 0 6px}.play-hint-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.play-hint-list li{align-items:center;gap:5px;display:flex}.play-hint-list kbd{border:1px solid var(--play-edge);min-width:26px;color:var(--play-ink);text-align:center;background:#ffffff1a;border-radius:5px;padding:2px 6px;font-family:inherit;font-size:.9em}.play-status{z-index:56;border:1px solid var(--play-edge);background:var(--play-back);color:var(--play-ink);font-size:var(--play-small);border-radius:10px;padding:8px 14px;position:fixed;top:14px;left:14px}.play-status[hidden]{display:none}@media (height<=460px){.play-hints{display:none}.play-dialog{max-height:72vh;padding:14px 18px;bottom:2vh}}