#spectator-panel{position:fixed;z-index:12;left:50%;bottom:25px;transform:translateX(-50%);width:min(640px,calc(100vw - 32px));padding:15px 20px;background:linear-gradient(130deg,#111e2beF,#1e3540ee);border:1px solid #9eb7b866;border-top:3px solid #e9b875;box-shadow:0 12px 50px #0006;pointer-events:auto;box-sizing:border-box;color:#eaf2ef}
.spectator-heading{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;color:#bdced0}.spectator-live{background:#d56348;color:#fff;padding:4px 7px;font:700 11px 'Barlow Condensed',sans-serif}.spectator-heading>span:last-child{margin-left:auto;letter-spacing:0;font-size:12px}.spectator-target{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.spectator-target>button{width:42px;height:48px;border:1px solid #92aba96b;background:#ffffff08;color:#f4dfb8;font-size:30px;cursor:pointer}.spectator-target>div{flex:1}.spectator-target small{display:block;color:#eecb95;font:11px 'Barlow Condensed',sans-serif;letter-spacing:2px}.spectator-target strong{display:block;font:26px 'Barlow Condensed',sans-serif;letter-spacing:2px;margin-top:3px}.spectator-target span{font-size:10px;color:#acc4c6}.spectator-vitals{display:flex;justify-content:center;gap:28px;margin:10px 0;font:12px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#acc6c9}.spectator-vitals b{color:#fff;font-size:16px;margin-left:4px}.spectator-controls{display:flex;gap:7px;align-items:stretch}.spectator-controls button,.spectator-controls label{border:1px solid #8ba4a360;background:#ffffff08;color:#d5e4e3;font:11px 'Noto Sans JP',sans-serif;padding:9px;cursor:pointer}.spectator-controls button.selected{border-color:#e3b675;color:#ffe1a9;background:#e3b67515}.spectator-controls label{display:flex;align-items:center;gap:8px}.spectator-controls select{background:#14252d;border:0;color:#fff;padding:2px}.spectator-controls>button:last-child{margin-left:auto}#spectator-panel p{text-align:center;font-size:10px;color:#96aeb0;margin:9px 0 0}#spectator-panel button:focus-visible,#spectator-panel select:focus-visible{outline:2px solid #ffd38b;outline-offset:2px}.spectating .squad-hud,.spectating .ability-hud,.spectating .weapon-hud,.spectating #crosshair,.spectating #interaction,.spectating #mate-marker,.spectating #hitmarker,.spectating #damage-number,.spectating #protection-label,.spectating #drop-hud{display:none!important}.spectating .hud-footer{bottom:3px}.spectating .hud-footer>span:nth-child(2){visibility:hidden}.spectate-launch{width:100%;margin-top:8px;min-height:40px;border:1px solid #7caca78c;background:#15373c66;color:#bfe1da;font:12px 'Noto Sans JP',sans-serif;cursor:pointer}.ammo-caliber{font-weight:700;letter-spacing:1px}.ammo-required{display:block;font-size:11px;margin-top:4px;color:var(--ammo-color,#c5dddf)}.inventory-ammo-badge{display:inline-block;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:1px;border:1px solid currentColor;padding:3px 7px;margin-top:3px}.dual-status{color:#f5cb87;font-size:11px}.inventory-item .ammo-letter{position:absolute;font:700 18px 'Barlow Condensed',sans-serif;top:36%;color:var(--item-color);right:25%}
@media(max-width:700px){#spectator-panel{bottom:18px;padding:10px 12px}.spectator-controls{flex-wrap:wrap}.spectator-controls button,.spectator-controls label{padding:7px;font-size:10px}.spectator-heading{font-size:10px;letter-spacing:1px}.spectator-target strong{font-size:21px}.spectator-vitals{gap:20px}}