.spectate-page{max-width:1120px;padding-bottom:24px}
.spectate-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.spectate-title a{font-size:12px;color:var(--theme-forest,#25785d)}
.spectate-page .spectate-controls{margin:12px 0}.spectate-room{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}.spectate-room p{font-size:12px;margin:0;color:var(--text-muted)}.spectate-room strong{font-size:15px;letter-spacing:.08em;color:var(--text)}
.spectate-page .spectate-room button{min-height:44px;flex-shrink:0;background:var(--surface)}
.spectate-turn{margin:10px 0;padding:10px 12px;border:1px solid var(--border);border-left:4px solid var(--theme-forest,#25785d);border-radius:8px;background:var(--surface);color:var(--text);font-size:16px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.spectate-turn[data-owner="2"]{border-left-color:#d77b68}
.spectate-page .battle-profiles{gap:8px;margin-bottom:8px}.spectate-page .battle-profile{border:0;background:none;padding:4px 8px}.spectate-page .battle-profile-name{font-size:15px}
.spectate-page .run-unit-arena,.spectate-page .run-unit-arena.has-unit-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;align-items:start;gap:8px}
.spectate-page .run-unit-arena .battle-side,.spectate-page .run-unit-arena.has-unit-pair .battle-side{display:flex;flex-direction:column;grid-row:auto;gap:8px;padding:8px;min-width:0;border:1px solid var(--theme-forest,#25785d);border-radius:12px;background:var(--theme-tint-forest,#e7f1e9)}
.spectate-page .run-unit-arena .battle-side[data-side="cpu"]{border-color:#d77b68;background:var(--theme-tint-fire,#fff1e8)}
.spectate-page .battle-unit-slot{grid-row:auto;background:var(--surface)}
.spectate-page .run-fighter-label{display:none}.spectate-page .run-fighter-heading strong{min-height:0;font-size:13px}.spectate-page .run-fighter-heading>span{font-size:13px}
.spectate-page .run-fighters .run-fighter{padding:9px 7px}.spectate-page .run-fighters .run-fighter>p{font-size:11px;margin:5px 0;line-height:1.5}
.spectate-page .battle-status-strip{font-size:10px;gap:3px}.spectate-page .battle-status-strip span{padding:2px 3px}
.spectate-page .run-fighters .run-fighter>.battle-modifiers{font-size:11px;line-height:1.45}
.spectate-page [data-defeated="true"]{border-style:dashed}
.spectate-result{padding:14px;margin:14px 0}.spectate-result .run-reel{margin:0}.spectate-result .pencil-stage{min-height:100px}.spectate-result .battle-effect{white-space:pre-line;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.spectate-history details{margin:12px 0;border:1px solid var(--border);border-radius:10px;padding:0 12px;background:var(--surface)}.spectate-history summary{min-height:44px;padding:12px 0}.spectate-history ol{max-height:320px;overflow:auto;padding-left:22px;font-size:12px;line-height:1.6}.spectate-history li{padding:5px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
@media(min-width:768px){.spectate-page .run-unit-arena{gap:18px}.spectate-page .run-unit-arena .battle-side{padding:14px;gap:12px}.spectate-page .battle-profiles{gap:18px}.spectate-result{max-width:720px;margin:18px auto}}