:root{color-scheme:dark;--bg: #070404 !important;--bg-deep: #030202;--panel: rgba(17, 10, 10, .92) !important;--panel-2: #1d1110 !important;--panel-strong: #140b0a;--panel-soft: rgba(30, 17, 15, .74);--ink: #f7ede7;--muted: #a38e86 !important;--muted-strong: #c7aea5;--accent: #ff4b35 !important;--accent-hot: #ff654f;--amber: #ffb23e !important;--line: rgba(229, 176, 154, .18) !important;--text: #f7ede7 !important;--line-strong: rgba(255, 75, 53, .55);--shadow: 0 28px 90px rgba(0, 0, 0, .62);--font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--bg-deep);color:var(--ink);font:14px/1.4 var(--font-ui)}body{isolation:isolate}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);border-radius:2px;background:#1a0f0eeb;color:var(--ink);cursor:pointer;text-transform:uppercase;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.11em;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}button:hover{border-color:var(--accent);background:#401915f5}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button:disabled{cursor:wait;opacity:.5}.muted{color:var(--muted)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 12px;transform:translateY(-150%);border:1px solid var(--accent);background:var(--panel-strong);color:var(--ink);text-decoration:none}.skip-link:focus{transform:translateY(0)}.cinematic-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:linear-gradient(90deg,#050303f0,#0a0505a8,#050303e6),radial-gradient(circle at 52% 118%,rgba(255,60,35,.27),transparent 46%),linear-gradient(135deg,#070404,#0d0808 47%,#040202)}.cinematic-bg:before{content:"";position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background:linear-gradient(104deg,transparent 46%,rgba(255,56,34,.2) 46.2%,transparent 46.7%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);transform:rotate(-2deg)}.cinematic-word{position:absolute;right:-1vw;bottom:-12vh;color:#ffede406;font:42vw/.75 var(--font-display);letter-spacing:-.06em;-webkit-user-select:none;user-select:none}#app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;padding:0 clamp(10px,1.5vw,28px) max(8px,env(safe-area-inset-bottom))}#topbar{min-height:86px;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(220px,1.35fr) auto;align-items:center;gap:clamp(16px,2vw,34px);border-bottom:1px solid var(--line);position:relative}#topbar:after{content:"";position:absolute;left:0;bottom:-1px;width:min(240px,25vw);height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.brand{align-self:stretch;display:flex;flex-direction:column;justify-content:center;color:inherit;text-decoration:none}.brand-kicker,.meta-label,.side-kicker,.hud-label,.control-label,.timeline-label{color:var(--muted);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand-kicker{color:var(--accent-hot)}.brand-name{margin-top:1px;font:clamp(29px,2.25vw,42px)/.9 var(--font-display);letter-spacing:.2em}#match-meta{min-width:0;display:grid;grid-template-columns:minmax(0,auto) auto;align-items:baseline;column-gap:12px}#match-meta .meta-label{grid-column:1 / -1;margin-bottom:2px}#match-name{overflow:hidden;color:var(--ink);font-size:clamp(15px,1.3vw,20px);text-overflow:ellipsis;white-space:nowrap}#match-map{padding-left:12px;border-left:1px solid var(--line);font:10px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.outcome-shell{min-width:150px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.status-light{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent-hot);box-shadow:0 0 12px var(--accent);animation:status-pulse 2.4s ease-in-out infinite}#outcome{font:10px/1.3 var(--font-mono);letter-spacing:.07em;text-align:right;text-transform:uppercase;white-space:nowrap}#outcome b{font-size:11px}#share-tools{display:flex;gap:6px}#share-tools button{min-height:38px;padding:0 14px}.button-primary{border-color:var(--accent);background:var(--accent);color:#130706}.button-primary:hover{border-color:var(--accent-hot);background:var(--accent-hot)}.button-secondary{background:#0c0707c7}#body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,25vw,430px);gap:clamp(10px,1.15vw,20px);padding:clamp(10px,1.25vw,18px) 0 10px}#stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,75,53,.3);background:#080707;box-shadow:var(--shadow)}#stage:before,#stage:after{content:"";position:absolute;z-index:5;pointer-events:none}#stage:before{top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,222,207,.04);background:linear-gradient(90deg,#ff4b35e6,#ff4b35e6) left top / 38px 2px no-repeat,linear-gradient(#ff4b35e6,#ff4b35e6) left top / 2px 38px no-repeat,linear-gradient(90deg,#ff4b35bf,#ff4b35bf) right bottom / 38px 2px no-repeat,linear-gradient(#ff4b35bf,#ff4b35bf) right bottom / 2px 38px no-repeat}#stage:after{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.012) 4px 5px);mix-blend-mode:screen}#map{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 52% 42%,#171313,#0b0909 54%,#050404)}.stage-heading{position:absolute;top:0;left:50%;z-index:6;width:min(420px,44%);display:flex;justify-content:space-between;gap:20px;padding:7px 16px 8px;transform:translate(-50%);border:1px solid var(--line);border-top:0;background:#0a0606d1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:var(--muted);font:8px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:none}.stage-heading span:last-child{color:var(--accent-hot)}.replay-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:var(--muted);text-align:center}#hud-overlay{position:absolute;top:18px;left:18px;z-index:7;width:min(360px,calc(100% - 36px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,75,53,.09),transparent 48%),#0b0707d6;box-shadow:0 18px 50px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;pointer-events:none}.hud-item{min-width:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.hud-item+.hud-item{border-left:1px solid var(--line)}.hud-leader{grid-column:1 / -1;border-top:1px solid var(--line);border-left:0!important}#hud-overlay b{color:var(--ink)}#when,#alive,#leader{overflow:hidden;font:11px/1.35 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}#hud-overlay .swatch,.sw{display:inline-block;width:10px;height:10px;flex-shrink:0;border:1px solid rgba(255,255,255,.3);border-radius:1px;vertical-align:middle}#hud-overlay .swatch{margin-right:6px;box-shadow:0 0 9px currentColor}#map-layers{position:absolute;top:18px;right:18px;z-index:7;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid var(--line);background:#0b0707d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#map-layers .control-label{padding:0 8px 0 5px}#map-layers .maplayer{min-height:28px;padding:0 10px;border-color:transparent;background:transparent}button.is-on,#map-layers .maplayer.is-on{border-color:var(--accent);background:var(--accent);color:#140706}#victorybar{position:absolute;right:18px;bottom:18px;left:18px;z-index:7;height:24px;overflow:hidden;border:1px solid var(--line);background:#070404e6;box-shadow:0 8px 28px #0000006b}#victoryfill{width:0;height:100%;background:linear-gradient(90deg,#d82f22,var(--accent),var(--amber));box-shadow:0 0 18px #ff4b3570;transition:width 80ms linear}#victorybar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff7f0;font:8px/22px var(--font-mono);font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 4px #000}#banner{position:absolute;right:0;bottom:58px;left:0;z-index:8;width:max-content;max-width:calc(100% - 36px);margin:auto;padding:14px 20px;border:1px solid var(--accent);background:#120908f5;box-shadow:0 16px 52px #000000a6;font-family:var(--font-mono);font-size:12px;text-align:center}.replay-count{padding:2px 4px;border:1px solid rgba(0,0,0,.62);border-radius:2px;background:var(--owner, #ccc);color:#050303;font:800 9px/1 var(--font-mono);white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #00000047}.hide-markers .replay-count{display:none!important}.rc-badge{display:block;margin-top:2px;color:#ffd98a;font-size:7px;font-weight:800;letter-spacing:.02em;text-shadow:0 0 3px #000}#side{min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding-right:4px;scrollbar-color:rgba(255,75,53,.5) rgba(255,255,255,.035);scrollbar-width:thin}#side::-webkit-scrollbar,.highlights::-webkit-scrollbar{width:5px}#side::-webkit-scrollbar-track,.highlights::-webkit-scrollbar-track{background:#ffffff06}#side::-webkit-scrollbar-thumb,.highlights::-webkit-scrollbar-thumb{background:#ff4b357a}.side-intro{min-height:60px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:9px 14px;border:1px solid var(--line-strong);background:linear-gradient(115deg,rgba(255,75,53,.14),transparent 52%),#0e0808e6}.side-intro strong{margin-top:2px;font:19px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.side-kicker{color:var(--accent-hot)}.side-card{position:relative;flex:0 0 auto;padding:13px 14px 14px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,75,53,.055),transparent 38%),var(--panel);box-shadow:0 12px 34px #0003}.side-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:34px;background:var(--accent)}.card-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:10px}.card-index{color:var(--accent-hot);font:8px/1 var(--font-mono);letter-spacing:.12em}.side-card h2{margin:0;color:var(--ink);font:13px/1 var(--font-mono);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.side-card h2 .muted{margin-left:5px;font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.scoreboard,.highlights,.final-stats{margin:0;padding:0;list-style:none}.scoreboard{display:flex;flex-direction:column;gap:4px}.scoreboard li{display:grid;grid-template-columns:20px 10px minmax(0,1fr);align-items:center;gap:3px 7px;padding:7px 8px;border:1px solid transparent;background:#ffffff05;font-size:11px}.scoreboard li.lead{border-color:#ff4b355c;background:linear-gradient(90deg,#ff4b3524,#ff4b3505)}.scoreboard li.dead{filter:grayscale(.8);opacity:.44}.scoreboard .rk{color:var(--muted);font:9px/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:center}.scoreboard .nm{overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.scoreboard .st{grid-column:1 / -1;color:var(--muted);font:9px/1.35 var(--font-mono);font-variant-numeric:tabular-nums}.scoreboard .st2{opacity:.75}.scoreboard b{color:var(--muted-strong)}.chart-head{display:flex;flex-direction:column;align-items:stretch;gap:2px}.chart-head .card-heading{margin-bottom:7px}#metric-tabs{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}.metric{min-height:24px;padding:0 7px;border-color:#ffffff0e;background:#ffffff05;color:var(--muted);font-size:8px}#chart{width:100%;height:130px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px) 0 0 / 100% 25%,#00000029;cursor:crosshair}.chart-svg{display:block;width:100%;height:100%}.highlights{max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:3px;font-size:11px;scrollbar-color:rgba(255,75,53,.5) transparent;scrollbar-width:thin}.highlights li{padding:7px 8px;border:1px solid transparent;background:#ffffff05;cursor:pointer;transition:border-color .15s ease,background .15s ease}.highlights li:hover{border-color:#ff4b3547;background:#ff4b3514}.highlights li.muted{cursor:default}.hl-day{margin-right:5px;color:var(--amber);font:9px/1 var(--font-mono);font-variant-numeric:tabular-nums}.timeline li{padding-left:9px;border-left:2px solid var(--line)}.timeline li.ev-nuke{border-left-color:#ff382e}.timeline li.ev-strike{border-left-color:#ff983d}.timeline li.ev-treaty{border-left-color:#64a5ff}.timeline li.ev-battle{border-left-color:#ff654f}.timeline li.ev-capture{border-left-color:#4fbf83}.timeline li.ev-elim{border-left-color:#796c68}.timeline li.ev-win{border-left-color:var(--amber)}.final-stats{display:flex;flex-direction:column;gap:6px;font-size:11px}.final-stats li{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:4px 7px;padding:6px 8px;background:#ffffff05}.final-stats .nm{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.final-stats .fs{grid-column:1 / -1;color:var(--muted);font:9px/1.45 var(--font-mono);font-variant-numeric:tabular-nums}#timeline{min-height:76px;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:clamp(12px,2vw,28px);padding:10px 0 2px;border-top:1px solid var(--line);position:relative}#timeline:before{content:"CONTROLE DE MISSÃO";position:absolute;top:-5px;left:16px;padding:0 8px;background:var(--bg);color:var(--accent-hot);font:7px/1 var(--font-mono);letter-spacing:.18em}.transport-controls{display:grid;grid-template-columns:minmax(100px,1.35fr) minmax(90px,1fr);gap:5px}.transport-controls button{min-height:42px;padding:0 16px}.transport-main{border-color:var(--accent);background:var(--accent);color:#150706}.transport-main:hover{background:var(--accent-hot)}.transport-main:before{content:"";display:inline-block;width:8px;height:10px;margin-right:8px;border-right:2px solid currentColor;border-left:2px solid currentColor;vertical-align:-1px}.transport-main.is-paused:before{width:0;height:0;border-top:5px solid transparent;border-right:0;border-bottom:5px solid transparent;border-left:8px solid currentColor}.transport-reset:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border:2px solid var(--accent-hot);border-right-color:transparent;border-radius:50%;vertical-align:-2px}.scrub-shell,#speed-wrap{display:flex;flex-direction:column;gap:6px}#scrub{width:100%;min-width:120px;height:14px;margin:0;accent-color:var(--accent);cursor:pointer}#scrub::-webkit-slider-runnable-track{height:3px;border:0;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.14))}#scrub::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid #1b0907;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--amber);box-shadow:0 0 12px #ffb23e70}#scrub::-moz-range-track{height:3px;background:#ffffff24}#scrub::-moz-range-progress{height:3px;background:var(--accent)}#scrub::-moz-range-thumb{width:12px;height:12px;border:2px solid #1b0907;border-radius:50%;background:var(--amber)}.speed-buttons{display:flex;gap:3px}.spd{min-height:30px;padding:0 8px;color:var(--muted);font-size:8px}#video-export{position:fixed;right:18px;bottom:92px;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 30px 12px 12px;border:1px solid var(--line-strong);background:#0d0707f5;box-shadow:var(--shadow)}#video-export[hidden]{display:none}.video-export-close{position:absolute;top:4px;right:4px;background:transparent;border:0;color:var(--muted);font-size:16px;line-height:1;padding:4px 8px;cursor:pointer}.video-export-close:hover{color:var(--ink)}#video-canvas{width:90px;height:160px;border:1px solid var(--line);background:#050303}.video-status{max-width:260px;color:var(--ink);font:11px/1.5 var(--font-mono)}.download-video{color:var(--amber)}@keyframes status-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:1180px){#topbar{grid-template-columns:auto minmax(180px,1fr) auto}.outcome-shell{display:none}#body{grid-template-columns:minmax(0,1fr) 340px}#share-tools button{padding-inline:10px;font-size:8px}.stage-heading{display:none}}@media(max-width:900px){html,body{height:auto;min-height:100%;overflow:auto}#app{min-height:100dvh;height:auto;display:flex;flex-direction:column}#topbar{min-height:auto;grid-template-columns:1fr auto;gap:12px;padding:14px 0}#match-meta{grid-column:1 / -1;grid-row:2}.topbar-actions{grid-column:2;grid-row:1}#share-tools #share-link{display:none}#body{display:flex;flex-direction:column;padding-top:10px}#stage{min-height:57vh}#side{overflow:visible;padding-right:0}#timeline{grid-template-columns:1fr;gap:12px;padding:18px 0 14px}.transport-controls{order:2}.scrub-shell{order:1}#speed-wrap{order:3}}@media(max-width:560px){#app{padding-inline:8px}.brand-kicker{font-size:7px;letter-spacing:.1em}.brand-name{font-size:30px}#share-tools button{min-height:34px;max-width:128px;padding-inline:8px;line-height:1.2}#match-meta{grid-template-columns:minmax(0,1fr)}#match-map{margin-top:2px;padding-left:0;border-left:0}#stage{min-height:62vh}#hud-overlay{top:10px;left:10px;width:calc(100% - 20px)}#map-layers{top:auto;right:10px;bottom:43px}#map-layers .control-label{display:none}#victorybar{right:10px;bottom:10px;left:10px}#banner{bottom:76px}.side-intro{min-height:54px}.side-card{padding-inline:11px}.speed-buttons{display:grid;grid-template-columns:repeat(4,1fr)}.spd{padding-inline:3px}#video-export{right:8px;bottom:8px;left:8px}}@media(max-height:720px)and (min-width:901px){#topbar{min-height:70px}.brand-name{font-size:30px}#body{padding-block:8px}#timeline{min-height:62px;padding-top:8px}.transport-controls button{min-height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}