.recording-notice{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 18px;background:#183c3b;border-bottom:1px solid #d7bd7040;line-height:1.9}.recording-notice strong{color:#f1cf8b;font-size:12px}.recording-notice span{color:#d3dfd4;font-size:11px}.replay-loading{text-align:center;padding:70px 24px;max-width:700px;margin:auto}.replay-loading h1{font-size:30px;margin-bottom:14px}.replay-loading p{font-size:13px;color:var(--muted);line-height:2}.replay-loading button{margin-top:24px}.replay-view{max-width:1600px;margin:auto}.replay-field{position:relative;height:calc(100svh - 287px);min-height:470px;overflow:hidden;background:#87a078}.replay-field canvas{width:100%;height:100%;position:absolute;inset:0;display:block;touch-action:none}.replay-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#102c3770,transparent 32%,transparent 75%,#102b36a6)}.replay-scoreboard{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:18px;width:min(690px,calc(100% - 36px));pointer-events:none}.replay-team{flex:1;min-width:0;border:1px solid #90c6ac88;border-radius:8px;background:#163b37ea;padding:12px 16px;box-shadow:0 3px 12px #0003}.replay-team.opponent{background:#574331ed;border-color:#e2b87988}.replay-team header{display:flex;align-items:center;justify-content:space-between;gap:8px}.replay-team strong{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.replay-team small{font-size:9px;color:#e3d6b0;white-space:nowrap}.replay-team progress{display:block;width:100%;height:6px;border:0;border-radius:3px;overflow:hidden;margin:9px 0 6px;background:#122525}.replay-team progress::-webkit-progress-bar{background:#122525}.replay-team progress::-webkit-progress-value{background:#9bd2ae}.replay-team progress::-moz-progress-bar{background:#9bd2ae}.replay-team.opponent progress::-webkit-progress-value{background:#e9bc86}.replay-team.opponent progress::-moz-progress-bar{background:#e9bc86}.replay-team p{font-size:10px;color:#dfdfc6;line-height:1.8}.replay-team p:last-child{margin-top:5px;color:#c9d6cd}.replay-clock{min-width:106px;text-align:center;text-shadow:0 2px 5px #132f35}.replay-clock small{font-size:9px;color:#f8e7c5}.replay-clock strong{display:block;font-size:31px;line-height:1.5;color:#fff4d7;font-variant-numeric:tabular-nums}.replay-clock span{font-size:10px;color:#fff0cb}.replay-map-tools{position:absolute;left:20px;top:155px;display:flex;align-items:stretch;gap:6px}.replay-map-tools label{display:flex;flex-direction:column;padding:5px 9px;border:1px solid #d6c38a88;border-radius:7px;background:#153e39df;font-size:9px;color:#e1d6b3}.replay-map-tools select{background:transparent;color:#fff3cf;border:0;font:inherit;font-size:10px;min-height:29px}.replay-map-tools option{background:#173d37}.replay-map-tools button{width:45px;font-size:25px;background:#153e39df;border:1px solid #d6c38a88;border-radius:7px}.replay-battle-caption{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 30px);padding:9px 16px;background:#12342fe8;border:1px solid #d5bb704f;border-radius:6px;pointer-events:none}.recorded-tag{border:1px solid #d3b47366;color:#e7c989;border-radius:3px;font-size:9px;padding:3px 5px;white-space:nowrap}.replay-battle-caption p{font-size:11px;color:#f3e9ce;line-height:1.8}.replay-labels{position:absolute;inset:0;direction:ltr;pointer-events:none}.replay-world-label{position:absolute;left:0;top:0;color:#f9edc9;background:#143c35d9;border:1px solid #bfc38677;border-radius:4px;padding:3px 8px;font-size:10px;white-space:nowrap;direction:rtl}.replay-world-label[data-team="1"]{background:#6b4b32dc;border-color:#e0bb8988}.replay-world-label.owned{border-color:#ffe7a4;box-shadow:0 0 0 1px #f7dc9566}.replay-result{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 40px));text-align:center;background:#123732f2;border:1px solid #dfbf73aa;border-radius:12px;padding:29px;box-shadow:0 12px 60px #10272b99}.replay-result h1{font-size:28px;color:#ffe7a9;margin-bottom:12px;line-height:1.7}.replay-result p{font-size:12px;color:#e2e6cf;line-height:2}.replay-result small{display:block;margin-top:17px;font-size:10px;color:#bccfc0}.replay-webgl-error{position:absolute;left:20px;right:20px;top:44%;text-align:center;color:#fff3d6;text-shadow:0 2px 5px #1b3a32}.replay-webgl-error p{font-size:12px;margin-top:10px}.playback-console{background:#102f30;padding:15px 24px 13px;border-top:1px solid #ddc2864d}.scrub-row{display:flex;align-items:center;gap:13px;direction:ltr;font-size:12px;color:#efce8f;font-variant-numeric:tabular-nums}.scrub-row input{width:100%;margin:0;accent-color:#e4bf71;cursor:pointer;min-height:36px}.scrub-row>span{min-width:36px;white-space:nowrap}.playback-toolbar{display:flex;gap:18px;align-items:center;margin-top:5px}.transport-buttons{display:flex;gap:9px;flex:none}.transport-buttons button{min-height:44px;font-size:12px;padding:9px 17px}.playback-option{display:flex;align-items:center;gap:8px;font-size:10px;color:#bed0c4}.playback-option select{min-height:44px;border:1px solid #587166;background:#1d403b;color:#f3e9ce;border-radius:6px;padding:4px 10px;max-width:230px;font-size:11px}.replay-readonly{margin-inline-start:auto;font-size:10px;color:#a9bfb1;line-height:1.8;max-width:170px}.replay-metadata{font-size:9px;color:#8fa99e;margin-top:13px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.recording-notice{gap:8px;flex-wrap:wrap;padding-block:8px}.playback-toolbar{gap:12px;flex-wrap:wrap}.replay-readonly{max-width:none;flex-basis:100%;margin-inline-start:0}.replay-field{height:calc(100svh - 300px)}.player-option{margin-inline-start:auto}}
@media(max-width:600px){.recording-notice{display:block;text-align:center;padding:8px 12px}.recording-notice strong{display:block;font-size:11px}.recording-notice span{font-size:9px}.replay-field{height:52svh;min-height:420px}.replay-scoreboard{gap:7px;top:12px;width:calc(100% - 20px)}.replay-team{padding:9px 10px}.replay-team strong{font-size:12px}.replay-team header{flex-direction:column;align-items:flex-start;gap:2px}.replay-team small{font-size:8px}.replay-team p{font-size:9px}.replay-clock{min-width:72px}.replay-clock small{font-size:8px}.replay-clock strong{font-size:24px}.replay-clock span{font-size:9px}.replay-map-tools{left:12px;top:172px}.replay-map-tools label{font-size:8px}.replay-battle-caption{bottom:12px;gap:7px;padding:7px 10px;max-width:calc(100% - 20px);width:max-content}.replay-battle-caption p{font-size:10px}.recorded-tag{font-size:8px}.playback-console{padding:10px 14px}.playback-toolbar{gap:12px;justify-content:space-between}.transport-buttons{gap:7px}.transport-buttons button{font-size:11px;padding-inline:13px}.playback-option{font-size:9px;gap:7px}.playback-option select{font-size:10px;padding-inline:8px;max-width:210px}.player-option{flex-basis:100%;margin:0;justify-content:space-between}.replay-readonly{font-size:9px}.replay-metadata{font-size:8px;margin-top:9px}.replay-result{padding:22px}.replay-result h1{font-size:23px}.replay-result p{font-size:11px}.replay-world-label{font-size:9px;padding:2px 6px}.replay-loading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.replay-view *{transition:none!important;animation:none!important}}
.replay-quiet{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 36px));text-align:center;background:#183b32ec;border:1px solid #d7be7e77;border-radius:9px;padding:19px 22px;box-shadow:0 6px 30px #18332944}.replay-quiet p{font-size:12px;color:#e8e7c9;line-height:2}.replay-quiet button{margin-top:13px;min-height:44px;font-size:11px}@media(max-width:600px){.replay-quiet{padding:14px 18px;top:61%}.replay-quiet p{font-size:10px}}
.replay-demo-links{display:flex;justify-content:center;gap:16px;background:#102d2e;border-bottom:1px solid #d7bd7022;padding:3px 12px}.replay-demo-links a{font-size:10px;color:#cfccad;min-height:44px;display:flex;align-items:center;padding:4px 9px}.replay-demo-links a:hover{color:#ffe1a0;background:#ffffff08}.replay-rules-note{font-size:10px;color:#d9c58d;line-height:1.9;margin-top:12px}
.replay-objective{top:150px;width:min(330px,calc(100% - 200px))}.replay-result .war-statistics{margin-top:12px}.replay-result .war-statistics table{font-size:10px}.replay-result{max-height:calc(100% - 60px);overflow:auto}.playback-console .loadout-comparison{max-width:900px;margin:16px auto 0}.playback-console .loadout-card{background:#163a36}.playback-console .transport-buttons{flex-wrap:wrap}@media(max-width:600px){.replay-objective{top:225px;width:min(295px,calc(100% - 28px));padding:8px 11px}.replay-result .war-statistics table{font-size:9px}.playback-console .transport-buttons{flex-basis:100%}.playback-console .loadout-comparison{grid-template-columns:1fr}.replay-quiet{top:66%}}