.spectate{left:50%;bottom:max(10px, var(--sa-b,env(safe-area-inset-bottom)));box-sizing:border-box;pointer-events:auto;border:2px solid var(--paper2);max-width:calc(100vw - 20px);box-shadow:0 0 0 1px var(--ink0);background:#0b0d08d1;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;transform:translate(-50%)}.spectate-mid{text-align:center;min-width:150px;font-size:14px;font-weight:700}.spectate-head{white-space:nowrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.spectate-word{letter-spacing:.12em;opacity:.8;font-size:11px}.spectate-hp{border:1px solid var(--ink0);background:#0000008c;height:6px;margin:3px 0}.spectate-hp-fill{background:#e45e55;height:100%}.spectate-count{font-size:12px;font-weight:400}.spectate-btn{min-width:44px;min-height:44px;font:inherit;color:var(--paper2);border:2px solid var(--paper2);cursor:pointer;background:#151b26d9;padding:0 8px;font-weight:700}.spectate-btn:disabled{opacity:.35;cursor:default}.spectate-btn.spectate-auto.on{color:var(--ink0);background:var(--paper2)}.spectate-btn.spectate-help{color:var(--ink0);background:var(--paper2);white-space:nowrap}.spectate-btn.spectate-help[hidden]{display:none}body.spectating .touch-controls,body.spectating #fire,body.spectating #stick-base,body.spectating .kit{display:none!important}body.spectating .banner{pointer-events:none;animation:.6s 6s forwards spectate-banner-fade}@keyframes spectate-banner-fade{to{opacity:0}}.players .player.watched{outline:1px solid var(--paper2)}