dialog.spectate165{box-sizing:border-box;width:min(1160px,98vw);max-width:98vw;height:94dvh;max-height:94dvh;padding:22px;border:1px solid #ab9464;border-radius:18px;color:#e6edf5;background:linear-gradient(135deg,#172733,#0b111b);overflow:auto;overscroll-behavior:contain}
.spectate165::backdrop{background:#030912eb;backdrop-filter:blur(8px)}
.spectate165 *{box-sizing:border-box;min-width:0}
.spectate165 header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.spectate165 h2,.spectate165 h3{margin:5px 0 10px;color:#f2dfac}.spectate165 small{color:#a5b9c8}.spectate165 p{line-height:1.5}
.spectate165 .watch-connect165{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:14px 0}.spectate165 .watch-connect165 label{display:grid;gap:5px;width:100%}.spectate165 .watch-connect165 button{width:auto;min-height:48px}.watch-connect165 input{width:100%;padding:12px;border-radius:8px;border:1px solid #677a8b;background:#0c1722;color:white;font-size:18px;letter-spacing:3px;text-transform:uppercase}
.watch-message165{padding:10px 12px;border-left:3px solid #d8bc72;background:#172734;color:#e7d8b3}
.watch-fighters165{display:grid;grid-template-columns:1fr 1fr;gap:14px}.watch-fighters165>article{padding:14px;border:1px solid #374f63;border-radius:12px;background:#101b27}.watch-fighters165>article.active{border-color:#d7bb70;box-shadow:inset 0 0 20px #d8bc7210}
.watch-identity165{display:flex;align-items:center;gap:12px}.watch-identity165 img{width:62px;height:68px;object-fit:cover;object-position:center 20%;border-radius:8px}.watch-identity165 h3{font-size:18px}.watch-identity165 time{margin-left:auto;font-variant-numeric:tabular-nums;color:#f1d598}
.watch-hp165{height:25px;position:relative;margin:12px 0 8px;background:#060c13;border-radius:5px;overflow:hidden}.watch-hp165>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#9b3247,#e77677);transition:width .3s}.watch-hp165>b{position:absolute;inset:0;text-align:center;line-height:25px;font-size:14px;text-shadow:0 1px 3px #000}
.watch-stats165{font-size:13px}.watch-chips165{display:flex;flex-wrap:wrap;gap:6px}.watch-chips165 span{background:#35314c;padding:4px 7px;border-radius:5px;font-size:12px}
.watch-loadout165{margin-top:10px}.spectate165 details{border-top:1px solid #304052;padding:7px 0;font-size:13px}.spectate165 summary{cursor:pointer;min-height:26px;line-height:26px}.watch-map165{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.watch-map165>div{border:1px solid #526477;padding:6px;display:grid;font-size:12px}.watch-map165 .enemy{border-color:#dc8679;background:#592c2c}
.watch-stage165{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:22px;margin-top:20px;align-items:start}.watch-card165{padding:16px;border:1px solid #bb9d5b;background:#1a2535;border-radius:14px;box-shadow:0 8px 30px #0005;overflow-wrap:anywhere}.watch-card165>.card-art-frame{display:block;position:relative;height:170px;overflow:hidden;border-radius:8px;margin:12px 0}.watch-card165 .card-art-image{width:100%;height:100%;object-fit:cover}.watch-card165 .card-art-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:48px}.watch-card165 h3{font-size:22px}.watch-card165 p{font-size:16px}
.watch-history165 ol{list-style:none;margin:0;padding:0;max-height:350px;overflow:auto;overscroll-behavior:contain}.watch-history165 li{padding:9px 6px;border-bottom:1px solid #ffffff12;font-size:14px;line-height:1.5}.watch-history165 b{color:#a8bacb}.watch-conquest165{padding:12px;border:1px solid #6a604d;border-radius:10px;margin-bottom:12px}.watch-conquest165[hidden]{display:none}
@media(max-width:600px){dialog.spectate165{padding:12px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.spectate165 header h2{font-size:18px}.spectate165 header button{padding:10px;font-size:13px}.watch-fighters165{gap:7px}.watch-fighters165>article{padding:8px}.watch-identity165{flex-wrap:wrap;gap:5px}.watch-identity165 img{width:42px;height:48px}.watch-identity165 h3{font-size:14px}.watch-identity165 small{font-size:10px}.watch-identity165 time{font-size:13px}.watch-stats165{font-size:12px;line-height:1.7}.watch-stage165{grid-template-columns:1fr;gap:15px}.watch-card165{width:min(100%,340px);margin:auto}.watch-history165 ol{max-height:260px}.watch-connect165{gap:7px}.watch-connect165 button{padding:12px}.spectate165 .watch-message165{font-size:13px}}
@media(prefers-reduced-motion:reduce){.watch-hp165>span{transition:none}}