/* ======================================================================
   R3H — LEAN COMBAT OPERATIONS BASELINE
   Real DOM/CSS UI. The reference mockup is NOT used as a background.
   Locked combat battlefield: 20 columns × 18 rows.
   ====================================================================== */
#combatScreen{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;background:#01060b;color:#eaf4fb;overflow:hidden;contain:layout paint size;}
#combatScreen .r3h-stage{position:absolute;left:50%;top:50%;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,calc(100vw * 9 / 16));transform:translate(-50%,-50%);overflow:hidden;background:
  radial-gradient(ellipse at 51% 45%,rgba(6,25,39,.98) 0%,rgba(2,10,17,.99) 58%,#01050a 100%);
  box-shadow:0 0 80px rgba(0,0,0,.85);isolation:isolate;contain:layout paint size;}
#combatScreen .r3h-stage::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:
  linear-gradient(90deg,rgba(114,203,242,.025) 1px,transparent 1px),
  linear-gradient(rgba(114,203,242,.018) 1px,transparent 1px),
  radial-gradient(ellipse at 50% 44%,transparent 48%,rgba(0,0,0,.33) 100%);
  background-size:42px 42px,42px 42px,100% 100%;opacity:.58;}
#combatScreen .r3h-stage::after{content:"";position:absolute;inset:7px;pointer-events:none;z-index:50;border:1px solid rgba(177,218,241,.22);clip-path:polygon(0 0,22% 0,23.3% 1.3%,76.7% 1.3%,78% 0,100% 0,100% 100%,78% 100%,76.7% 98.7%,23.3% 98.7%,22% 100%,0 100%);box-shadow:inset 0 0 28px rgba(68,160,210,.05);}
.r3h-header{position:absolute;left:1.15%;right:1.15%;top:.65%;height:7.65%;z-index:6;display:flex;align-items:center;justify-content:center;border:0;background:transparent;overflow:hidden;}
.r3h-header-art{display:block;width:58%;height:100%;object-fit:fill;filter:drop-shadow(0 2px 6px rgba(0,0,0,.72));}
.r3h-main{position:absolute;left:.9%;right:.9%;top:8.55%;bottom:7.8%;z-index:5;display:grid;grid-template-columns:18.2% 62.0% 19.8%;gap:.72%;min-width:0;min-height:0;overflow:hidden;contain:layout paint;}
.r3h-panel,.r3h-center-frame{position:relative;min-width:0;min-height:0;border:1px solid rgba(147,193,220,.22);background:linear-gradient(180deg,rgba(2,10,16,.94),rgba(1,7,12,.97));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 10px 35px rgba(0,0,0,.38);overflow:hidden;}
.r3h-panel::before,.r3h-center-frame::before{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(95,170,210,.08);z-index:2;}
.r3h-panel-title{position:relative;height:38px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid rgba(165,205,228,.19);font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;font-size:clamp(14px,1vw,18px);font-weight:500;letter-spacing:.19em;text-transform:uppercase;color:rgba(232,242,248,.86);background:linear-gradient(180deg,rgba(10,23,33,.76),rgba(4,12,18,.34));z-index:3;}
.r3h-left{display:grid;grid-template-rows:31.5% 30% 37.2%;gap:.66%;min-height:0;background:transparent;border:none;box-shadow:none;overflow:hidden;}
.r3h-right{display:grid;grid-template-rows:28% 42% 28.7%;gap:.66%;min-height:0;background:transparent;border:none;box-shadow:none;overflow:hidden;}
.r3h-insignia-panel{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 46%,rgba(3,26,43,.76),rgba(1,7,12,.98) 72%);}
.r3h-insignia-panel img{width:100%;height:100%;object-fit:fill;filter:none;opacity:1;}
.r3h-minimap-panel{display:flex;flex-direction:column;}
.r3h-mini-wrap{position:relative;flex:1;min-height:0;margin:8px 10px 10px;border:1px solid rgba(91,192,243,.42);background:#021522;overflow:hidden;box-shadow:inset 0 0 24px rgba(0,0,0,.66),0 0 10px rgba(46,151,209,.08);}
.r3h-mini-grid{position:absolute;inset:0;background-color:#031a2a;background-image:
  radial-gradient(ellipse at 26% 20%,rgba(42,118,158,.12),transparent 39%),
  radial-gradient(ellipse at 76% 72%,rgba(13,72,107,.14),transparent 44%),
  linear-gradient(rgba(109,183,220,.14) 1px,transparent 1px),
  linear-gradient(90deg,rgba(109,183,220,.14) 1px,transparent 1px);
  background-size:auto,auto,5% 5.5556%,5% 5.5556%;overflow:hidden;}
.r3h-mini-grid::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:screen;opacity:.42;}
.r3h-radar-scan{position:absolute;z-index:30;left:-46%;top:-8%;width:34%;height:118%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(46,178,255,.05) 10%,rgba(63,193,255,.23) 70%,rgba(170,235,255,.52) 98%,transparent 100%);transform:skewX(-18deg);filter:blur(.2px);box-shadow:8px 0 20px rgba(58,183,255,.13);animation:r3hRadarRect 4.8s linear infinite;mix-blend-mode:screen;}
@keyframes r3hRadarRect{0%{left:-48%}100%{left:116%}}
.r3h-mini-pulse{position:absolute;z-index:32;width:10px;height:10px;border:1px solid rgba(221,250,255,.92);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(108,218,255,.9);animation:r3hMiniPulse 1.2s ease-out both;pointer-events:none;}
@keyframes r3hMiniPulse{0%{opacity:1;scale:.4}100%{opacity:0;scale:3.2}}
.r3h-roster-panel{display:flex;flex-direction:column;}
.r3h-roster{position:relative;z-index:3;flex:1;min-height:0;padding:2px 7px 7px;display:grid;grid-template-rows:repeat(7,minmax(0,1fr));}
.r3h-unit-row{display:grid;grid-template-columns:20px minmax(56px,37%) 1fr auto;align-items:center;gap:4px;min-height:0;border-bottom:1px solid rgba(178,211,231,.105);padding:2px 2px;color:rgba(232,241,247,.87);font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;}
.r3h-unit-row:last-child{border-bottom:none}.r3h-unit-index{font-size:clamp(12px,.82vw,15px);color:rgba(220,235,244,.80);text-align:center}.r3h-unit-thumb{height:100%;min-height:25px;display:flex;align-items:center;justify-content:center;overflow:visible;}
.r3h-unit-name{font-size:clamp(12px,.86vw,16px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r3h-unit-name b{font-weight:600;color:#f1f7fb;}
.r3h-unit-status{font-size:clamp(12px,.78vw,14px);letter-spacing:.10em;text-transform:uppercase;text-align:right;padding-right:4px;color:#52c9ff;white-space:nowrap;text-shadow:0 0 8px rgba(75,192,241,.16)}
.r3h-unit-row[data-state="damaged"] .r3h-unit-status{color:#ff745f;text-shadow:0 0 9px rgba(255,76,52,.19)}
.r3h-unit-row[data-state="destroyed"]{opacity:.64}.r3h-unit-row[data-state="destroyed"] .r3h-unit-status{color:#ff4936}.r3h-unit-row[data-state="destroyed"] .r3h-unit-thumb{filter:grayscale(1) brightness(.55) sepia(.18)}
.r3h-center-frame{background:#020a12;display:flex;align-items:stretch;justify-content:stretch;padding:6px;overflow:hidden;contain:layout paint;}
.r3h-battle-shell{position:relative;flex:1;min-width:0;min-height:0;border:1px solid rgba(81,171,217,.37);background:#02111d;overflow:hidden;contain:layout paint size;box-shadow:inset 0 0 36px rgba(0,0,0,.82),0 0 17px rgba(59,154,205,.08);}
.r3h-battle-shell::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(ellipse at 22% 18%,rgba(28,91,126,.12),transparent 35%),
  radial-gradient(ellipse at 71% 76%,rgba(7,58,91,.15),transparent 43%),
  repeating-linear-gradient(165deg,rgba(94,169,207,.025) 0 1px,transparent 1px 7px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px);mix-blend-mode:screen;}
.r3h-battle-grid{position:absolute;inset:0;z-index:3;cursor:none;overflow:hidden;contain:layout paint size;background-color:#020b1b;background-image:
  radial-gradient(ellipse at 34% 24%,rgba(31,68,119,.17),transparent 42%),
  radial-gradient(ellipse at 72% 68%,rgba(9,35,78,.24),transparent 49%),
  linear-gradient(155deg,#07162d 0%,#030d20 48%,#010817 100%);
  background-size:auto,auto,100% 100%;}
.r3h-battle-grid::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:100;background:radial-gradient(ellipse at 50% 48%,transparent 58%,rgba(0,0,0,.26) 100%);}
.r3h-grid-label{display:none;position:absolute;z-index:110;pointer-events:none;font-size:clamp(12px,.68vw,13px);font-family:Consolas,monospace;color:rgba(188,219,235,.58);text-shadow:0 1px 2px #000;}
.r3h-grid-label.col{top:3px;transform:translateX(-50%)}.r3h-grid-label.row{left:5px;transform:translateY(-50%)}
.r3h-island-wrap{position:absolute;z-index:18;pointer-events:none;overflow:visible;contain:layout paint}.r3h-island-wrap img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:fill;transform-origin:center;filter:brightness(.60) saturate(.68) contrast(1.08) drop-shadow(0 5px 4px rgba(0,0,0,.55));}
.r3h-minimap-island img{filter:brightness(.44) saturate(.55) contrast(1.05) drop-shadow(0 1px 2px rgba(0,0,0,.55));}
.r3h-effects-layer{position:absolute;inset:0;z-index:70;pointer-events:none;overflow:hidden;contain:strict}
.r3h-reticle{position:absolute;z-index:80;pointer-events:none;border:1px solid rgba(181,235,255,.82);background:rgba(60,188,249,.045);box-shadow:inset 0 0 14px rgba(84,192,242,.13),0 0 8px rgba(67,168,218,.22);display:none;}
.r3h-reticle.show{display:block}.r3h-reticle::before,.r3h-reticle::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(223,248,255,.95) 38% 62%,transparent)}
.r3h-reticle::before{width:82%;height:1px}.r3h-reticle::after{height:82%;width:1px;background:linear-gradient(180deg,transparent,rgba(223,248,255,.95) 38% 62%,transparent)}.r3h-reticle .ring{position:absolute;left:50%;top:50%;width:55%;aspect-ratio:1;border:2px solid rgba(205,243,255,.92);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px rgba(89,205,255,.62),inset 0 0 7px rgba(89,205,255,.24);animation:r3hReticleLock 1.15s ease-in-out infinite alternate}.r3h-reticle .ring::before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#ecfbff;transform:translate(-50%,-50%);box-shadow:0 0 7px #6ed6ff}.r3h-reticle .ring::after{content:"";position:absolute;inset:-5px;border:1px dashed rgba(119,213,255,.48);border-radius:50%}
.r3h-reticle.blocked{border-color:rgba(255,102,83,.76);background:rgba(255,67,45,.05)}.r3h-reticle.blocked::before,.r3h-reticle.blocked::after{background:rgba(255,120,103,.68)}.r3h-reticle.blocked .ring{border-color:rgba(255,126,109,.84);box-shadow:0 0 7px rgba(255,75,54,.55)}
@keyframes r3hReticleLock{from{transform:translate(-50%,-50%) scale(.92);opacity:.72}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.r3h-shot-marker{position:absolute;z-index:36;pointer-events:none;display:grid;place-items:center;font:bold clamp(12px,.78vw,14px) Consolas,monospace;text-shadow:0 1px 2px #000;}
.r3h-shot-marker.miss{color:#89a6c7}.r3h-shot-marker.sonar-1{color:#7e9fca}.r3h-shot-marker.sonar-2{color:#d4b15c}.r3h-shot-marker.sonar-3{color:#ef8546}.r3h-shot-marker.sonar-alert{color:#ff493b;font-size:clamp(15px,1.02vw,19px);text-shadow:0 0 10px rgba(255,49,34,.82),0 1px 2px #000}.r3h-shot-marker.hit{color:#ff9d70}.r3h-shot-marker::before{content:"";position:absolute;width:28%;aspect-ratio:1;border-radius:50%;border:1px solid currentColor;opacity:.58;box-shadow:0 0 8px currentColor;}
.r3h-missile{position:absolute;z-index:65;height:2px;transform-origin:0 50%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(142,222,255,.22) 18%,rgba(226,251,255,.96) 84%,white);filter:drop-shadow(0 0 5px rgba(117,211,255,.7));animation:r3hMissileFlight .38s cubic-bezier(.25,.68,.34,1) both;}
.r3h-missile::after{content:"";position:absolute;right:-2px;top:50%;width:5px;height:5px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 9px #d8f7ff;}
@keyframes r3hMissileFlight{0%{clip-path:inset(0 100% 0 0);opacity:.1}72%{opacity:1}100%{clip-path:inset(0 0 0 0);opacity:.20}}
.r3h-impact{position:absolute;z-index:72;pointer-events:none;transform:translate(-50%,-50%);}
.r3h-impact.hit{border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#ffd59c 6%,#ff8a45 15%,rgba(255,80,37,.56) 28%,rgba(255,52,24,.14) 44%,transparent 67%);filter:drop-shadow(0 0 9px rgba(255,91,44,.9));animation:r3hImpactHit .85s ease-out both;}
.r3h-impact.hit::before,.r3h-impact.hit::after{content:"";position:absolute;left:50%;top:50%;width:12%;height:95%;background:linear-gradient(transparent,rgba(255,227,182,.87),transparent);transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(42deg);filter:blur(.7px)}.r3h-impact.hit::after{transform:translate(-50%,-50%) rotate(-48deg)}
@keyframes r3hImpactHit{0%{scale:.18;opacity:.1}18%{scale:1.2;opacity:1}100%{scale:1.75;opacity:0}}
.r3h-impact.splash{background:radial-gradient(ellipse at 50% 78%,rgba(216,247,255,.72) 0 4%,rgba(118,210,246,.26) 22%,transparent 50%);animation:r3hSplash .9s ease-out both;}
.r3h-impact.splash::before,.r3h-impact.splash::after{content:"";position:absolute;bottom:20%;left:45%;width:8%;height:65%;border-radius:50%;background:linear-gradient(to top,rgba(149,224,250,.12),rgba(233,251,255,.94) 68%,transparent);filter:blur(.4px);transform:rotate(-9deg);}.r3h-impact.splash::after{left:58%;height:52%;transform:rotate(13deg);opacity:.72}
@keyframes r3hSplash{0%{scale:.2;opacity:.1}24%{scale:1;opacity:1}100%{scale:1.4;opacity:0}}
.r3h-wreck{position:absolute;z-index:27;pointer-events:none;opacity:.98}.r3h-wreck.burning{filter:drop-shadow(0 4px 5px rgba(0,0,0,.76))}.r3h-wreck.charred{filter:grayscale(.38) brightness(.66) contrast(1.22) drop-shadow(0 4px 5px rgba(0,0,0,.7));opacity:.94}.r3h-wreck-status{position:absolute;left:50%;top:50%;z-index:70;transform:translate(-50%,-50%) rotate(-7deg);padding:.22em .46em;border:2px solid #ff4c38;background:rgba(19,3,5,.88);color:#fff0ea;font:800 clamp(10px,.82vw,16px) Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 0 14px rgba(255,54,35,.68);animation:r3hWreckStamp 2.2s ease-out both;white-space:nowrap}
@keyframes r3hWreckStamp{0%{opacity:0;scale:1.7}18%{opacity:1;scale:1}78%{opacity:1}100%{opacity:0}}
.r3h-damage-cluster{position:absolute;z-index:39;pointer-events:none;overflow:visible;isolation:isolate}.r3h-hull-fire.partial{z-index:40;border-radius:34%;opacity:.98;filter:drop-shadow(0 0 10px rgba(255,71,19,.92)) saturate(1.2)}
.r3h-hull-fire{position:absolute;z-index:35;pointer-events:none;border-radius:46%;overflow:visible;background:linear-gradient(90deg,transparent 1%,rgba(255,43,12,.18) 14%,rgba(255,142,38,.24) 48%,rgba(255,49,15,.18) 82%,transparent 99%),radial-gradient(ellipse at 18% 53%,rgba(255,242,188,.92) 0 2%,#ff7b1b 5%,rgba(236,38,9,.62) 13%,transparent 25%),radial-gradient(ellipse at 51% 46%,rgba(255,227,157,.9) 0 2%,#ff8a1f 6%,rgba(228,34,8,.62) 15%,transparent 31%),radial-gradient(ellipse at 82% 56%,rgba(255,235,174,.86) 0 2%,#ff6a14 6%,rgba(213,26,7,.56) 14%,transparent 28%);mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(255,69,20,.82));animation:r3hHullFire 1.05s ease-in-out infinite alternate}
.r3h-hull-flame{position:absolute;z-index:2;bottom:24%;width:22%;height:74%;border-radius:50% 50% 42% 42%;transform-origin:50% 100%;background:linear-gradient(to top,rgba(255,33,5,.72),#ff8c21 50%,rgba(255,242,179,.95) 72%,transparent);filter:blur(.5px);animation:r3hFlameTongue .74s ease-in-out infinite alternate}.r3h-hull-flame.f1{left:9%;animation-delay:-.18s}.r3h-hull-flame.f2{left:39%;height:92%;animation-delay:-.44s}.r3h-hull-flame.f3{right:8%;height:68%;animation-delay:-.62s}
.r3h-hull-smoke{position:absolute;z-index:1;top:8%;width:29%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(82,87,91,.72),rgba(24,28,31,.46) 54%,transparent 74%);filter:blur(1px);animation:r3hHullSmoke 3.8s ease-out infinite}.r3h-hull-smoke.s1{left:9%}.r3h-hull-smoke.s2{left:38%;animation-delay:-1.25s}.r3h-hull-smoke.s3{right:7%;animation-delay:-2.5s}
.r3h-residual-haze{position:absolute;z-index:34;left:8%;right:8%;top:18%;height:48%;border-radius:50%;background:radial-gradient(ellipse,rgba(54,61,66,.38),transparent 68%);filter:blur(2px);animation:r3hResidualHaze 3.8s ease-in-out infinite alternate}
@keyframes r3hHullFire{from{opacity:.7;filter:drop-shadow(0 0 5px rgba(255,59,18,.62))}to{opacity:1;filter:drop-shadow(0 0 12px rgba(255,112,27,.92))}}@keyframes r3hFlameTongue{from{transform:scale(.72,.78) rotate(-4deg);opacity:.6}to{transform:scale(1.04,1.12) rotate(4deg);opacity:.95}}@keyframes r3hHullSmoke{0%{transform:translate(0,14%) scale(.52);opacity:0}18%{opacity:.62}100%{transform:translate(24%,-165%) scale(1.65);opacity:0}}@keyframes r3hResidualHaze{from{transform:translateY(0) scale(.9);opacity:.2}to{transform:translateY(-14%) scale(1.08);opacity:.43}}
.r3h-command-panel{display:flex;flex-direction:column;}.r3h-command-grid{position:relative;z-index:3;display:flex;flex-direction:column;gap:7px;padding:8px 10px 10px;flex:1;min-height:0;}.r3h-command-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:0 0 auto}.r3h-wide-control{grid-column:1/-1;min-height:28px}.r3h-audio-controls{display:grid;grid-template-rows:1fr 1fr;gap:5px;min-height:0;flex:1}.r3h-audio-row{display:grid;grid-template-columns:37% 1fr;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;min-height:0}.r3h-audio-row .r3h-audio-toggle{grid-row:1/-1;min-height:0}.r3h-audio-row label{font:600 clamp(9px,.57vw,11px) Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(199,214,228,.72);align-self:end}.r3h-volume{width:100%;height:12px;margin:0;accent-color:#5f82bd;cursor:pointer;align-self:start}
.r3h-home-btn{position:absolute;left:1.8%;top:2.2%;z-index:140;border:1px solid rgba(112,199,239,.46);background:rgba(2,13,22,.90);color:#dcecf5;padding:.72% 1.15%;font:600 clamp(10px,.68vw,13px) Consolas,'Courier New',monospace;letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 0 14px rgba(37,148,209,.08);}
.r3h-home-btn:hover{border-color:rgba(166,229,255,.85);background:rgba(8,35,52,.96);}
.r3h-combat-cgh{position:absolute;right:1.55%;top:1.55%;z-index:140;width:12.5%;min-width:126px;padding:.38% .55%;border:1px solid rgba(89,118,164,.58);background:linear-gradient(180deg,rgba(7,12,25,.96),rgba(2,6,15,.96));box-shadow:inset 0 0 12px rgba(54,91,149,.12),0 4px 16px rgba(0,0,0,.5);transition:filter .18s,border-color .18s}.r3h-combat-cgh img{display:block;width:100%;height:auto}.r3h-combat-cgh:hover,.r3h-combat-cgh:focus-visible{outline:none;filter:brightness(1.16);border-color:rgba(146,172,213,.92)}
.r3h-command-btn{border:1px solid rgba(97,193,242,.48);background:linear-gradient(180deg,rgba(5,27,42,.84),rgba(2,12,20,.96));color:#e9f3f8;letter-spacing:.06em;font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;font-size:clamp(13px,.9vw,17px);text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 12px rgba(84,190,242,.04);transition:background .18s,border-color .18s,filter .18s;}
.r3h-command-btn:hover,.r3h-command-btn:focus-visible{outline:none;border-color:rgba(149,225,255,.78);background:linear-gradient(180deg,rgba(8,40,61,.92),rgba(2,17,27,.98));filter:brightness(1.08)}
.r3h-command-btn.off{color:rgba(219,231,238,.60);border-color:rgba(149,175,192,.28);}
.r3h-log-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;contain:layout paint size}.r3h-log-title{justify-content:space-between}.r3h-log-filter{font-size:12px;letter-spacing:.10em;border:1px solid rgba(170,211,234,.22);padding:4px 7px;color:rgba(217,234,244,.74)}
.r3h-log{position:relative;z-index:3;flex:1;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;contain:layout paint size;padding:6px 10px 8px;font:clamp(12px,.78vw,14px)/1.45 Consolas,monospace;color:rgba(195,215,226,.74);scrollbar-color:rgba(94,154,186,.35) transparent;}
.r3h-log-entry{padding:2px 0;white-space:normal}.r3h-log-time{color:rgba(154,181,197,.61);margin-right:7px}.r3h-log-entry.good{color:#6ed6ff}.r3h-log-entry.bad{color:#ff5a43}.r3h-log-entry.warn{color:#ff9d70}.r3h-log-entry.strong{font-weight:700;letter-spacing:.02em}
.r3h-footer{position:absolute;left:1%;right:1%;bottom:1.05%;height:5.3%;z-index:6;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(169,211,234,.15);background:linear-gradient(180deg,rgba(2,8,13,.33),rgba(5,14,21,.78));font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;font-size:clamp(14px,1.05vw,19px);letter-spacing:.42em;text-indent:.42em;color:rgba(226,236,242,.78);text-transform:uppercase;}
.r3h-footer::before,.r3h-footer::after{content:"";position:absolute;top:49%;width:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(78,184,236,.52));}.r3h-footer::before{right:73%}.r3h-footer::after{left:73%;transform:scaleX(-1)}
.r3h-turn-badge{position:absolute;right:11px;top:9px;z-index:115;padding:5px 8px;border:1px solid rgba(111,198,240,.30);background:rgba(2,14,23,.78);font:700 clamp(12px,.78vw,14px) Consolas,monospace;letter-spacing:.08em;color:#79d6ff;text-transform:uppercase;pointer-events:none;}
.r3h-turn-badge.enemy{color:#ff8d75;border-color:rgba(255,98,73,.34)}
.r3h-destroyed-banner{position:absolute;left:50%;top:17%;z-index:160;min-width:38%;padding:10px 18px;transform:translate(-50%,-50%) scale(.92);border:1px solid rgba(255,81,57,.8);background:linear-gradient(90deg,transparent,rgba(45,5,8,.94) 15% 85%,transparent);color:#fff1ec;text-align:center;font:800 clamp(15px,1.4vw,25px) Consolas,monospace;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,63,41,.8);opacity:0;visibility:hidden;pointer-events:none}.r3h-destroyed-banner.show{visibility:visible;animation:r3hDestroyedBanner 2.25s ease-out both}@keyframes r3hDestroyedBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(1.22)}13%{opacity:1;transform:translate(-50%,-50%) scale(1)}76%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.97)}}
.r3h-outcome{position:absolute;inset:0;z-index:440;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease,visibility 0s linear .26s;}
.r3h-outcome.show{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;}
.r3h-outcome-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,rgba(7,33,50,.28),rgba(0,4,8,.90) 62%,rgba(0,2,5,.97));backdrop-filter:blur(4px) brightness(.66);}
.r3h-outcome-backdrop::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(127,214,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:screen;}
.r3h-outcome-card{--outcome-accent:#5dd6ff;position:relative;width:min(620px,72vw);padding:clamp(28px,3.2vw,58px) clamp(32px,4vw,72px) clamp(24px,2.7vw,46px);display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--outcome-accent) 62%,transparent);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);background:linear-gradient(180deg,rgba(8,29,43,.97),rgba(2,10,17,.985));box-shadow:inset 0 0 0 4px rgba(3,10,16,.92),inset 0 0 0 5px color-mix(in srgb,var(--outcome-accent) 17%,transparent),0 0 42px color-mix(in srgb,var(--outcome-accent) 24%,transparent),0 28px 90px rgba(0,0,0,.72);transform:translateY(14px) scale(.985);transition:transform .32s cubic-bezier(.2,.8,.2,1);overflow:hidden;}
.r3h-outcome.show .r3h-outcome-card{transform:translateY(0) scale(1);}
.r3h-outcome[data-result="defeat"] .r3h-outcome-card{--outcome-accent:#ff765f;background:linear-gradient(180deg,rgba(42,17,18,.97),rgba(12,6,9,.99));}
.r3h-outcome-card::before,.r3h-outcome-card::after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--outcome-accent),transparent);opacity:.72;box-shadow:0 0 12px var(--outcome-accent);}
.r3h-outcome-card::before{top:10px}.r3h-outcome-card::after{bottom:10px}
.r3h-outcome-mark{width:clamp(74px,7vw,118px);height:clamp(74px,7vw,118px);margin-bottom:12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--outcome-accent) 38%,transparent);clip-path:polygon(50% 0,94% 24%,94% 72%,50% 100%,6% 72%,6% 24%);background:radial-gradient(circle,color-mix(in srgb,var(--outcome-accent) 14%,transparent),transparent 68%);filter:drop-shadow(0 0 13px color-mix(in srgb,var(--outcome-accent) 35%,transparent));}
.r3h-outcome-mark img{width:94%;height:94%;object-fit:contain;filter:saturate(.9) brightness(1.22);}
.r3h-outcome[data-result="defeat"] .r3h-outcome-mark img{filter:grayscale(.75) sepia(.35) saturate(1.7) brightness(.8);opacity:.78;}
.r3h-outcome-kicker{font:700 clamp(11px,.75vw,14px) Consolas,monospace;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--outcome-accent);text-shadow:0 0 12px color-mix(in srgb,var(--outcome-accent) 58%,transparent);}
.r3h-outcome-title{margin:10px 0 4px;font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;font-size:clamp(48px,5.2vw,88px);line-height:.95;font-weight:300;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:#f4f9fc;text-shadow:0 0 8px rgba(255,255,255,.25),0 0 30px color-mix(in srgb,var(--outcome-accent) 35%,transparent);}
.r3h-outcome-rule{width:min(360px,72%);height:1px;margin:17px 0;background:linear-gradient(90deg,transparent,var(--outcome-accent),transparent);box-shadow:0 0 10px var(--outcome-accent);}
.r3h-outcome-message{max-width:520px;margin:0;color:rgba(224,239,247,.84);font:400 clamp(14px,1.05vw,19px)/1.55 "Arial Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.r3h-outcome-actions{width:100%;margin-top:clamp(22px,2.2vw,36px);display:grid;grid-template-columns:1.35fr 1fr;gap:12px;}
.r3h-outcome-btn{min-height:52px;border:1px solid rgba(157,207,232,.35);background:linear-gradient(180deg,rgba(9,31,45,.94),rgba(2,11,18,.98));color:#e9f5fb;font:600 clamp(13px,.92vw,17px) "Arial Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 15px rgba(76,176,226,.06);transition:filter .18s,border-color .18s,box-shadow .18s;}
.r3h-outcome-btn.primary{border-color:var(--outcome-accent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--outcome-accent) 12%,transparent),0 0 14px color-mix(in srgb,var(--outcome-accent) 18%,transparent);}
.r3h-outcome-btn:hover,.r3h-outcome-btn:focus-visible{outline:none;filter:brightness(1.22);border-color:#d8f5ff;box-shadow:inset 0 0 20px color-mix(in srgb,var(--outcome-accent) 18%,transparent),0 0 18px color-mix(in srgb,var(--outcome-accent) 34%,transparent);}
.r3h-outcome-dismiss{margin-top:18px;padding:7px 12px;border:0;border-bottom:1px solid rgba(173,217,239,.32);background:transparent;color:rgba(202,225,237,.68);font:600 clamp(10px,.69vw,13px) Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;}
.r3h-outcome-dismiss:hover,.r3h-outcome-dismiss:focus-visible{outline:none;color:#f0f9fd;border-color:var(--outcome-accent);}
.r3h-motion-off *{animation-play-state:paused!important}.r3h-motion-off .r3h-reticle{animation:none!important}.r3h-motion-off .r3h-radar-scan{display:none}
#r3hInterstitial{position:absolute;inset:0;z-index:500;background:#000;display:none;align-items:center;justify-content:center}.r3h-interstitial-active #r3hInterstitial{display:flex}#r3hInterstitial video{width:100%;height:100%;object-fit:cover;background:#000}.r3h-video-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.13));}
@media(max-width:1366px){.r3h-main{grid-template-columns:18.6% 61.1% 20.3%;gap:.55%}.r3h-panel-title{height:28px;padding:0 9px}.r3h-roster{padding-left:4px;padding-right:4px}.r3h-unit-row{grid-template-columns:16px minmax(45px,34%) 1fr auto;gap:2px}.r3h-command-grid{padding:6px 7px;gap:4px}.r3h-command-actions{gap:4px}.r3h-audio-controls{gap:3px}.r3h-audio-row{column-gap:4px}.r3h-log{padding:4px 7px}.r3h-mini-wrap{margin:6px 7px 7px}.r3h-insignia-panel img{width:100%;}}
@media(max-height:760px){.r3h-main{top:8.4%;bottom:7.45%}.r3h-left{grid-template-rows:31.5% 29% 38.2%}.r3h-right{grid-template-rows:28% 42% 28.7%}.r3h-unit-row{padding:0 2px}.r3h-command-grid{padding:4px 6px}.r3h-panel-title{height:26px}.r3h-command-btn{font-size:clamp(10px,.78vw,14px)}.r3h-wide-control{min-height:22px}}
@media(max-width:720px){.r3h-outcome-card{width:84vw;padding-left:24px;padding-right:24px}.r3h-outcome-actions{grid-template-columns:1fr}.r3h-outcome-btn{min-height:44px}.r3h-outcome-mark{margin-bottom:5px}.r3h-outcome-rule{margin:11px 0}.r3h-outcome-message{line-height:1.35}}