:root {
  --ink: #04090c;
  --panel: #0a151b;
  --panel-2: #10232b;
  --line: #2b4a55;
  --white: #f8fcff;
  --muted: #91a8b2;
  --green: #36e691;
  --green-dark: #079f5d;
  --blue: #27b9ef;
  --orange: #ffb21a;
  --red: #ff3545;
  --red-deep: #9d0f24;
  --stage-x: 0px;
  --stage-y: 0px;
  --stage-rx: 0deg;
  --stage-ry: 0deg;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
html { color-scheme: dark; background: var(--ink); }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--white);
  background: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.is-booting { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
.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;
}
.noscript { padding: 24px; text-align: center; }

/* Ambient world */
.ambient {
  position: fixed; z-index: -5; inset: 0; overflow: hidden;
  background:
    radial-gradient(circle at 15% 12%, rgba(39,185,239,.12), transparent 31rem),
    radial-gradient(circle at 85% 84%, rgba(54,230,145,.11), transparent 34rem),
    linear-gradient(145deg, #03070a, #07141a 56%, #040a0c);
}
.ambient-grid {
  position: absolute; inset: -20%; opacity: .2;
  transform: perspective(680px) rotateX(61deg) translateY(35%);
  transform-origin: center bottom;
  background-image:
    linear-gradient(rgba(39,185,239,.25) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39,185,239,.25) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to top, #000, transparent 76%);
}
.ambient-glow {
  position: absolute; width: 34rem; aspect-ratio: 1; border-radius: 50%;
  filter: blur(100px); opacity: .12; animation: glow-drift 13s ease-in-out infinite alternate;
}
.glow-blue { top: -15rem; left: -10rem; background: var(--blue); }
.glow-green { right: -14rem; bottom: -17rem; background: var(--green); animation-delay: -5s; }
.glow-red { left: 45%; bottom: -30rem; background: var(--red); opacity: .035; animation-delay: -8s; }
@keyframes glow-drift { to { transform: translate3d(3rem,2rem,0) scale(1.09); } }
.particles { position: absolute; inset: 0; }
.particle {
  position: absolute; bottom: -2rem; width: 2px; height: var(--particle-height, 8px);
  border-radius: 99px; opacity: 0; background: linear-gradient(180deg, transparent, var(--green));
  box-shadow: 0 0 8px rgba(54,230,145,.65);
  animation: particle-rise var(--particle-speed, 12s) linear var(--particle-delay, 0s) infinite;
}
@keyframes particle-rise {
  0% { transform: translate3d(0,0,0); opacity: 0; }
  12% { opacity: .58; } 88% { opacity: .3; }
  100% { transform: translate3d(var(--particle-drift,20px),-110vh,0); opacity: 0; }
}

/* Boot dossier */
.boot-screen {
  position: fixed; z-index: 30; inset: 0; display: grid; place-items: center;
  padding: 24px; overflow: auto;
  background:
    linear-gradient(90deg, rgba(2,7,10,.985), rgba(2,8,11,.9) 48%, rgba(2,7,10,.76)),
    url("/slides/slide-01.png?v=20260820-hd") center / cover no-repeat;
  transition: opacity 300ms ease, filter 300ms ease, visibility 300ms ease;
}
.boot-screen::before {
  content: ""; position: fixed; inset: 0 7vw 0 auto; width: clamp(46px,7vw,110px);
  transform: skewX(-10deg); border-inline: 1px solid rgba(255,178,26,.22);
  background: linear-gradient(180deg, transparent, rgba(255,178,26,.13) 30%, rgba(255,178,26,.02));
}
.boot-screen.is-cut { opacity: 0; filter: brightness(2) contrast(1.4); visibility: hidden; pointer-events: none; }
.boot-scan {
  position: fixed; z-index: 1; inset: -20%; pointer-events: none;
  background: linear-gradient(180deg, transparent 46%, rgba(54,230,145,.09) 49%, transparent 52%);
  animation: boot-scan 5s linear infinite;
}
@keyframes boot-scan { from { transform: translateY(-40%); } to { transform: translateY(40%); } }
.boot-card {
  position: relative; z-index: 2; width: min(890px,100%); padding: clamp(27px,5vw,62px);
  border: 1px solid rgba(145,168,178,.3); border-left: 4px solid var(--green);
  background: linear-gradient(140deg, rgba(14,29,35,.97), rgba(5,12,16,.96));
  box-shadow: 0 40px 130px rgba(0,0,0,.76), 0 0 60px rgba(54,230,145,.08), inset 0 1px rgba(255,255,255,.03);
  clip-path: polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);
  animation: boot-arrive 700ms cubic-bezier(.2,.8,.2,1) both;
}
.boot-card::after {
  content: ""; position: absolute; top: 0; right: 0; width: 28px; height: 28px;
  border-left: 1px solid rgba(255,178,26,.7); background: rgba(255,178,26,.13);
}
@keyframes boot-arrive { from { opacity: 0; transform: translateY(20px) scale(.988); } }
.boot-meta { display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font: 750 .67rem/1.2 ui-monospace,monospace; letter-spacing: .14em; }
.boot-meta span:first-child { color: var(--green); }
.boot-meta i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: signal-pulse 1.5s ease-in-out infinite; }
@keyframes signal-pulse { 50% { opacity: .28; } }
.boot-portrait {
  position: absolute; top: 54px; right: clamp(35px,6vw,72px); width: clamp(88px,13vw,128px); aspect-ratio: 1;
  border: 2px solid rgba(54,230,145,.6); border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 34px rgba(54,230,145,.16); opacity: .88;
}
.boot-portrait img { width: 100%; height: 100%; object-fit: cover; }
.boot-portrait span { position: absolute; inset: -10%; background: linear-gradient(180deg,transparent 38%,rgba(54,230,145,.28) 50%,transparent 62%); animation: portrait-scan 2.8s linear infinite; }
@keyframes portrait-scan { to { transform: translateY(70%); } }
.boot-identity { margin: clamp(35px,6vw,58px) 0 8px; color: var(--blue); font: 750 clamp(.64rem,1.4vw,.78rem)/1.4 ui-monospace,monospace; letter-spacing: .12em; }
.boot-card h1 { max-width: 760px; margin: 0; font-size: clamp(2.15rem,7.2vw,5.2rem); font-weight: 930; line-height: .93; letter-spacing: -.065em; text-transform: uppercase; }
.boot-card h1 em { color: var(--green); font-style: normal; text-shadow: 0 0 34px rgba(54,230,145,.18); }
.boot-copy { max-width: 610px; margin: 23px 0 29px; color: #c6d5da; font-size: clamp(.96rem,2vw,1.1rem); line-height: 1.55; }
.boot-actions { display: flex; align-items: stretch; gap: 12px; flex-wrap: wrap; }
.initialize, .silent-entry { min-height: 58px; border-radius: 4px; cursor: pointer; text-transform: uppercase; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease; }
.initialize { position: relative; min-width: min(100%,295px); padding: 12px 48px 12px 20px; overflow: hidden; border: 1px solid var(--green); color: #03100a; text-align: left; background: linear-gradient(115deg,#86f9be,var(--green)); box-shadow: 0 0 28px rgba(54,230,145,.2); }
.initialize::after { content: "›"; position: absolute; top: 0; right: 0; display: grid; width: 42px; height: 100%; place-items: center; color: var(--white); background: #072219; font-size: 1.9rem; }
.initialize span { display: block; font-weight: 900; letter-spacing: .055em; }
.initialize small { display: block; margin-top: 2px; font-size: .61rem; font-weight: 800; letter-spacing: .08em; opacity: .66; }
.silent-entry { padding: 0 20px; border: 1px solid #37515c; color: #c0d0d6; background: rgba(8,20,25,.82); font-size: .71rem; font-weight: 800; letter-spacing: .09em; }
.initialize:hover, .initialize:focus-visible, .silent-entry:hover, .silent-entry:focus-visible { transform: translateY(-2px); }
.initialize:hover, .initialize:focus-visible { box-shadow: 0 7px 34px rgba(54,230,145,.31); }
.silent-entry:hover, .silent-entry:focus-visible { color: var(--white); border-color: var(--blue); background: rgba(20,47,58,.92); }
.audio-note, .boot-credit { color: #80959e; font-size: .65rem; line-height: 1.45; }
.audio-note { margin: 13px 0 0; } .boot-credit { margin: 6px 0 0; }
.boot-credit a { color: #b8cbd2; text-underline-offset: 2px; }
.boot-progress { width: min(420px,100%); height: 5px; margin-top: 17px; display: flex; gap: 4px; opacity: 0; }
.boot-progress i { height: 100%; flex: 1; background: #17332a; transform: scaleX(.08); transform-origin: left; }
.boot-screen.is-initializing .boot-progress { opacity: 1; }
.boot-screen.is-initializing .boot-progress i { animation: system-load 760ms ease forwards; }
.boot-screen.is-initializing .boot-progress i:nth-child(2){animation-delay:70ms}.boot-screen.is-initializing .boot-progress i:nth-child(3){animation-delay:140ms}.boot-screen.is-initializing .boot-progress i:nth-child(4){animation-delay:210ms}.boot-screen.is-initializing .boot-progress i:nth-child(5){animation-delay:280ms}.boot-screen.is-initializing .boot-progress i:nth-child(6){animation-delay:350ms}.boot-screen.is-initializing .boot-progress i:nth-child(7){animation-delay:420ms}.boot-screen.is-initializing .boot-progress i:nth-child(8){animation-delay:490ms}
@keyframes system-load { to { transform: scaleX(1); background: var(--green); box-shadow: 0 0 12px rgba(54,230,145,.75); } }
.boot-screen.is-initializing .initialize { color: var(--green); border-color: var(--green); background: #071a14; box-shadow: 0 0 36px rgba(54,230,145,.25), inset 0 0 22px rgba(54,230,145,.08); }
.boot-screen.is-initializing .initialize::after { content: "✓"; color: var(--green); }
.boot-screen.is-initializing .silent-entry { opacity: .24; pointer-events: none; }

/* Voice and three-stage ultimate cinematic */
.voice-caption {
  position: fixed; z-index: 45; left: 50%; bottom: clamp(27px,6vh,72px); width: min(900px,calc(100% - 32px));
  padding: 12px 18px 14px; color: var(--white); text-align: center; opacity: 0; visibility: hidden;
  transform: translate(-50%,18px); border-top: 1px solid rgba(54,230,145,.78);
  background: linear-gradient(90deg,transparent,rgba(4,15,14,.89) 20%,rgba(4,15,14,.89) 80%,transparent); pointer-events: none;
}
.voice-caption span { display: block; margin-bottom: 3px; color: var(--green); font: 800 .61rem/1.2 ui-monospace,monospace; letter-spacing: .15em; }
.voice-caption strong { font-size: clamp(1.1rem,3vw,1.8rem); font-weight: 920; letter-spacing: .08em; text-shadow: 0 0 28px rgba(54,230,145,.35); }
.voice-caption.is-live { visibility: visible; animation: voice-live 3.45s ease both; }
@keyframes voice-live { 0%,5%{opacity:0;transform:translate(-50%,18px)} 12%,72%{opacity:1;transform:translate(-50%,0)} 100%{opacity:0;transform:translate(-50%,-12px)} }
.slash-cinematic { position:fixed;z-index:42;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none; }
.slash-cinematic.is-live { opacity:1;visibility:visible; }
.ult-topdown-stage { position:absolute;z-index:3;inset:0;overflow:hidden;background:#07090b; }
.ult-floor {
  position:absolute;inset:0;opacity:.96;
  background:
    radial-gradient(circle at 80% 14%,rgba(255,34,55,.16),transparent 21%),
    linear-gradient(133deg,transparent 48%,rgba(255,255,255,.025) 49%,transparent 50%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.027) 0 1px,transparent 1px 70px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 70px),
    linear-gradient(145deg,#10171a,#070b0d 58%,#13080b);
}
.ult-floor::after { content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.55) 100%); }
.ult-arena-ring { position:absolute;left:58%;top:52%;width:min(57vw,940px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,74,92,.18);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 0 10vw rgba(255,17,45,.012); }
.ult-rift-shadow,.ult-rift,.ult-guillotine,.ult-fracture { position:absolute;left:auto;right:20%;top:14%;width:min(68vw,110vh);transform-origin:100% 50%;transform:rotate(-43deg);will-change:transform; }
.ult-rift-shadow { z-index:3;height:44px;opacity:.2;transform:rotate(-43deg) scaleX(.12) scaleY(.45);border-radius:50%;background:linear-gradient(90deg,transparent,#4b000c 8%,rgba(255,27,50,.46));box-shadow:0 0 30px rgba(255,31,54,.48);transition:transform 380ms cubic-bezier(.1,.72,.1,1),opacity 180ms ease; }
.ult-rift {
  z-index:5;height:clamp(10px,1.05vw,18px);transform:rotate(-43deg) scaleX(.12) scaleY(.55);
  clip-path:polygon(0 49%,4% 30%,9% 42%,16% 14%,24% 38%,34% 5%,43% 34%,52% 12%,61% 43%,72% 9%,81% 38%,91% 16%,100% 44%,100% 61%,91% 84%,80% 63%,70% 94%,60% 58%,50% 91%,41% 62%,31% 97%,22% 64%,13% 88%,5% 67%,0 56%);
  background:linear-gradient(90deg,#4a000b 0,#ce0e28 8%,#ff2944 52%,#fff 96%);box-shadow:0 0 7px #fff,0 0 16px #ff1f36,0 0 36px rgba(255,20,47,.8);
  transition:transform 380ms cubic-bezier(.1,.72,.1,1),opacity 180ms ease;
}
.ult-rift i { position:absolute;left:2%;right:0;top:38%;height:24%;background:linear-gradient(90deg,rgba(255,255,255,.2),#fff 48%,#fff);box-shadow:0 0 8px #fff; }
.ult-rift b { position:absolute;right:0;top:0;width:12%;height:100%;background:#fff;box-shadow:0 0 18px #fff,0 0 34px var(--red); }
.slash-cinematic.is-tick-one .ult-rift { transform:rotate(-43deg) scaleX(.34) scaleY(.78); }
.slash-cinematic.is-tick-one .ult-rift-shadow { opacity:.36;transform:rotate(-43deg) scaleX(.34) scaleY(.68); }
.slash-cinematic.is-tick-two .ult-rift { transform:rotate(-43deg) scaleX(.67) scaleY(1.03); }
.slash-cinematic.is-tick-two .ult-rift-shadow { opacity:.52;transform:rotate(-43deg) scaleX(.67) scaleY(1.05); }
.slash-cinematic.is-tick-three .ult-rift { transform:rotate(-43deg) scaleX(1) scaleY(1.55); }
.slash-cinematic.is-tick-three .ult-rift-shadow { opacity:.78;transform:rotate(-43deg) scaleX(1) scaleY(1.58); }
.slash-cinematic.is-impact .ult-rift,.slash-cinematic.is-impact .ult-rift-shadow { opacity:0;transition-duration:330ms; }
.ult-caster { position:absolute;z-index:8;left:80%;top:14%;width:clamp(48px,6vw,84px);transform:translate(-50%,-50%);text-align:center;color:#ffb6c0;font:850 .52rem/1 ui-monospace,monospace;letter-spacing:.08em; }
.ult-caster img { display:block;width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:7px;border:2px solid #ff3c55;border-radius:50%;background:#16070a;box-shadow:0 0 0 7px rgba(255,31,54,.12),0 0 36px rgba(255,31,54,.5); }
.slash-cinematic.is-tick-one .ult-caster img,.slash-cinematic.is-tick-two .ult-caster img,.slash-cinematic.is-tick-three .ult-caster img { animation:caster-charge 360ms ease both; }
@keyframes caster-charge { 0%{transform:scale(.9);box-shadow:0 0 0 7px rgba(255,31,54,.1),0 0 10px rgba(255,31,54,.25)}55%{transform:scale(1.1)}100%{transform:none;box-shadow:0 0 0 9px rgba(255,31,54,.15),0 0 42px rgba(255,31,54,.62)} }
.ult-stage-readout { position:absolute;z-index:12;left:3%;top:4%;width:min(390px,74vw);height:42px;color:#ffd9de;font:900 clamp(.58rem,1vw,.78rem)/1 ui-monospace,monospace;letter-spacing:.11em; }
.ult-stage-readout::before { content:"RIFT CHARGE // GAME AUDIO SYNC";display:block;margin-bottom:9px;color:rgba(255,255,255,.44);font-size:.48rem;letter-spacing:.18em; }
.ult-stage-readout span { position:absolute;left:0;top:20px;opacity:0;transform:translateY(5px);transition:opacity 120ms ease,transform 180ms ease; }
.ult-stage-readout .readout-start { opacity:1;transform:none;color:#b56d77; }
.slash-cinematic.is-tick-one .readout-start { opacity:0; }
.slash-cinematic.is-tick-one .readout-one { opacity:1;transform:none; }
.slash-cinematic.is-tick-two .readout-one { opacity:0; }
.slash-cinematic.is-tick-two .readout-two { opacity:1;transform:none;color:#ff8f9d; }
.slash-cinematic.is-tick-three .readout-two { opacity:0; }
.slash-cinematic.is-tick-three .readout-three { opacity:1;transform:none;color:#fff; }
.slash-cinematic.is-guillotine .readout-three { opacity:0; }
.slash-cinematic.is-guillotine .readout-death { opacity:1;transform:none;color:#fff;text-shadow:0 0 16px var(--red); }
.ult-stage-pips { position:absolute;z-index:12;right:3%;bottom:5%;display:flex;gap:8px;padding:8px 10px;border:1px solid rgba(255,76,94,.22);background:rgba(7,9,11,.7); }
.ult-stage-pips i { width:38px;height:4px;background:#3a161b;box-shadow:inset 0 0 0 1px rgba(255,87,103,.22);transition:background 160ms ease,box-shadow 160ms ease; }
.slash-cinematic.is-tick-one .ult-stage-pips i:nth-child(1),.slash-cinematic.is-tick-two .ult-stage-pips i:nth-child(-n+2),.slash-cinematic.is-tick-three .ult-stage-pips i { background:#fff;box-shadow:0 0 6px #fff,0 0 17px var(--red); }
.ult-guillotine { z-index:9;height:clamp(20px,2.4vw,42px);opacity:0;transform:rotate(-43deg) translateY(-40vh) scaleY(6);background:linear-gradient(180deg,transparent,#ff2944 20%,#fff 45% 56%,#ff2944 80%,transparent);box-shadow:0 0 18px #fff,0 0 55px var(--red); }
.ult-guillotine i { position:absolute;inset:-110% 0;border-block:1px solid rgba(255,69,89,.42);background:rgba(255,31,54,.08); }
.slash-cinematic.is-guillotine .ult-guillotine { animation:guillotine-fall 430ms cubic-bezier(.58,.02,.83,.35) both; }
@keyframes guillotine-fall { 0%{opacity:0;transform:rotate(-43deg) translateY(-40vh) scaleY(6)}16%{opacity:1}72%{opacity:1;transform:rotate(-43deg) translateY(0) scaleY(1.35)}100%{opacity:0;transform:rotate(-43deg) translateY(0) scaleY(.2)} }
.ult-fracture { z-index:10;height:16px;opacity:0; }
.ult-fracture i { position:absolute;bottom:50%;left:var(--x);width:var(--w,11px);height:var(--h);transform:scaleY(0);transform-origin:bottom;clip-path:polygon(48% 0,100% 100%,0 100%);background:linear-gradient(90deg,#290007,var(--red),#fff 54%,var(--red),#290007);box-shadow:0 0 10px var(--red); }
.ult-fracture i:nth-child(1){--x:1%;--h:5vh;--w:8px}.ult-fracture i:nth-child(2){--x:9%;--h:9vh;--w:13px}.ult-fracture i:nth-child(3){--x:18%;--h:6vh;--w:9px}.ult-fracture i:nth-child(4){--x:29%;--h:12vh;--w:14px}.ult-fracture i:nth-child(5){--x:39%;--h:7vh;--w:10px}.ult-fracture i:nth-child(6){--x:50%;--h:14vh;--w:16px}.ult-fracture i:nth-child(7){--x:61%;--h:8vh;--w:11px}.ult-fracture i:nth-child(8){--x:70%;--h:11vh;--w:13px}.ult-fracture i:nth-child(9){--x:79%;--h:6vh;--w:9px}.ult-fracture i:nth-child(10){--x:88%;--h:9vh;--w:12px}.ult-fracture i:nth-child(11){--x:97%;--h:5vh;--w:8px}
.slash-cinematic.is-impact .ult-fracture { opacity:1; }
.slash-cinematic.is-impact .ult-fracture i { animation:line-fracture 520ms cubic-bezier(.1,.72,.12,1.15) both; }
.slash-cinematic.is-impact .ult-fracture i:nth-child(2){animation-delay:24ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(3){animation-delay:48ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(4){animation-delay:72ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(5){animation-delay:96ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(6){animation-delay:120ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(7){animation-delay:144ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(8){animation-delay:168ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(9){animation-delay:192ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(10){animation-delay:216ms}.slash-cinematic.is-impact .ult-fracture i:nth-child(11){animation-delay:240ms}
@keyframes line-fracture { 0%{transform:scaleY(0);opacity:0}42%{opacity:1}78%{transform:scaleY(1.08)}100%{transform:scaleY(0);opacity:0} }
.impact-flash { position: absolute; z-index: 9; inset: 0; opacity: 0; background: white; }
.slash-cinematic.is-impact .impact-flash { animation: impact-flash 340ms ease-out; }
@keyframes impact-flash { 0%{opacity:.95} 18%{opacity:.4;background:#ff3349} 100%{opacity:0} }
.impact-core { position:absolute;z-index:11;left:80%;top:14%;width:12px;height:12px;opacity:0;border-radius:50%;background:#fff;box-shadow:0 0 14px 6px #fff,0 0 46px 22px var(--red),0 0 100px 44px rgba(255,53,69,.45); }
.slash-cinematic.is-impact .impact-core { animation: core-burst 600ms ease-out; }
@keyframes core-burst { 0%{opacity:1;transform:scale(.4)} 100%{opacity:0;transform:scale(7)} }
.boot-screen.is-ult-impact .boot-card { animation:ult-camera-kick 430ms cubic-bezier(.08,.75,.1,1); }
@keyframes ult-camera-kick { 0%{transform:translate(0,0) rotate(0)}18%{transform:translate(-7px,5px) rotate(-.35deg)}38%{transform:translate(5px,-3px) rotate(.2deg)}62%{transform:translate(-2px,1px)}100%{transform:none} }
.debris { position:absolute;z-index:12;left:80%;top:14%;width:1px;height:1px; }
.debris i { position:absolute;left:0;top:0;width:var(--s,8px);height:var(--s,8px);opacity:0;background:#261316;border:1px solid #ff6370;transform:rotate(20deg); }
.debris i:nth-child(1){--s:7px;--dx:-30vw;--dy:-24vh}.debris i:nth-child(2){--s:12px;--dx:-20vw;--dy:-34vh}.debris i:nth-child(3){--s:5px;--dx:-9vw;--dy:-27vh}.debris i:nth-child(4){--s:11px;--dx:8vw;--dy:-37vh}.debris i:nth-child(5){--s:6px;--dx:17vw;--dy:-25vh}.debris i:nth-child(6){--s:14px;--dx:28vw;--dy:-30vh}.debris i:nth-child(7){--s:5px;--dx:35vw;--dy:-17vh}.debris i:nth-child(8){--s:8px;--dx:-38vw;--dy:-14vh}.debris i:nth-child(9){--s:9px;--dx:3vw;--dy:-19vh}
.slash-cinematic.is-impact .debris i { animation:debris-fly 780ms ease-out both; }
@keyframes debris-fly { 0%{opacity:1;transform:translate(0,0) rotate(0)} 100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(440deg)} }

/* Experience shell and controls */
.experience-shell { position:relative;width:100%;height:100svh;min-height:610px;padding:12px clamp(10px,2.1vw,34px) 10px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;opacity:0;transform:scale(.985);pointer-events:none;transition:opacity 380ms ease,transform 480ms ease; }
.experience-shell.is-ready { opacity:1;transform:none;pointer-events:auto; }
.scene-backdrop { position:fixed;z-index:-3;inset:-7%;background:radial-gradient(circle at 50% 40%,rgba(29,65,74,.54),transparent 56%),linear-gradient(135deg,#061117,#03070a);filter:blur(18px);transform:scale(1.1) translate3d(var(--backdrop-x,0),var(--backdrop-y,0),0);transition:transform 850ms ease,filter 450ms ease,opacity 450ms ease; }
.scene-backdrop::after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 72px),linear-gradient(180deg,rgba(3,8,11,.65),transparent 42%,rgba(3,8,11,.78)); }
.scene-backdrop.is-shifting { filter:blur(34px) brightness(.6) saturate(1.8);opacity:.3;transform:scale(1.18); }
.music-aura { position:fixed;z-index:-2;left:50%;top:50%;width:min(90vw,1200px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:.1;background:radial-gradient(circle,rgba(54,230,145,.32),rgba(39,185,239,.08) 38%,transparent 67%);filter:blur(28px); }
.music-aura.is-playing { animation:aura-beat 3.8s ease-in-out infinite; }
@keyframes aura-beat { 0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.07}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.17} }
.experience-header,.scene-label,.controls,.experience-footer { width:min(1500px,100%);margin-inline:auto;position:relative;z-index:5; }
.experience-header { margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:14px; }
.identity { display:flex;align-items:center;gap:11px;min-width:0; }
.signal { width:5px;height:40px;flex:none;border-radius:99px;background:linear-gradient(180deg,var(--green),var(--blue));box-shadow:0 0 23px rgba(54,230,145,.42); }
.eyebrow { margin:0 0 2px;color:var(--green);font:760 .62rem/1.2 ui-monospace,monospace;letter-spacing:.13em; }
h2 { margin:0;font-size:clamp(.9rem,2vw,1.28rem);font-weight:790;letter-spacing:-.02em;text-transform:uppercase; }
.header-tools { display:flex;align-items:center;gap:7px; }
.mode-switch,.audio-dock { display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(75,103,113,.58);border-radius:7px;background:rgba(6,14,18,.76);backdrop-filter:blur(12px); }
.mode-switch button,.index-button,.icon-button { min-height:30px;border:1px solid transparent;border-radius:4px;color:#80969f;background:transparent;cursor:pointer;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em;transition:color 140ms ease,background 140ms ease,border-color 140ms ease; }
.mode-switch button { padding:0 8px; }
.mode-switch button.is-active { color:#03100a;background:var(--green); }
.index-button { padding:0 9px;border-color:rgba(75,103,113,.58);background:rgba(6,14,18,.76); }
.index-button:hover,.index-button:focus-visible,.icon-button:hover,.icon-button:focus-visible { color:var(--white);border-color:var(--blue); }
.icon-button { padding:0 7px; }
.icon-button span { margin-right:4px; }.icon-button b{font-size:.59rem}.icon-button[aria-pressed="true"]{color:var(--green);background:rgba(54,230,145,.08)}
.audio-visualizer { width:21px;height:22px;display:flex;align-items:center;justify-content:center;gap:2px;margin-left:2px; }
.audio-visualizer i { width:2px;height:4px;border-radius:4px;background:#536d77; }
.audio-visualizer.is-playing i { background:var(--green);box-shadow:0 0 6px rgba(54,230,145,.58);animation:audio-bars 650ms ease-in-out infinite alternate; }
.audio-visualizer.is-playing i:nth-child(2){animation-delay:-360ms}.audio-visualizer.is-playing i:nth-child(3){animation-delay:-180ms}.audio-visualizer.is-playing i:nth-child(4){animation-delay:-480ms}
@keyframes audio-bars { to{height:16px} }
.volume-control { display:flex;align-items:center;gap:4px;padding:0 6px 0 4px;color:#80959e; }.volume-control input{width:62px;accent-color:var(--green);cursor:pointer}
.counter { margin:0;display:flex;align-items:baseline;gap:6px;color:var(--muted);font:700 .72rem/1 ui-monospace,monospace;letter-spacing:.08em; }.counter span:first-child{color:var(--white);font-size:1rem;font-weight:850}.counter-divider{color:var(--orange)}
.scene-label { margin-bottom:5px;display:flex;align-items:baseline;gap:12px;min-height:18px;white-space:nowrap;overflow:hidden; }
.scene-label span { color:var(--orange);font:800 .57rem/1 ui-monospace,monospace;letter-spacing:.13em; }
.scene-label strong { overflow:hidden;color:#d8e4e8;font-size:.65rem;font-weight:830;letter-spacing:.07em;text-overflow:ellipsis; }
.scene-label em { margin-left:auto;color:#6f858e;font-size:.58rem;font-style:normal;letter-spacing:.04em; }
.stage { width:min(1500px,calc((100svh - 168px)*16/9),calc(100vw - 26px));max-height:calc(100svh - 168px);aspect-ratio:16/9;position:relative;margin:0 auto;overflow:hidden;isolation:isolate;border:1px solid rgba(139,174,184,.45);border-radius:5px;outline:none;background:#071218;box-shadow:0 38px 110px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.035) inset,0 0 48px rgba(39,185,239,.07);perspective:1600px;touch-action:pan-y;transition:transform 260ms ease,filter 260ms ease,opacity 260ms ease; }
.stage:focus-visible { box-shadow:0 0 0 2px var(--green),0 38px 110px rgba(0,0,0,.72); }
.stage.is-exiting { opacity:.12;filter:blur(13px) brightness(1.8) saturate(.7);transform:scale(.9) rotateX(1deg); }
.stage-light { position:absolute;z-index:8;inset:-35%;pointer-events:none;opacity:.22;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgba(255,255,255,.24),rgba(54,230,145,.07) 12%,transparent 30%);mix-blend-mode:screen; }
.scanlines { position:absolute;z-index:10;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(2,10,12,.32) 4px);mix-blend-mode:multiply; }
.energy-wipe { position:absolute;z-index:15;inset:-35% -25%;opacity:0;transform:translateX(-100%) skewX(-17deg);pointer-events:none;background:linear-gradient(90deg,transparent 20%,rgba(39,185,239,.17) 42%,rgba(54,230,145,.9) 50%,rgba(255,255,255,.65) 51%,rgba(54,230,145,.13) 58%,transparent 80%); }
.energy-wipe.forward{animation:wipe-forward 530ms cubic-bezier(.3,.7,.2,1)}.energy-wipe.back{animation:wipe-back 530ms cubic-bezier(.3,.7,.2,1)}
@keyframes wipe-forward{0%{opacity:0;transform:translateX(-105%) skewX(-17deg)}22%{opacity:1}100%{opacity:0;transform:translateX(105%) skewX(-17deg)}}
@keyframes wipe-back{0%{opacity:0;transform:translateX(105%) skewX(-17deg)}22%{opacity:1}100%{opacity:0;transform:translateX(-105%) skewX(-17deg)}}
.stage-reticle { position:absolute;z-index:16;inset:8px;pointer-events:none; }.stage-reticle i{position:absolute;width:22px;height:22px;opacity:.62}.stage-reticle i:nth-child(1){top:0;left:0;border-top:1px solid var(--green);border-left:1px solid var(--green)}.stage-reticle i:nth-child(2){top:0;right:0;border-top:1px solid var(--orange);border-right:1px solid var(--orange)}.stage-reticle i:nth-child(3){bottom:0;left:0;border-bottom:1px solid var(--blue);border-left:1px solid var(--blue)}.stage-reticle i:nth-child(4){right:0;bottom:0;border-right:1px solid var(--green);border-bottom:1px solid var(--green)}
.scene-root { position:absolute;z-index:2;inset:0;transform-style:preserve-3d;transform:translate3d(var(--stage-x),var(--stage-y),0) rotateX(var(--stage-rx)) rotateY(var(--stage-ry));transition:transform 500ms cubic-bezier(.2,.78,.2,1); }
.restored-slide { position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#dce3e6; }
.restored-slide img { display:block;width:100%;height:100%;object-fit:contain; }
.scene-root.enter-forward{animation:scene-enter-forward 780ms cubic-bezier(.16,.8,.2,1) both}.scene-root.enter-back{animation:scene-enter-back 780ms cubic-bezier(.16,.8,.2,1) both}
@keyframes scene-enter-forward{0%{opacity:0;filter:blur(15px) brightness(1.8);transform:translate3d(9%,0,100px) rotateY(-3deg) scale(1.1)}55%{opacity:1;filter:blur(0) brightness(1.05)}100%{opacity:1;filter:none;transform:translate3d(var(--stage-x),var(--stage-y),0) rotateX(var(--stage-rx)) rotateY(var(--stage-ry))}}
@keyframes scene-enter-back{0%{opacity:0;filter:blur(15px) brightness(1.8);transform:translate3d(-9%,0,100px) rotateY(3deg) scale(1.1)}55%{opacity:1;filter:blur(0) brightness(1.05)}100%{opacity:1;filter:none;transform:translate3d(var(--stage-x),var(--stage-y),0) rotateX(var(--stage-rx)) rotateY(var(--stage-ry))}}
.edge-button { position:absolute;z-index:20;top:0;bottom:0;width:clamp(48px,6vw,88px);border:0;color:var(--white);background:transparent;opacity:0;cursor:pointer;transition:opacity 150ms ease,background 150ms ease; }.edge-button span{display:grid;width:35px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(5,12,16,.86);font-size:2rem;backdrop-filter:blur(8px)}.edge-button-left{left:0;padding-left:10px;background:linear-gradient(90deg,rgba(5,11,15,.6),transparent)}.edge-button-right{right:0;padding-right:10px;background:linear-gradient(-90deg,rgba(5,11,15,.6),transparent)}.edge-button-right span{margin-left:auto}.stage:hover .edge-button:not(:disabled),.edge-button:focus-visible{opacity:1}.edge-button:disabled{cursor:default}
.controls { margin-top:7px;display:grid;grid-template-columns:130px minmax(0,1fr) 130px;align-items:center;gap:15px; }
.control-button { min-height:37px;border:1px solid var(--line);border-radius:6px;color:var(--white);background:rgba(10,21,27,.88);font-size:.75rem;font-weight:760;cursor:pointer;transition:border-color 140ms ease,background 140ms ease,transform 140ms ease; }.control-button:not(:disabled):hover,.control-button:focus-visible{border-color:var(--green);background:var(--panel-2);transform:translateY(-1px)}.control-button-next{border-color:rgba(54,230,145,.52)}.control-button:disabled{color:#506670;cursor:default}
.progress { display:flex;align-items:center;justify-content:center;gap:clamp(4px,.65vw,8px); }.progress-dot{width:7px;height:7px;flex:none;padding:0;border:1px solid #4a6570;border-radius:99px;background:#223841;cursor:pointer;transition:width 150ms ease,background 150ms ease,border-color 150ms ease,box-shadow 150ms ease}.progress-dot:hover,.progress-dot:focus-visible{border-color:var(--blue);background:var(--blue)}.progress-dot.is-active{width:25px;border-color:var(--green);background:var(--green);box-shadow:0 0 12px rgba(54,230,145,.45)}
.experience-footer { margin-top:4px;display:flex;justify-content:space-between;gap:18px;color:#6f858e;font-size:.61rem; }.experience-footer p{margin:0}.experience-footer a{color:#91a8b1;text-underline-offset:2px}kbd{padding:1px 4px;border:1px solid #3c5661;border-radius:3px;background:#0d1b21;font:inherit}

/* Global living scene language */
.brief-scene { position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(20px,2.7vw,45px) clamp(22px,3.3vw,54px) clamp(13px,1.5vw,24px);overflow:hidden;color:#071016;background:
  linear-gradient(120deg,rgba(255,255,255,.98),rgba(238,247,250,.96)),
  repeating-linear-gradient(90deg,transparent 0,transparent 75px,rgba(39,185,239,.04) 76px);
}
.brief-scene::before { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(39,185,239,.08),transparent 24%,transparent 75%,rgba(255,178,26,.07)); }
.brief-scene::after { content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--green) 42%,var(--orange)); }
.panel-header { position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:clamp(9px,1.2vw,16px);border-bottom:1px solid #b8c9d0; }
.panel-header p { margin:0 0 4px;color:#087949;font:850 clamp(.55rem,.8vw,.72rem)/1 ui-monospace,monospace;letter-spacing:.12em; }
.panel-header h3 { margin:0;color:#061015;font-size:clamp(1rem,1.85vw,1.75rem);font-weight:930;line-height:1;letter-spacing:-.035em;text-transform:uppercase; }
.panel-header>span { color:#56707a;font:750 clamp(.48rem,.62vw,.58rem)/1.2 ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap; }
.panel-body { position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center; }
.panel-footer { position:relative;z-index:2;margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c4d1d6;color:#637a83;font:750 clamp(.46rem,.58vw,.56rem)/1 ui-monospace,monospace;letter-spacing:.08em; }.panel-footer b{color:#071016;font-size:clamp(.75rem,1vw,.95rem)}
.hero-face { display:block;width:100%;height:100%;object-fit:cover;user-select:none; }
.scene-quote { position:relative;margin:clamp(8px,1.3vw,16px) 0 0;padding:clamp(9px,1.1vw,14px) 18px;border-left:4px solid var(--green-dark);color:#071016;background:#e0eee9;font-size:clamp(.68rem,1.05vw,1rem);font-weight:900;letter-spacing:.035em;text-align:center; }
.reveal-item { opacity:0;transform:translateY(12px); }
.scene-root.is-active .reveal-item { animation:item-reveal 560ms cubic-bezier(.2,.75,.2,1) forwards; }
.scene-root.is-active .reveal-item:nth-child(2){animation-delay:70ms}.scene-root.is-active .reveal-item:nth-child(3){animation-delay:140ms}.scene-root.is-active .reveal-item:nth-child(4){animation-delay:210ms}.scene-root.is-active .reveal-item:nth-child(5){animation-delay:280ms}.scene-root.is-active .reveal-item:nth-child(6){animation-delay:350ms}
@keyframes item-reveal { to{opacity:1;transform:none} }

/* 01 cover — rebuilt as live type and CSS geometry, with only the portrait remaining raster */
.cover-scene{padding:0;color:var(--white);background:linear-gradient(90deg,#071521 0 53.15%,#173d5d 53.15% 100%)}
.cover-scene::before{z-index:0;background:linear-gradient(135deg,transparent 0 72%,rgba(1,11,19,.42) 72% 100%),repeating-linear-gradient(90deg,transparent 0 70px,rgba(39,185,239,.035) 71px),repeating-linear-gradient(0deg,transparent 0 70px,rgba(39,185,239,.025) 71px)}
.cover-scene::after{top:0;right:auto;bottom:0;left:0;width:15px;height:auto;background:var(--green);box-shadow:8px 0 0 rgba(255,255,255,.94),12px 0 0 rgba(4,14,21,.76)}
.cover-copy{position:absolute;z-index:3;top:8.8%;bottom:8.5%;left:5.15%;display:flex;width:47.4%;flex-direction:column}
.cover-kicker{display:grid;width:72%;min-height:clamp(25px,3.8vw,46px);margin:0;place-items:center;border:1px solid rgba(3,13,20,.72);border-radius:999px;color:#06141b;background:#27d78a;box-shadow:0 2px 0 rgba(0,0,0,.28);font:850 clamp(.52rem,1.03vw,.94rem)/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em}
.cover-title{display:grid;margin:6.8% 0 0;color:#f8fbfd;font-size:clamp(2rem,5.05vw,4.85rem);font-style:italic;font-weight:720;line-height:1.01;letter-spacing:-.052em;text-transform:uppercase;text-shadow:0 12px 32px rgba(0,0,0,.35)}
.cover-title span{display:block;width:max-content;max-width:100%}
.cover-sub{margin:auto 0 0;color:#a4f2c9;font-size:clamp(.67rem,1.2vw,1.12rem);font-weight:760;letter-spacing:.005em}
.cover-byline{margin:5.7% 0 0;color:#eef3f5;font-size:clamp(.5rem,.85vw,.78rem);font-weight:450}
.cover-gold{position:absolute;z-index:1;top:-5%;right:3.4%;width:13.8%;height:111%;transform:skewX(-5.5deg);border-inline:1px solid rgba(255,209,36,.28);background:linear-gradient(105deg,#c99300,#e5ad05 72%,#c78b00);box-shadow:inset 18px 0 55px rgba(130,78,0,.16)}
.cover-portrait{position:absolute;z-index:4;right:8.5%;top:15%;width:34%;aspect-ratio:1;overflow:visible;border:5px solid #fff;border-radius:50%;background:radial-gradient(circle at 45% 35%,#2b5d80 0,#173d5d 62%,#0d2b43 100%);box-shadow:0 0 0 7px var(--green),0 0 0 13px rgba(255,255,255,.96),0 20px 48px rgba(0,0,0,.34)}
.cover-portrait-mask{position:absolute;inset:0;display:block;overflow:hidden;border-radius:50%;clip-path:circle(49.8% at 50% 50%);-webkit-mask-image:radial-gradient(circle at center,#000 0 49.6%,transparent 50%);mask-image:radial-gradient(circle at center,#000 0 49.6%,transparent 50%);isolation:isolate;transform:translateZ(0)}
.cover-portrait img{position:absolute;left:-42%;top:-44%;display:block;width:275%;max-width:none;height:auto;object-fit:contain}
.cover-circuit{position:absolute;z-index:2;height:13%;opacity:.5;pointer-events:none}
.cover-circuit i{position:absolute;height:2px;background:#123958;box-shadow:0 0 0 1px rgba(3,16,28,.28)}
.cover-circuit--top{top:4.5%;left:3%;right:4%}.cover-circuit--bottom{right:4%;bottom:4.2%;left:3%;transform:scaleY(-1)}
.cover-circuit i:nth-child(1){left:0;top:10%;width:43%;clip-path:polygon(0 0,23% 0,27% 100%,100% 100%)}.cover-circuit i:nth-child(2){left:17%;top:38%;width:48%;height:3px}.cover-circuit i:nth-child(3){right:0;top:64%;width:39%;height:2px}
.cover-scene .panel-footer{position:absolute;z-index:6;right:3.5%;bottom:1.8%;left:4.65%;margin:0;padding:0;border:0;color:#f3f7f9;font-size:clamp(.43rem,.7vw,.65rem)}.cover-scene .panel-footer b{color:#fff;font-size:clamp(.65rem,1vw,.95rem)}
@keyframes spin-only{to{transform:rotate(360deg)}}

/* 02 operating sequence */
.sequence-board { position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(5px,1vw,14px);align-items:stretch;margin-top:clamp(12px,2vw,26px); }
.sequence-board::before { content:"";position:absolute;left:5%;right:5%;top:50%;height:3px;background:#b9cbd1;transform:translateY(-50%); }
.sequence-runner { position:absolute;z-index:2;left:5%;right:5%;top:50%;height:3px;transform:translateY(-50%);overflow:visible;pointer-events:none; }.sequence-runner i{position:absolute;top:50%;left:0;width:18px;height:18px;border-radius:50%;background:var(--green-dark);box-shadow:0 0 0 6px rgba(7,159,93,.14),0 0 18px rgba(7,159,93,.55);transform:translate(-50%,-50%);animation:sequence-run 10s ease-in-out infinite}@keyframes sequence-run{0%,7%{left:0}18%,26%{left:25%}38%,46%{left:50%}58%,66%{left:75%}78%,92%{left:100%}100%{left:0}}
.sequence-step { position:relative;z-index:3;min-height:clamp(100px,18vh,190px);padding:clamp(10px,1.5vw,20px) 8px;border:1px solid #aec2c9;color:#0a161b;background:rgba(249,252,253,.94);cursor:pointer;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease,background 180ms ease; }.sequence-step:hover,.sequence-step:focus-visible,.sequence-step.is-active{transform:translateY(-7px);border-color:var(--green-dark);background:#e3f6ed;box-shadow:0 12px 28px rgba(8,53,39,.13)}.sequence-step>span{display:block;color:#70909b;font:850 clamp(.56rem,.8vw,.72rem)/1 ui-monospace,monospace}.sequence-step strong{display:block;margin-top:30%;font-size:clamp(.7rem,1.2vw,1.08rem);font-weight:920}.sequence-step em{display:block;margin-top:3px;color:#607983;font-size:clamp(.55rem,.75vw,.68rem);font-style:normal;font-weight:760}.sequence-step.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--green-dark)}
.sequence-readout { margin-top:clamp(8px,1.2vw,15px);padding:10px 14px;display:flex;align-items:center;gap:15px;border:1px solid #b7c9d0;background:#edf5f7; }.sequence-readout span{color:#087949;font:850 .58rem/1 ui-monospace,monospace;letter-spacing:.1em}.sequence-readout strong{font-size:clamp(.65rem,1vw,.9rem)}

/* 03 progressive field file */
.field-file{display:grid;grid-template-columns:minmax(215px,.86fr) 2.35fr;gap:clamp(10px,1.4vw,20px);align-items:stretch;margin-top:clamp(8px,1.25vw,16px);min-height:clamp(300px,52vh,500px)}
.field-file-id{position:relative;display:flex;flex-direction:column;padding:clamp(12px,1.5vw,19px);overflow:hidden;border:1px solid #294d58;color:#fff;background:linear-gradient(160deg,#0a2028,#061116 68%);box-shadow:inset 0 0 55px rgba(39,185,239,.08)}
.field-file-id::before{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(54,230,145,.16) 5px),linear-gradient(130deg,transparent 58%,rgba(54,230,145,.12));pointer-events:none}
.file-classification{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #31525d}.file-classification span{color:var(--green);font:850 .48rem/1 ui-monospace,monospace;letter-spacing:.12em}.file-classification b{padding:4px 6px;color:#061216;background:var(--orange);font:900 .44rem/1 ui-monospace,monospace;letter-spacing:.08em;transition:background 220ms ease,color 220ms ease}.field-file.is-complete .file-classification b{color:#03110a;background:var(--green)}
.file-portrait{position:relative;z-index:2;display:grid;width:clamp(105px,12vw,160px);aspect-ratio:1;place-items:center;margin:clamp(11px,2vh,22px) auto 9px;border:1px solid #31515c;border-radius:50%;background:radial-gradient(circle,rgba(39,185,239,.2),transparent 66%)}.file-portrait>.hero-face{z-index:2;width:76%;height:76%;border:3px solid var(--green-dark);border-radius:50%;box-shadow:0 0 0 7px rgba(54,230,145,.09),0 0 28px rgba(39,185,239,.2)}.file-portrait>span{position:absolute;z-index:4;bottom:-4px;padding:4px 7px;color:#dcecef;background:#07171c;font:850 .42rem/1 ui-monospace,monospace;letter-spacing:.08em}.file-portrait-rings i{position:absolute;inset:2%;border:1px dashed rgba(54,230,145,.42);border-radius:50%;animation:ring-spin-profile 14s linear infinite}.file-portrait-rings i:nth-child(2){inset:-9%;border-color:rgba(39,185,239,.28);animation-direction:reverse;animation-duration:19s}@keyframes ring-spin-profile{to{transform:rotate(360deg)}}
.file-identity{position:relative;z-index:2;margin-top:auto;text-align:center}.file-identity span,.file-identity strong,.file-identity em{display:block}.file-identity span{color:#809ba5;font:850 .44rem/1 ui-monospace,monospace;letter-spacing:.11em}.file-identity strong{margin:5px 0 4px;font-size:clamp(.78rem,1.2vw,1.06rem);letter-spacing:.025em}.file-identity em{color:#9db2ba;font-size:clamp(.48rem,.65vw,.58rem);font-style:normal;font-weight:750}
.file-progress{position:relative;z-index:2;margin-top:12px;padding:8px;border:1px solid #274650;background:rgba(2,10,13,.52)}.file-progress>span{color:#8fa8b1;font:800 .43rem/1 ui-monospace,monospace;letter-spacing:.09em}.file-progress>strong{float:right;color:#fff;font:900 .5rem/1 ui-monospace,monospace}.file-progress>div{height:5px;margin-top:7px;clear:both;background:#1d343c}.file-progress>div i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 11px rgba(54,230,145,.55);transition:width 420ms cubic-bezier(.2,.8,.2,1)}.file-swap{position:relative;z-index:2;margin-top:8px;padding:6px 8px;color:#061216;background:var(--orange);text-align:center;font:900 .46rem/1 ui-monospace,monospace;letter-spacing:.11em}
.field-file-evidence{display:flex;min-width:0;flex-direction:column;gap:8px}.profile-traits{display:grid;flex:1;gap:7px}.profile-trait{position:relative;min-height:clamp(70px,11.5vh,112px);overflow:hidden;border:1px solid #b9cbd1;background:#f8fbfc;box-shadow:0 6px 20px rgba(8,42,52,.06);transition:transform 260ms ease,border-color 260ms ease,box-shadow 260ms ease,background 260ms ease}.trait-content{height:100%;padding:clamp(10px,1.2vw,15px) clamp(12px,1.5vw,20px);opacity:.06;filter:blur(8px);transform:translateX(-10px);transition:opacity 280ms ease,filter 320ms ease,transform 320ms ease}.trait-content span{display:block;color:#627e88;font:850 .43rem/1 ui-monospace,monospace;letter-spacing:.1em}.trait-content strong{display:block;margin:clamp(7px,1vh,11px) 0 3px;font-size:clamp(.68rem,1.05vw,.94rem)}.trait-content p{margin:0;max-width:72ch;color:#5c737c;font-size:clamp(.5rem,.69vw,.62rem);line-height:1.38}.trait-redaction{position:absolute;z-index:3;inset:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 clamp(12px,1.5vw,20px);color:#d6e5e9;background:linear-gradient(90deg,#0b1c22,#122c35);transition:transform 430ms cubic-bezier(.2,.82,.16,1),opacity 240ms ease}.trait-redaction span{color:var(--orange);font:900 .48rem/1 ui-monospace,monospace;letter-spacing:.1em}.trait-redaction b{font-size:clamp(.57rem,.82vw,.72rem);letter-spacing:.06em}.trait-redaction i{color:#36515b;font:900 .6rem/1 ui-monospace,monospace;font-style:normal;letter-spacing:.05em}.profile-trait.is-revealed .trait-redaction{opacity:0;transform:translateX(105%);pointer-events:none}.profile-trait.is-revealed .trait-content{opacity:.46;filter:none;transform:none}.profile-trait.is-focused{z-index:2;transform:translateX(8px);border-color:var(--green-dark);background:#e8f7ef;box-shadow:-5px 0 0 var(--green-dark),0 10px 28px rgba(7,159,93,.15)}.profile-trait.is-focused .trait-content{opacity:1}.profile-trait.is-focused .trait-content span{color:#087949}.profile-trait:nth-child(2).is-focused{border-color:var(--blue);background:#e9f5fc;box-shadow:-5px 0 0 var(--blue),0 10px 28px rgba(39,143,239,.14)}.profile-trait:nth-child(2).is-focused .trait-content span{color:#146ea8}.profile-trait:nth-child(3).is-focused{border-color:#d88d00;background:#fff5dc;box-shadow:-5px 0 0 var(--orange),0 10px 28px rgba(216,141,0,.14)}.profile-trait:nth-child(3).is-focused .trait-content span{color:#9b6500}.field-file.is-complete .profile-trait{transform:none}.field-file.is-complete .profile-trait .trait-content{opacity:1}.field-file.is-complete .profile-trait:nth-child(1){border-left:5px solid var(--green-dark)}.field-file.is-complete .profile-trait:nth-child(2){border-left:5px solid var(--blue)}.field-file.is-complete .profile-trait:nth-child(3){border-left:5px solid var(--orange)}
.field-file-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1.15fr);gap:7px;min-height:58px}.field-file-status{display:flex;flex-direction:column;justify-content:center;padding:8px 11px;border-left:4px solid var(--blue);background:#dfeaec}.field-file-status span{color:#50707b;font:850 .42rem/1 ui-monospace,monospace;letter-spacing:.1em}.field-file-status strong{margin-top:5px;font-size:clamp(.51rem,.7vw,.61rem)}.profile-reveal,.profile-complete{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:7px 10px;border:1px solid var(--green-dark);text-align:left}.profile-reveal{color:#fff;background:#09271d;cursor:pointer;transition:transform 160ms ease,background 160ms ease,box-shadow 160ms ease}.profile-reveal:hover,.profile-reveal:focus-visible{transform:translateY(-2px);background:#0d3929;box-shadow:0 8px 20px rgba(7,159,93,.2)}.profile-reveal>span,.profile-complete>span{grid-row:1/-1;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#061216;background:var(--green);font:900 .52rem/1 ui-monospace,monospace}.profile-reveal strong,.profile-complete strong{font-size:clamp(.55rem,.76vw,.66rem);letter-spacing:.045em}.profile-reveal em,.profile-complete em{color:#8fb3a5;font-size:clamp(.43rem,.57vw,.5rem);font-style:normal}.profile-complete{border-color:var(--green-dark);color:#063c25;background:#e1f5ea}.profile-complete em{color:#55776a}.profile-complete[hidden],.profile-reveal[hidden]{display:none}

/* 04 condition audit + looking glass */
.condition-console{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(0,1.62fr);gap:clamp(14px,2.1vw,32px);align-items:center;margin-top:clamp(8px,1.4vw,18px);min-height:0}
.condition-check-panel{align-self:stretch;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(4px,.8vw,11px) clamp(2px,.5vw,8px)}.condition-check-panel>p{margin:0 0 clamp(8px,1.3vw,16px);color:#152a32;font-size:clamp(.69rem,1.05vw,.98rem);font-weight:920;letter-spacing:.02em}.condition-check-list{display:grid;gap:clamp(5px,.8vh,9px);margin:0;padding:0;list-style:none}.condition-check{--audit-color:var(--blue);position:relative;display:grid;grid-template-columns:clamp(34px,4.1vw,56px) 1fr;align-items:center;gap:clamp(8px,1vw,14px);min-height:clamp(52px,8.2vh,78px);padding:clamp(6px,.8vw,10px) clamp(8px,1vw,13px);border:1px solid #c1d1d6;border-left:4px solid var(--audit-color);background:linear-gradient(90deg,color-mix(in srgb,var(--audit-color) 9%,#fff),rgba(255,255,255,.86));box-shadow:0 5px 18px rgba(8,34,42,.045)}.condition-check::after{content:"";position:absolute;right:9px;top:8px;width:14px;height:6px;border-top:1px solid color-mix(in srgb,var(--audit-color) 55%,transparent);border-right:1px solid color-mix(in srgb,var(--audit-color) 55%,transparent)}.condition-check--green{--audit-color:var(--green-dark)}.condition-check--yellow{--audit-color:var(--orange)}.condition-check--blue{--audit-color:#268de0}.condition-check>i{display:grid;width:clamp(31px,3.3vw,44px);aspect-ratio:1;place-items:center;border:2px solid #071016;border-radius:50%;color:#071016;background:var(--audit-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--audit-color) 12%,transparent);font-size:clamp(.8rem,1.35vw,1.2rem);font-style:normal;font-weight:950}.condition-check>span{display:grid;grid-template-columns:auto 1fr;gap:0 9px;min-width:0}.condition-check b{grid-row:1/3;align-self:center;color:color-mix(in srgb,var(--audit-color) 82%,#13252c);font:900 clamp(.45rem,.57vw,.53rem)/1 ui-monospace,monospace;letter-spacing:.08em}.condition-check strong{display:block;font-size:clamp(.63rem,.96vw,.88rem);line-height:1.05}.condition-check em{display:block;margin-top:4px;color:#607982;font-size:clamp(.5rem,.72vw,.65rem);font-style:normal;font-weight:650;line-height:1.2}
.condition-glass{min-width:0;margin:0;padding:clamp(7px,.8vw,11px);border:1px solid #8099a3;border-radius:clamp(9px,1.2vw,16px);background:linear-gradient(145deg,#f8fbfc,#dce8ec);box-shadow:0 17px 45px rgba(5,29,37,.14),inset 0 0 0 5px rgba(255,255,255,.55)}.condition-glass-bar{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:2px 4px 8px;color:#4c6872;font:850 clamp(.43rem,.58vw,.52rem)/1 ui-monospace,monospace;letter-spacing:.1em}.condition-glass-bar>span{color:#087949}.condition-zoom{display:flex;gap:3px}.condition-zoom button{min-height:24px;padding:4px 7px;border:1px solid #9aafb6;color:#4f6871;background:#e8f0f2;cursor:pointer;font:900 clamp(.4rem,.51vw,.47rem)/1 ui-monospace,monospace;transition:color 140ms ease,background 140ms ease,border-color 140ms ease,transform 140ms ease}.condition-zoom button:hover,.condition-zoom button:focus-visible{border-color:var(--blue);transform:translateY(-1px)}.condition-zoom button.is-active{border-color:var(--green-dark);color:#04110b;background:var(--green);box-shadow:0 0 0 2px rgba(54,230,145,.14)}
.condition-chart-viewer{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #163744;border-radius:6px;outline:none;background:#061118;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 35px rgba(5,17,23,.22)}.condition-chart-viewer:focus-visible{box-shadow:0 0 0 3px rgba(54,230,145,.45),inset 0 0 35px rgba(5,17,23,.22)}.condition-chart-viewer>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;transition:filter 200ms ease,transform 240ms ease}.condition-chart-viewer.is-inspecting{cursor:none}.condition-chart-viewer.is-inspecting>img{filter:saturate(.86) brightness(.82);transform:scale(1.003)}
.condition-lens{position:absolute;z-index:5;left:0;top:0;width:clamp(120px,12.5vw,188px);aspect-ratio:1;overflow:hidden;border:3px solid var(--green);border-radius:4px;opacity:0;pointer-events:none;background-image:url('/assets/charts/vendetta-condition-chart-v1.png');background-repeat:no-repeat;box-shadow:0 0 0 2px #061118,0 13px 34px rgba(0,0,0,.42),0 0 24px rgba(54,230,145,.32);transform:translateZ(0) scale(.93);transition:opacity 130ms ease,transform 180ms cubic-bezier(.2,.8,.2,1)}.condition-lens::before,.condition-lens::after{content:"";position:absolute;z-index:2;background:rgba(54,230,145,.48)}.condition-lens::before{left:50%;top:0;width:1px;height:100%}.condition-lens::after{left:0;top:50%;width:100%;height:1px}.condition-lens>span{position:absolute;z-index:3;right:5px;bottom:5px;padding:4px 6px;color:#04110b;background:var(--green);font:950 .43rem/1 ui-monospace,monospace;letter-spacing:.06em}.condition-chart-viewer.is-inspecting .condition-lens{opacity:1;transform:translateZ(0) scale(1)}
.condition-lens-prompt{position:absolute;z-index:3;left:50%;bottom:8%;display:grid;grid-template-columns:30px auto;grid-template-rows:1fr 1fr;align-items:center;padding:7px 12px;color:#dbe9ed;background:rgba(4,15,20,.88);border:1px solid rgba(54,230,145,.54);border-radius:4px;box-shadow:0 8px 25px rgba(0,0,0,.34);transform:translateX(-50%);transition:opacity 150ms ease,transform 170ms ease}.condition-lens-prompt i{grid-row:1/-1;color:var(--green);font:900 1.15rem/1 ui-monospace,monospace;font-style:normal}.condition-lens-prompt strong{white-space:nowrap;font-size:clamp(.47rem,.66vw,.59rem);letter-spacing:.07em}.condition-lens-prompt em{color:#8ea8b1;white-space:nowrap;font-size:clamp(.4rem,.52vw,.47rem);font-style:normal}.condition-chart-viewer.is-inspecting .condition-lens-prompt{opacity:0;transform:translate(-50%,6px);pointer-events:none}.condition-scanline{position:absolute;z-index:2;left:0;right:0;top:-12%;height:12%;pointer-events:none;opacity:.22;background:linear-gradient(180deg,transparent,rgba(54,230,145,.3),transparent);animation:condition-scan 6s linear infinite}@keyframes condition-scan{to{top:112%}}
.condition-glass figcaption{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:8px 4px 1px}.condition-glass figcaption span{padding:4px 6px;color:#fff;background:#0b2028;font:900 clamp(.4rem,.52vw,.47rem)/1 ui-monospace,monospace;letter-spacing:.08em}.condition-glass figcaption strong{color:#607983;font-size:clamp(.46rem,.64vw,.57rem);font-weight:700}

/* 05 timing */
.timing-console { position:relative;margin-top:clamp(15px,3vw,38px);padding-top:10px; }.timing-line{position:absolute;left:7%;right:7%;top:38%;height:4px;background:#b6c8ce}.timing-line::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--green),var(--orange));transform-origin:left;animation:timing-charge 6s ease-in-out infinite}@keyframes timing-charge{0%{transform:scaleX(0)}75%,100%{transform:scaleX(1)}}.timing-pulse{position:absolute;z-index:2;top:50%;left:0;width:20px;height:20px;border-radius:50%;background:var(--green-dark);box-shadow:0 0 0 6px rgba(7,159,93,.15),0 0 18px rgba(7,159,93,.55);transform:translate(-50%,-50%);animation:timing-move 6s ease-in-out infinite}@keyframes timing-move{0%{left:0}20%{left:25%}40%{left:50%}60%{left:75%}80%,100%{left:100%}}
.timing-steps{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.timing-step{padding:8px 6px;border:0;color:#071016;background:transparent;cursor:pointer;text-align:center}.timing-step>i{display:block;width:17px;height:17px;margin:clamp(24px,5vh,50px) auto 13px;border:4px solid #fff;border-radius:50%;background:#8198a1;box-shadow:0 0 0 2px #8198a1;transition:transform 180ms ease,background 180ms ease,box-shadow 180ms ease}.timing-step:hover>i,.timing-step:focus-visible>i,.timing-step.is-active>i{transform:scale(1.35);background:var(--green-dark);box-shadow:0 0 0 2px var(--green-dark),0 0 18px rgba(7,159,93,.45)}.timing-step span,.timing-step strong{display:block;font-size:clamp(.61rem,1vw,.9rem);font-weight:900}.timing-step em{display:block;margin-top:3px;color:#71868e;font-size:clamp(.48rem,.67vw,.58rem);font-style:normal}.timing-readout{margin:clamp(10px,2vw,22px) auto 0;width:min(720px,92%);padding:10px 14px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;border:1px solid #b8cad0;background:#edf5f7}.timing-readout span{color:#087949;font:850 .52rem/1 ui-monospace,monospace}.timing-readout strong{font-size:clamp(.62rem,.9vw,.8rem)}.timing-readout p{margin:0;color:#667e87;font-size:clamp(.51rem,.7vw,.62rem)}
.timing-rules{display:flex;justify-content:center;gap:clamp(8px,2vw,25px);margin-top:12px}.timing-rules strong{padding:8px 12px;background:#0a1a20;color:#fff;font-size:clamp(.6rem,.85vw,.76rem)}.timing-rules em{color:var(--green);font-style:normal}.timing-rules strong:last-child em{color:#ff6874}

/* 05 user-paced top-down fight replay */
.fight-replay{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(7px,1vw,12px);margin-top:clamp(7px,1.1vw,14px);min-height:0}.fight-beats{position:relative;z-index:5;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.fight-beat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 8px;min-height:clamp(49px,6.8vh,65px);padding:7px 9px;border:1px solid #adbec5;color:#0a1820;background:#edf3f5;cursor:pointer;text-align:left;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.fight-beat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#9bb0b8;transition:background 160ms ease}.fight-beat>span{grid-row:1/-1;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#59737c;background:#d6e2e6;font:900 .48rem/1 ui-monospace,monospace}.fight-beat strong{align-self:end;font-size:clamp(.5rem,.72vw,.64rem);line-height:1}.fight-beat em{align-self:start;margin-top:4px;color:#6d838b;font-size:clamp(.4rem,.52vw,.47rem);font-style:normal}.fight-beat:hover,.fight-beat:focus-visible{z-index:2;transform:translateY(-2px);border-color:var(--blue)}.fight-beat.is-active{border-color:var(--green-dark);background:#e1f5ea;box-shadow:0 7px 18px rgba(7,159,93,.11)}.fight-beat.is-active::after{background:var(--green-dark)}.fight-beat.is-active>span{color:#03110a;background:var(--green)}
.fight-body{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(220px,.53fr);gap:clamp(8px,1.1vw,14px);min-height:0}.fight-map{position:relative;align-self:center;width:100%;aspect-ratio:1000/560;overflow:hidden;border:1px solid #2d525d;border-radius:6px;color:#fff;background:radial-gradient(circle at 50% 50%,rgba(54,230,145,.13),transparent 20%),linear-gradient(90deg,#0a2634 0 49.8%,#35151a 50.2% 100%);box-shadow:inset 0 0 60px rgba(0,0,0,.48),0 12px 30px rgba(4,31,39,.14)}.fight-map::before{content:"";position:absolute;z-index:0;inset:3.5%;border:1px solid rgba(255,255,255,.13);clip-path:polygon(0 14%,18% 14%,24% 0,76% 0,82% 14%,100% 14%,100% 86%,82% 86%,76% 100%,24% 100%,18% 86%,0 86%);background:linear-gradient(90deg,rgba(39,185,239,.07),transparent 32%,transparent 68%,rgba(255,53,69,.07))}.fight-map-grid{position:absolute;z-index:0;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:36px 36px}.fight-map-wing{position:absolute;z-index:1;top:12%;bottom:12%;width:18%;opacity:.35;border:1px solid currentColor}.fight-map-wing--blue{left:3%;color:var(--blue);background:linear-gradient(90deg,rgba(39,185,239,.25),transparent);clip-path:polygon(0 0,100% 15%,78% 50%,100% 85%,0 100%)}.fight-map-wing--red{right:3%;color:#ff5260;background:linear-gradient(-90deg,rgba(255,53,69,.25),transparent);clip-path:polygon(100% 0,0 15%,22% 50%,0 85%,100% 100%)}.fight-objective{position:absolute;z-index:1;left:50%;top:50%;display:grid;width:16%;aspect-ratio:1;place-items:center;border:2px solid rgba(255,255,255,.23);border-radius:50%;background:radial-gradient(circle,rgba(54,230,145,.2),rgba(4,13,17,.75) 68%);transform:translate(-50%,-50%)}.fight-objective i{width:34%;aspect-ratio:1;border:1px solid var(--green);border-radius:50%;box-shadow:0 0 18px rgba(54,230,145,.45)}.fight-objective span{position:absolute;bottom:17%;color:#9cc4b3;font:850 clamp(.38rem,.52vw,.46rem)/1 ui-monospace,monospace;letter-spacing:.08em}.fight-cover{position:absolute;z-index:1;width:12%;height:10%;border:1px solid rgba(255,255,255,.16);background:#142e37;box-shadow:inset 0 0 0 3px rgba(0,0,0,.18)}.fight-cover--a{left:27%;top:13%;transform:skewX(-18deg)}.fight-cover--b{left:27%;bottom:13%;transform:skewX(18deg)}.fight-cover--c{right:27%;top:13%;transform:skewX(18deg)}.fight-cover--d{right:27%;bottom:13%;transform:skewX(-18deg)}.fight-healthpack{position:absolute;z-index:4;left:50%;bottom:3%;display:grid;place-items:center;transform:translateX(-50%);color:#d6eaf1}.fight-healthpack i{display:grid;width:clamp(22px,2.2vw,32px);aspect-ratio:1;place-items:center;border:2px solid var(--blue);border-radius:4px;background:#09202a;box-shadow:0 0 14px rgba(39,185,239,.42);font-style:normal;font-weight:950}.fight-healthpack span{margin-top:3px;font:850 clamp(.35rem,.45vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.08em}.fight-map-label{position:absolute;z-index:4;left:8px;top:7px;display:flex;gap:7px;align-items:center}.fight-map-label span,.fight-map-label b{padding:4px 6px;color:#b9d0d7;background:rgba(3,12,16,.76);font:850 clamp(.35rem,.46vw,.42rem)/1 ui-monospace,monospace;letter-spacing:.07em}.fight-map-label b{color:var(--green)}
.fight-effects{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.fight-heal{stroke-width:7;stroke-linecap:round;opacity:.76;vector-effect:non-scaling-stroke;transition:opacity 230ms ease,stroke 230ms ease,stroke-dasharray 230ms ease}.fight-heal--ally{stroke:var(--green);filter:drop-shadow(0 0 4px rgba(54,230,145,.8))}.fight-heal--enemy{stroke:#ffd866;filter:drop-shadow(0 0 4px rgba(255,216,102,.75))}.fight-heal.is-cut{opacity:.15;stroke:#ff5260;stroke-dasharray:7 14}.fight-heal.is-weak{opacity:.28;stroke-dasharray:10 10}.fight-attention{opacity:0;stroke:#ff5260;stroke-width:2.5;stroke-dasharray:7 8;vector-effect:non-scaling-stroke;transition:opacity 220ms ease,stroke 220ms ease,stroke-width 220ms ease;animation:fight-dash 1s linear infinite}.fight-attention.is-live{opacity:.72}.fight-attention.is-choice{opacity:.92;stroke:var(--orange);stroke-width:3.5;filter:drop-shadow(0 0 3px rgba(255,178,26,.62))}.fight-pressure{opacity:0;stroke:var(--blue);stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:opacity 220ms ease;filter:drop-shadow(0 0 3px rgba(39,185,239,.65))}.fight-pressure.is-live{opacity:.88}.fight-pressure[data-pressure^="vendetta"]{stroke:var(--green)}@keyframes fight-dash{to{stroke-dashoffset:-30}}.fight-entry-trail{fill:none;stroke:var(--green);stroke-width:7;stroke-linecap:round;stroke-dasharray:16 10;opacity:0;filter:drop-shadow(0 0 5px rgba(54,230,145,.8));vector-effect:non-scaling-stroke;transition:opacity 180ms ease}.fight-map[data-beat="3"] .fight-entry-trail,.fight-map[data-beat="4"] .fight-entry-trail{opacity:.8}.fight-exit-route{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:13 9;opacity:0;vector-effect:non-scaling-stroke;transition:opacity 180ms ease}.fight-exit-route--support{stroke:var(--green)}.fight-exit-route--pack{stroke:var(--blue)}.fight-map[data-beat="5"] .fight-exit-route{opacity:.72}.fight-map[data-exit="support"] .fight-exit-route--support,.fight-map[data-exit="pack"] .fight-exit-route--pack{opacity:1;filter:drop-shadow(0 0 5px currentColor)}.fight-map[data-exit="support"] .fight-exit-route--pack,.fight-map[data-exit="pack"] .fight-exit-route--support{opacity:.12}
.fight-lucio-aura{position:absolute;z-index:3;left:var(--x);top:var(--y);width:clamp(105px,19%,190px);aspect-ratio:1;border:2px solid rgba(54,230,145,.62);border-radius:50%;opacity:.72;transform:translate(-50%,-50%);box-shadow:inset 0 0 25px rgba(54,230,145,.08),0 0 14px rgba(54,230,145,.12);transition:left 680ms cubic-bezier(.18,.76,.16,1),top 680ms cubic-bezier(.18,.76,.16,1);pointer-events:none}.fight-lucio-aura>i{position:absolute;border:1px dashed rgba(39,185,239,.66);border-radius:50%;animation:lucio-aura 2s ease-in-out infinite}.fight-lucio-aura>i:first-child{inset:13%}.fight-lucio-aura>i:nth-child(2){inset:31%;animation-delay:-1s}.fight-lucio-aura>span{position:absolute;left:50%;bottom:-6px;padding:3px 5px;color:#03110a;background:var(--green);transform:translateX(-50%);font:950 clamp(.3rem,.4vw,.36rem)/1 ui-monospace,monospace;letter-spacing:.05em;white-space:nowrap}@keyframes lucio-aura{50%{opacity:.28;transform:scale(.92)}}.fight-token{position:absolute;z-index:6;left:var(--x);top:var(--y);display:grid;width:clamp(43px,4.1vw,61px);justify-items:center;transform:translate(-50%,-50%);transition:left 680ms cubic-bezier(.18,.76,.16,1),top 680ms cubic-bezier(.18,.76,.16,1),filter 180ms ease}.fight-token>div{position:relative;width:72%;aspect-ratio:1;border:3px solid currentColor;border-radius:50%;background:#07141a;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 5px 13px rgba(0,0,0,.4)}.fight-token--blue{color:var(--blue)}.fight-token--red{color:#ff5260}.fight-token img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.fight-token>span{max-width:76px;margin-top:4px;padding:2px 4px;color:#fff;background:rgba(2,9,12,.83);font:850 clamp(.33rem,.46vw,.42rem)/1 ui-monospace,monospace;letter-spacing:.025em;white-space:nowrap}.fight-token-hp{display:block;width:82%;height:4px;margin-bottom:3px;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#31141a}.fight-token-hp i{display:block;width:var(--hp);height:100%;background:currentColor;transition:width 430ms ease}.fight-token>[data-fighter-mark]{position:absolute;z-index:4;left:50%;top:-24px;display:none;padding:3px 5px;color:#04100c;background:var(--green);border:1px solid #fff;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.3);transform:translateX(-50%);font:950 clamp(.32rem,.43vw,.39rem)/1 ui-monospace,monospace;font-style:normal;letter-spacing:.04em;white-space:nowrap}.fight-token>[data-fighter-mark].is-live{display:block;animation:mark-pop 260ms ease both}.fight-token>[data-fighter-mark].is-warning{color:#fff;background:var(--red)}@keyframes mark-pop{from{opacity:0;transform:translate(-50%,7px) scale(.7)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.fight-contact-ring{position:absolute;z-index:3;left:50%;top:50%;width:18%;aspect-ratio:1;border:2px dashed var(--orange);border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity 180ms ease}.fight-contact-ring i{position:absolute;inset:20%;border:1px solid rgba(255,178,26,.65);border-radius:50%;animation:contact-pulse 1.3s ease-in-out infinite}.fight-contact-ring span{position:absolute;left:50%;bottom:-6px;padding:3px 5px;color:#061216;background:var(--orange);transform:translateX(-50%);font:900 clamp(.35rem,.48vw,.43rem)/1 ui-monospace,monospace}@keyframes contact-pulse{50%{inset:6%;opacity:.25}}.fight-map[data-beat="1"] .fight-contact-ring,.fight-map[data-beat="2"] .fight-contact-ring{opacity:1}.fight-cut-label,.fight-panic-label{position:absolute;z-index:8;right:2.5%;top:43%;display:flex;flex-direction:column;padding:6px 8px;border-left:4px solid var(--red);opacity:0;color:#fff;background:rgba(21,7,11,.9);transform:translateX(10px);transition:opacity 180ms ease,transform 220ms ease;pointer-events:none}.fight-cut-label span,.fight-panic-label span{font:950 clamp(.4rem,.56vw,.5rem)/1 ui-monospace,monospace;letter-spacing:.06em}.fight-cut-label b,.fight-panic-label b{margin-top:4px;color:#ff9aa3;font:800 clamp(.32rem,.43vw,.39rem)/1 ui-monospace,monospace}.fight-map[data-beat="3"] .fight-cut-label{opacity:1;transform:none}.fight-panic-label{right:30%;top:65%;border-color:var(--orange)}.fight-panic-label b{color:#ffd57b}.fight-map[data-beat="4"] .fight-panic-label{opacity:1;transform:none}
.fight-sidecar{display:flex;min-width:0;flex-direction:column;gap:7px}.fight-tank-bars{display:grid;grid-template-columns:1fr 1fr;gap:5px}.fight-tank-bar,.fight-vendetta-health{padding:8px;border:1px solid #b7c9d0;background:#eef4f6}.fight-tank-bar span,.fight-vendetta-health span{color:#53707a;font:850 clamp(.38rem,.5vw,.45rem)/1 ui-monospace,monospace;letter-spacing:.07em}.fight-tank-bar strong,.fight-vendetta-health strong{float:right;font:950 clamp(.43rem,.57vw,.51rem)/1 ui-monospace,monospace}.fight-tank-bar>div,.fight-vendetta-health>div{height:6px;margin-top:7px;clear:both;background:#c9d5d9}.fight-tank-bar i,.fight-vendetta-health i{display:block;width:100%;height:100%;transition:width 430ms ease}.fight-tank-bar--blue i{background:var(--blue)}.fight-tank-bar--red i{background:var(--red)}.fight-readout{flex:1;padding:clamp(11px,1.25vw,17px);border:1px solid #9db4bc;color:#fff;background:linear-gradient(155deg,#0d252e,#07151a);box-shadow:inset 0 0 34px rgba(39,185,239,.06)}.fight-readout>span{color:var(--green);font:850 clamp(.4rem,.52vw,.47rem)/1 ui-monospace,monospace;letter-spacing:.09em}.fight-readout>strong{display:block;margin:clamp(9px,1.2vh,13px) 0 7px;font-size:clamp(.75rem,1.15vw,1.04rem);line-height:.95}.fight-readout>p{margin:0;color:#b8cbd2;font-size:clamp(.48rem,.65vw,.58rem);font-weight:650;line-height:1.45}.fight-rule{margin-top:clamp(10px,1.3vh,15px);padding:8px;border-left:3px solid var(--green);background:rgba(54,230,145,.07)}.fight-rule b{display:block;color:var(--green);font:900 clamp(.38rem,.49vw,.44rem)/1 ui-monospace,monospace;letter-spacing:.08em}.fight-rule em{display:block;margin-top:5px;color:#d7e4e8;font-size:clamp(.46rem,.61vw,.55rem);font-style:normal;font-weight:750;line-height:1.3}.fight-vendetta-health i{background:linear-gradient(90deg,var(--red),var(--orange),var(--green-dark))}.fight-exit-panel{padding:9px;border:1px solid #b8c8cd;opacity:.26;background:#e8eff1;pointer-events:none;transition:opacity 180ms ease,border-color 180ms ease}.fight-replay.is-exit-beat .fight-exit-panel{border-color:var(--green-dark);opacity:1;pointer-events:auto}.fight-exit-panel>span{color:#087949;font:900 clamp(.37rem,.49vw,.44rem)/1 ui-monospace,monospace;letter-spacing:.08em}.fight-exit-panel>strong{display:block;margin:5px 0 7px;font-size:clamp(.48rem,.66vw,.59rem)}.fight-exit-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.fight-exit-panel button{min-height:28px;padding:5px;border:1px solid #97adb5;color:#19313a;background:#f8fbfc;cursor:pointer;font-size:clamp(.37rem,.48vw,.43rem);font-weight:900}.fight-exit-panel button:hover,.fight-exit-panel button:focus-visible{border-color:var(--blue)}.fight-exit-panel button.is-active{border-color:var(--green-dark);color:#04110b;background:var(--green)}.fight-exit-panel em{display:block;margin-top:7px;color:#637a83;font-size:clamp(.4rem,.52vw,.47rem);font-style:normal;line-height:1.25}

/* 06 routes */
.route-console { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(235px,.7fr);gap:clamp(12px,2vw,24px);margin-top:clamp(7px,1.1vw,14px);min-height:0; }
.real-route-map { position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:760/846;min-height:0;overflow:hidden;border:1px solid #6c8790;background:#101719; }
.real-route-map>img { display:block;width:91.84%;height:100%;object-fit:fill;object-position:left center; }
.real-route-map svg { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.enemy-zone { fill:rgba(255,53,69,.13);stroke:#ff4051;stroke-width:5;stroke-dasharray:13 9;vector-effect:non-scaling-stroke; }
.enemy-zone-label,.route-start-label { fill:#fff;font:850 17px/1 ui-monospace,monospace;paint-order:stroke;stroke:#091114;stroke-width:5px;letter-spacing:.06em; }
.route-start { fill:#05090b;stroke:#fff;stroke-width:3; }.route-start-label{font-size:14px;}
.active-route-line { fill:none;stroke:#36e691;stroke-width:6;stroke-linecap:round;stroke-dasharray:12 9;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(54,230,145,.85)); }
.route-token>circle { fill:#071318;stroke:#36e691;stroke-width:5;filter:drop-shadow(0 0 7px rgba(54,230,145,.85)); }
.map-route-legend { position:absolute;left:8px;bottom:8px;display:flex;gap:12px;padding:6px 8px;color:#fff;background:rgba(3,10,12,.82);font:800 .46rem/1 ui-monospace,monospace; }
.map-route-legend span{display:flex;align-items:center;gap:5px}.map-route-legend i{width:17px;height:3px;background:var(--green)}.map-route-legend span:last-child i{height:9px;border:1px dashed var(--red);background:rgba(255,53,69,.2)}
.route-options{display:grid;align-content:center;gap:8px}.route-readout{padding:clamp(11px,1.4vw,17px);border-left:4px solid var(--green-dark);background:#0a1b21;color:#fff}.route-readout span{color:var(--green);font:850 .52rem/1 ui-monospace,monospace}.route-readout strong{display:block;margin:8px 0 5px;font-size:clamp(.75rem,1.15vw,1rem)}.route-readout p{margin:0;color:#9ab0b8;font-size:clamp(.51rem,.71vw,.62rem);line-height:1.4}
.route-sequence{display:grid;gap:5px}.route-card{padding:9px 11px;border:1px solid #b4c7ce;color:#657981;background:#eef3f5;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}.route-card.is-active{transform:translateX(-6px);border-color:var(--green-dark);color:#071016;background:#e1f5ea}.route-card span{color:#087949;font:900 .5rem/1 ui-monospace,monospace;letter-spacing:.08em}.route-card strong{display:block;margin-top:4px;font-size:clamp(.58rem,.82vw,.72rem)}
.route-next{padding:11px 13px;border:1px solid var(--green-dark);color:#fff;background:#0b2a21;text-align:left;cursor:pointer;transition:transform 170ms ease,box-shadow 170ms ease}.route-next:hover,.route-next:focus-visible{transform:translateY(-2px);box-shadow:0 9px 24px rgba(7,159,93,.24)}.route-next span{display:block;color:var(--green);font:850 .48rem/1 ui-monospace,monospace}.route-next strong{display:block;margin-top:4px;font-size:clamp(.62rem,.9vw,.78rem)}
.danger-window{padding:8px 10px;border-left:3px solid var(--red);background:#f6e8ea}.danger-window span{display:block;color:#a91d31;font:850 .47rem/1 ui-monospace,monospace}.danger-window strong{display:block;margin:4px 0;font-size:clamp(.59rem,.84vw,.72rem)}.danger-window em{display:block;color:#735e62;font-size:clamp(.47rem,.65vw,.56rem);font-style:normal;line-height:1.3}

/* 07 attention */
.attention-arena { position:relative;min-height:clamp(220px,39vh,390px);margin-top:clamp(9px,1.5vw,18px);border:1px solid #9fb8c0;background:linear-gradient(90deg,#e7f1f4 0 36%,#f8fbfc 36% 65%,#f4e7e9 65%);overflow:hidden; }
.team-front{position:absolute;left:3%;top:10%;width:31%;text-align:center}.team-front>span{color:#0872a0;font:850 .52rem/1 ui-monospace,monospace;letter-spacing:.1em}.team-front>strong{display:block;margin:6px 0 9px;font-size:clamp(.9rem,1.8vw,1.5rem)}
.frontline-clash{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:10px 7px;border:1px solid #b8c9cf;background:rgba(255,255,255,.72)}.frontline-clash>em{color:#738891;font:900 .55rem/1 ui-monospace,monospace;font-style:normal}.ally-dots,.front-enemies{position:relative;display:flex;justify-content:center;gap:4px;padding-bottom:15px}.ally-dots i,.front-enemies i{width:clamp(10px,1.2vw,16px);height:clamp(10px,1.2vw,16px);border-radius:50%}.ally-dots i{background:var(--blue);box-shadow:0 0 8px rgba(39,185,239,.38)}.front-enemies i{background:var(--red);box-shadow:0 0 8px rgba(255,53,69,.32)}.ally-dots b,.front-enemies b{position:absolute;bottom:0;font:850 .43rem/1 ui-monospace,monospace;white-space:nowrap}.ally-dots b{color:#0872a0}.front-enemies b{color:#9d2132}
.attention-trigger{position:absolute;z-index:4;left:51%;top:51%;width:clamp(132px,18vw,210px);transform:translate(-50%,-50%);border:0;color:#071016;background:transparent;cursor:pointer}.vendetta-beacon{position:relative;display:block;width:clamp(78px,9vw,112px);height:clamp(78px,9vw,112px);margin:0 auto 8px;border:4px solid var(--green-dark);border-radius:50%;box-shadow:0 0 0 10px rgba(7,159,93,.09),0 0 35px rgba(7,159,93,.24)}.vendetta-beacon>.hero-face{width:100%;height:100%;border-radius:50%;overflow:hidden}.vendetta-beacon>i{position:absolute;inset:-9%;border:2px dashed var(--green);border-radius:50%;transform:none;animation:none}.beacon-sword{position:absolute;z-index:7;left:48%;top:32%;width:clamp(72px,8vw,104px);height:auto;transform-origin:18% 72%;transform:rotate(-26deg);pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.42))}.attention-trigger strong{display:block;font-size:clamp(.65rem,1vw,.85rem)}.attention-trigger em{display:block;color:#6b8189;font-size:clamp(.5rem,.68vw,.6rem);font-style:normal}.attention-trigger:hover .vendetta-beacon,.attention-trigger:focus-visible .vendetta-beacon{box-shadow:0 0 0 14px rgba(7,159,93,.12),0 0 55px rgba(7,159,93,.36)}
.enemy-watchers{position:absolute;right:4%;top:15%;bottom:18%;width:26%}.watcher{position:absolute;display:grid;place-items:center;width:clamp(52px,5.2vw,70px);height:clamp(52px,5.2vw,70px);border:2px solid #b96a74;border-radius:50%;background:#fff;color:#7b1f2b;transition:transform 1437ms cubic-bezier(.18,.82,.14,1),box-shadow 300ms ease,background 220ms ease}.watcher-one{right:3%;top:0}.watcher-two{left:0;bottom:0}.watcher i{font-size:1.4rem;font-style:normal;font-weight:950}.watcher b{position:absolute;top:105%;font:800 .48rem/1 ui-monospace,monospace;white-space:nowrap}.attention-arena.is-taxed .watcher{background:#ffe4e7;box-shadow:0 0 18px rgba(255,53,69,.25)}.attention-arena.is-chasing .watcher-one{transform:translate(var(--enemy-one-shift-x,-20vw),var(--enemy-one-shift-y,45vh)) rotate(-18deg);box-shadow:0 0 25px rgba(255,53,69,.4)}.attention-arena.is-chasing .watcher-two{transform:translate(-9vw,-17vh) rotate(12deg);box-shadow:0 0 25px rgba(255,53,69,.4)}.attention-arena.is-chasing .beacon-sword{animation:beacon-sword-wave 880ms 1437ms ease-in-out 1}.attention-arena.is-chasing .team-front{animation:team-push 1s ease-in-out infinite alternate}@keyframes team-push{to{transform:translateX(13px)}}@keyframes beacon-sword-wave{0%,100%{transform:rotate(-26deg)}38%{transform:rotate(22deg) translate(6px,-5px)}70%{transform:rotate(-42deg) translate(-3px,2px)}}
.attention-meter{position:absolute;left:36%;right:34%;bottom:6%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.attention-meter span{font:800 .48rem/1 ui-monospace,monospace}.attention-meter>div{height:7px;background:#d2dfe3}.attention-meter i{display:block;width:0;height:100%;background:var(--red);transition:width 500ms ease}.attention-meter strong{font-size:.68rem}.attention-jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.attention-jobs>div{padding:8px 12px;border:1px solid #b6c8cf;background:#f8fbfc}.attention-jobs span{color:#087949;font:850 .5rem/1 ui-monospace,monospace}.attention-jobs strong{margin-left:8px;font-size:clamp(.65rem,.9vw,.8rem)}.attention-jobs p{display:inline;margin-left:5px;color:#687e87;font-size:clamp(.5rem,.68vw,.59rem)}

/* 08 synergies */
.synergy-console{margin-top:clamp(10px,1.7vw,22px)}.synergy-heroes{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(7px,1.2vw,14px)}.synergy-hero{position:relative;padding:clamp(10px,1.4vw,17px);border:1px solid #b4c7ce;color:#071016;background:#f8fbfc;cursor:pointer;overflow:hidden;transition:transform 190ms ease,border-color 190ms ease,box-shadow 190ms ease}.synergy-hero .hero-face{width:clamp(62px,8vw,105px);height:clamp(62px,8vw,105px);margin:0 auto 8px;border:3px solid #829aa4;border-radius:50%;transition:border-color 190ms ease,box-shadow 190ms ease}.synergy-hero strong{display:block;font-size:clamp(.68rem,1vw,.9rem)}.synergy-hero span{display:block;margin-top:2px;color:#6d838b;font-size:clamp(.5rem,.7vw,.62rem)}.synergy-hero i{display:inline-block;margin-top:8px;padding:4px 7px;color:#70868e;background:#e5edef;font:800 .46rem/1 ui-monospace,monospace;font-style:normal}.synergy-hero:hover,.synergy-hero:focus-visible{transform:translateY(-6px);border-color:var(--blue)}.synergy-hero.is-active{transform:translateY(-8px);border-color:var(--green-dark);box-shadow:0 15px 35px rgba(7,159,93,.17);background:#e7f7ef}.synergy-hero.is-active .hero-face{border-color:var(--green-dark);box-shadow:0 0 22px rgba(7,159,93,.35)}.synergy-hero.is-active i{color:#fff;background:var(--green-dark)}
.urgency-equation{margin:clamp(10px,1.8vw,20px) 0 8px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,26px);font-weight:900}.urgency-equation span{padding:8px 12px;background:#e0e9ec;font-size:clamp(.6rem,.9vw,.8rem)}.urgency-equation b{color:var(--blue);font-size:1.2rem}.urgency-equation strong{min-width:clamp(140px,18vw,250px);padding:10px 12px;color:#fff;background:#23373e;text-align:center;font-size:clamp(.63rem,1vw,.9rem);transition:background 220ms ease,box-shadow 220ms ease}.synergy-console.level-4 .urgency-equation strong{background:var(--red-deep);box-shadow:0 0 24px rgba(255,53,69,.35)}.urgency-meter{position:relative;height:18px;background:#d5e1e4;overflow:hidden}.urgency-meter i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--blue),var(--green),var(--orange),var(--red));transition:width 350ms ease}.urgency-meter span{position:absolute;z-index:2;top:50%;transform:translateY(-50%);font:850 .44rem/1 ui-monospace,monospace}.urgency-meter span:nth-of-type(1){left:7px}.urgency-meter span:last-child{right:7px}

/* 09 tank countdown */
.countdown-layout{display:grid;grid-template-columns:1fr 2fr;gap:clamp(12px,2vw,26px);align-items:stretch;margin-top:clamp(10px,1.7vw,22px)}.countdown-core{position:relative;min-height:clamp(210px,38vh,380px);border:1px solid #36515b;color:#fff;background:radial-gradient(circle at 50% 45%,rgba(54,230,145,.16),transparent 35%),#07181e;cursor:pointer;overflow:hidden}.countdown-core::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(54,230,145,.34);border-radius:50%;animation:spin-only 12s linear infinite}.countdown-core>span{position:relative;z-index:2;display:block;font-size:clamp(5rem,12vw,11rem);font-weight:950;line-height:.9;text-shadow:0 0 45px rgba(54,230,145,.3);transition:transform 180ms ease,color 180ms ease}.countdown-core strong,.countdown-core em{position:relative;z-index:2;display:block}.countdown-core strong{font-size:clamp(.62rem,.9vw,.8rem);letter-spacing:.08em}.countdown-core em{margin-top:4px;color:#7f9ca6;font-size:clamp(.48rem,.65vw,.58rem);font-style:normal}.countdown-core:hover>span,.countdown-core:focus-visible>span{transform:scale(1.08);color:var(--green)}.countdown-core.is-running>span{animation:count-pop 640ms ease}@keyframes count-pop{0%{transform:scale(.45);opacity:.2}65%{transform:scale(1.15)}100%{transform:scale(1)}}.countdown-core.is-go{background:radial-gradient(circle,rgba(54,230,145,.48),transparent 55%),#07181e;box-shadow:inset 0 0 70px rgba(54,230,145,.25)}
.handshake-rules{display:grid;gap:7px}.handshake-rules>div{display:grid;grid-template-columns:38px 1fr;align-content:center;padding:clamp(10px,1.5vw,17px);border:1px solid #b7c9d0;background:#f8fbfc}.handshake-rules span{grid-row:1/3;color:var(--green-dark);font:900 1.1rem/1 ui-monospace,monospace}.handshake-rules strong{font-size:clamp(.62rem,.9vw,.82rem)}.handshake-rules p{margin:3px 0 0;color:#667e87;font-size:clamp(.51rem,.7vw,.62rem);line-height:1.35}.zarya-note{margin-top:8px;display:flex;align-items:center;gap:10px;padding:7px 12px;color:#fff;background:#0a1b21}.zarya-note .hero-face{width:38px;height:38px;border:2px solid var(--green);border-radius:50%}.zarya-note p{margin:0}.zarya-note span{display:block;color:var(--green);font:850 .48rem/1 ui-monospace,monospace}.zarya-note strong{font-size:clamp(.58rem,.8vw,.72rem)}

/* 10 user-paced support resource / return / peel reconstruction */
.support-replay{display:grid;gap:clamp(6px,.8vw,10px);margin-top:clamp(6px,1vw,12px);min-height:0}.support-beats{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.support-beat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 7px;min-height:clamp(47px,6vh,59px);padding:6px 8px;border:1px solid #adbec5;color:#0a1820;background:#edf3f5;cursor:pointer;text-align:left;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}.support-beat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#9bb0b8}.support-beat>span{grid-row:1/-1;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#59737c;background:#d6e2e6;font:900 .46rem/1 ui-monospace,monospace}.support-beat strong{align-self:end;font-size:clamp(.48rem,.67vw,.6rem);line-height:1}.support-beat em{align-self:start;margin-top:3px;color:#6d838b;font-size:clamp(.37rem,.47vw,.43rem);font-style:normal}.support-beat:hover,.support-beat:focus-visible{transform:translateY(-2px);border-color:var(--blue)}.support-beat.is-active{border-color:var(--green-dark);background:#e1f5ea}.support-beat.is-active::after{background:var(--green-dark)}.support-beat.is-active>span{color:#03110a;background:var(--green)}
.support-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(225px,.58fr);gap:clamp(7px,1vw,12px);min-height:0}.support-tac-map{position:relative;align-self:center;width:100%;aspect-ratio:1000/540;overflow:hidden;border:1px solid #2d525d;border-radius:6px;color:#fff;background:radial-gradient(circle at 51% 53%,rgba(54,230,145,.11),transparent 24%),linear-gradient(90deg,#092532 0 66%,#32151a 66%);box-shadow:inset 0 0 58px rgba(0,0,0,.48),0 10px 25px rgba(4,31,39,.14)}.support-tac-map::before{content:"";position:absolute;z-index:0;inset:4%;border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 8%,28% 8%,34% 0,71% 0,77% 12%,100% 12%,100% 88%,77% 88%,71% 100%,34% 100%,28% 92%,0 92%);background:linear-gradient(90deg,rgba(39,185,239,.06),transparent 57%,rgba(255,53,69,.06))}.support-map-grid{position:absolute;z-index:0;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:34px 34px}.support-objective{position:absolute;z-index:1;left:53%;top:53%;display:grid;width:17%;aspect-ratio:1;place-items:center;border:2px dashed rgba(255,178,26,.65);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,178,26,.13),rgba(4,13,17,.7) 68%)}.support-objective i{width:36%;aspect-ratio:1;border:1px solid var(--orange);border-radius:50%}.support-objective span{position:absolute;bottom:15%;font:900 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.07em}.support-wall{position:absolute;z-index:4;width:16%;height:11%;border:1px solid rgba(255,255,255,.17);background:#17313a;box-shadow:inset 0 0 0 3px rgba(0,0,0,.18)}.support-wall span{position:absolute;right:5px;bottom:4px;color:#8fa9b2;font:850 clamp(.3rem,.4vw,.36rem)/1 ui-monospace,monospace}.support-wall--top{left:23%;top:22%;transform:skewX(-16deg)}.support-wall--low{left:35%;bottom:11%;transform:skewX(14deg)}.support-map-label{position:absolute;z-index:8;left:8px;top:7px;display:flex;gap:6px}.support-map-label span,.support-map-label b{padding:4px 6px;color:#b9d0d7;background:rgba(3,12,16,.8);font:850 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.06em}.support-map-label b{color:var(--green)}
.support-effects{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.support-beam,.support-sightline,.support-danger-line,.support-peel-line{opacity:0;vector-effect:non-scaling-stroke;transition:opacity 220ms ease,stroke 220ms ease,stroke-width 220ms ease}.support-beam{stroke:var(--green);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(54,230,145,.75))}.support-beam.is-live{opacity:.82}.support-beam.is-weak{opacity:.28;stroke-width:4}.support-beam.is-overfed{opacity:1;stroke:var(--orange);stroke-width:11;filter:drop-shadow(0 0 7px rgba(255,178,26,.8))}.support-sightline{stroke:#ff5967;stroke-width:3;stroke-dasharray:9 9}.support-sightline.is-live{opacity:.75}.support-sightline.is-blocked{stroke:var(--red);filter:drop-shadow(0 0 4px rgba(255,53,69,.6))}.support-sightline.is-called{stroke:var(--blue);stroke-dasharray:4 6;filter:drop-shadow(0 0 4px rgba(39,185,239,.75))}.support-danger-line{stroke:var(--red);stroke-width:4;stroke-dasharray:9 7;animation:fight-dash .8s linear infinite}.support-danger-line.is-live{opacity:.88}.support-peel-line{stroke:var(--green);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(54,230,145,.85))}.support-peel-line.is-live{opacity:1}
.support-token{position:absolute;z-index:6;left:var(--x);top:var(--y);display:grid;width:clamp(43px,4vw,59px);justify-items:center;transform:translate(-50%,-50%);transition:left 620ms cubic-bezier(.18,.76,.16,1),top 620ms cubic-bezier(.18,.76,.16,1),opacity 220ms ease}.support-token>div{width:72%;aspect-ratio:1;overflow:hidden;border:3px solid currentColor;border-radius:50%;background:#07141a;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 5px 13px rgba(0,0,0,.42)}.support-token--blue{color:var(--blue)}.support-token--red{color:var(--red)}.support-token .hero-face{display:block;width:100%;height:100%;object-fit:cover}.support-token>span{margin-top:4px;padding:2px 4px;color:#fff;background:rgba(2,9,12,.86);font:850 clamp(.33rem,.45vw,.41rem)/1 ui-monospace,monospace;white-space:nowrap}.support-token>b{display:block;width:82%;height:4px;margin-bottom:3px;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#31141a}.support-token>b>i{display:block;width:var(--hp);height:100%;background:currentColor;transition:width 350ms ease}.support-token>[data-support-mark]{position:absolute;z-index:8;left:50%;top:-23px;display:none;padding:3px 5px;color:#04100c;background:var(--green);border:1px solid #fff;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.3);transform:translateX(-50%);font:950 clamp(.3rem,.41vw,.37rem)/1 ui-monospace,monospace;font-style:normal;letter-spacing:.03em;white-space:nowrap}.support-token>[data-support-mark].is-live{display:block;animation:mark-pop 240ms ease both}.support-token>[data-support-mark].is-warning{color:#fff;background:var(--red)}.support-token--genji{opacity:0;pointer-events:none}.support-token--genji.is-present{opacity:1}
.support-return-ping{position:absolute;z-index:7;left:35%;top:18%;display:none;width:18%;aspect-ratio:1;border:2px dashed var(--blue);border-radius:50%;transform:translate(-50%,-50%);animation:ping-pulse 1.2s ease-in-out infinite}.support-return-ping.is-live{display:block}.support-return-ping i{position:absolute;inset:19%;border:1px solid var(--green);border-radius:50%}.support-return-ping strong,.support-return-ping span{position:absolute;left:50%;padding:3px 5px;transform:translateX(-50%);white-space:nowrap;font:900 clamp(.3rem,.4vw,.36rem)/1 ui-monospace,monospace}.support-return-ping strong{bottom:-6px;color:#061216;background:var(--blue)}.support-return-ping span{top:103%;margin-top:5px;color:var(--green);background:#061216}@keyframes ping-pulse{50%{box-shadow:0 0 0 10px rgba(39,185,239,.05);opacity:.55}}.support-map-banner{position:absolute;z-index:8;left:50%;bottom:2.5%;display:flex;gap:8px;align-items:center;max-width:72%;padding:6px 9px;border-left:4px solid var(--green);color:#fff;background:rgba(3,12,16,.9);transform:translateX(-50%)}.support-map-banner span{color:var(--green);font:900 clamp(.32rem,.42vw,.38rem)/1 ui-monospace,monospace;letter-spacing:.06em}.support-map-banner strong{font:900 clamp(.35rem,.48vw,.43rem)/1 ui-monospace,monospace;white-space:nowrap}.support-map-banner.is-warning{border-color:var(--red)}.support-map-banner.is-warning span{color:#ff7883}
.support-sidecar{display:flex;min-width:0;flex-direction:column;gap:6px}.support-resources,.support-healths{display:grid;grid-template-columns:1fr 1fr;gap:5px}.support-resources>div,.support-healths>div{padding:7px;border:1px solid #b7c9d0;background:#eef4f6}.support-resources span,.support-healths span{color:#53707a;font:850 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.06em}.support-resources strong,.support-healths strong{float:right;font:950 clamp(.38rem,.5vw,.46rem)/1 ui-monospace,monospace}.support-resources b,.support-healths b{display:block;height:5px;margin-top:6px;clear:both;background:#c9d5d9}.support-resources b i,.support-healths b i{display:block;width:100%;height:100%;transition:width 330ms ease}.support-resources b i{background:linear-gradient(90deg,var(--orange),var(--green))}.support-healths b i{background:var(--blue)}.support-healths>div:last-child b i{background:linear-gradient(90deg,var(--red),var(--orange),var(--green-dark))}.support-readout{flex:1;padding:clamp(10px,1.1vw,15px);border:1px solid #9db4bc;color:#fff;background:linear-gradient(155deg,#0d252e,#07151a)}.support-readout>span{color:var(--green);font:850 clamp(.38rem,.49vw,.44rem)/1 ui-monospace,monospace;letter-spacing:.08em}.support-readout>strong{display:block;margin:8px 0 6px;font-size:clamp(.7rem,1vw,.92rem)}.support-readout>p{margin:0;color:#b8cbd2;font-size:clamp(.45rem,.59vw,.53rem);font-weight:650;line-height:1.4}.support-readout>div{margin-top:9px;padding:7px;border-left:3px solid var(--green);background:rgba(54,230,145,.07)}.support-readout>div b{display:block;color:var(--green);font:900 clamp(.34rem,.43vw,.39rem)/1 ui-monospace,monospace;letter-spacing:.07em}.support-readout>div em{display:block;margin-top:4px;color:#d7e4e8;font-size:clamp(.41rem,.54vw,.49rem);font-style:normal;line-height:1.3}.support-actions{padding:7px;border:1px solid #b8c8cd;background:#e8eff1}.support-actions[hidden]{display:none}.support-actions>span{color:#087949;font:900 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.07em}.support-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px}.support-actions button{min-height:28px;padding:5px 6px;border:1px solid #97adb5;color:#19313a;background:#f8fbfc;cursor:pointer;font-size:clamp(.34rem,.44vw,.4rem);font-weight:900}.support-actions button:hover,.support-actions button:focus-visible{border-color:var(--blue)}.support-actions button.is-active{border-color:var(--green-dark);color:#04110b;background:var(--green)}.support-actions button[data-support-resource="spend"].is-active,.support-actions button[data-support-peel="late"].is-active{border-color:var(--red);color:#fff;background:var(--red-deep)}.support-actions[data-support-location-actions]>div{grid-template-columns:1fr}
.support-handshake-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.support-handshake-strip>div{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;padding:7px 9px;border:1px solid #b5c7ce;background:#f8fbfc}.support-handshake-strip span{color:#087949;font:900 clamp(.36rem,.48vw,.43rem)/1 ui-monospace,monospace;letter-spacing:.05em}.support-handshake-strip strong{font-size:clamp(.42rem,.56vw,.5rem);line-height:1.25}

/* 10 simplified support flow */
.support-sim{display:grid;gap:clamp(7px,1vw,11px);margin-top:clamp(7px,1vw,12px);min-height:0}.support-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.support-mode-switch button{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 11px;min-height:clamp(58px,7.5vh,72px);padding:9px 14px;border:1px solid #a9bdc5;color:#0a1820;background:#edf3f5;cursor:pointer;text-align:left;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease}.support-mode-switch button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#9bb0b8}.support-mode-switch button:hover,.support-mode-switch button:focus-visible{transform:translateY(-2px);border-color:var(--blue)}.support-mode-switch button.is-active{border-color:var(--green-dark);background:#e1f5ea}.support-mode-switch button.is-active::after{background:var(--green-dark)}.support-mode-switch button>span{grid-row:1/-1;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#04110b;background:var(--green);font:950 .58rem/1 ui-monospace,monospace}.support-mode-switch strong{align-self:end;font-size:clamp(.65rem,.9vw,.82rem);line-height:1}.support-mode-switch em{align-self:start;margin-top:5px;color:#617983;font-size:clamp(.48rem,.64vw,.57rem);font-style:normal;font-weight:650}
.support-flow-map{position:relative;width:100%;aspect-ratio:1000/500;min-height:0;overflow:hidden;border:1px solid #2d525d;border-radius:6px;color:#fff;background:radial-gradient(circle at 50% 52%,rgba(54,230,145,.12),transparent 20%),linear-gradient(90deg,#092632 0 52%,#32151a 52%);box-shadow:inset 0 0 64px rgba(0,0,0,.5),0 11px 26px rgba(4,31,39,.14);transition:background 260ms ease}.support-flow-map[data-mode="resource"][data-outcome="spend"]{background:radial-gradient(circle at 50% 52%,rgba(255,53,69,.22),transparent 25%),linear-gradient(90deg,#122731 0 41%,#42151c 64%)}.support-flow-map[data-mode="resource"][data-outcome="reserve"]{background:radial-gradient(circle at 50% 52%,rgba(54,230,145,.2),transparent 27%),linear-gradient(90deg,#092d32 0 58%,#2c171b 58%)}.support-flow-grid{position:absolute;z-index:0;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:38px 38px}.support-flow-map::before{content:"";position:absolute;z-index:0;inset:5%;border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 10%,24% 10%,30% 0,70% 0,76% 10%,100% 10%,100% 90%,76% 90%,70% 100%,30% 100%,24% 90%,0 90%);background:linear-gradient(90deg,rgba(39,185,239,.05),transparent 46%,rgba(255,53,69,.05))}.support-flow-objective{position:absolute;z-index:1;left:51%;top:53%;display:grid;width:18%;aspect-ratio:1;place-items:center;border:3px dashed var(--orange);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,178,26,.12),rgba(4,13,17,.75) 68%);transition:border-color 250ms ease,box-shadow 250ms ease}.support-flow-objective i{width:34%;aspect-ratio:1;border:2px solid var(--orange);border-radius:50%}.support-flow-objective span{position:absolute;bottom:25%;font:950 clamp(.44rem,.58vw,.52rem)/1 ui-monospace,monospace;letter-spacing:.08em}.support-flow-objective b{position:absolute;bottom:10%;color:#ffd375;font:900 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;white-space:nowrap}.support-flow-map[data-outcome="spend"] .support-flow-objective{border-color:var(--red);box-shadow:0 0 35px rgba(255,53,69,.25)}.support-flow-map[data-outcome="reserve"] .support-flow-objective{border-color:var(--green);box-shadow:0 0 35px rgba(54,230,145,.22)}.support-flow-map[data-mode="peel"] .support-flow-objective{opacity:.18}.support-flow-legend{position:absolute;z-index:8;left:10px;top:9px;display:flex;gap:8px;padding:6px 8px;color:#d6e7ec;background:rgba(3,12,16,.87);font:900 clamp(.38rem,.51vw,.46rem)/1 ui-monospace,monospace;letter-spacing:.05em}.support-flow-legend span{display:flex;gap:5px;align-items:center}.support-flow-legend i{display:block;width:22px;height:4px;background:var(--green);box-shadow:0 0 5px rgba(54,230,145,.5)}.support-flow-legend span:last-child i{height:2px;background:repeating-linear-gradient(90deg,var(--red) 0 5px,transparent 5px 8px);box-shadow:none}
.support-flow-lines{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}.support-flow-lines marker path{fill:var(--red)}.support-flow{opacity:0;vector-effect:non-scaling-stroke;transition:opacity 220ms ease,stroke 220ms ease,stroke-width 220ms ease}.support-flow.is-live{opacity:.86}.support-flow--heal{stroke:var(--green);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(54,230,145,.78))}.support-flow--heal.support-flow--secondary{stroke:var(--blue);stroke-width:5;opacity:0}.support-flow--heal.support-flow--secondary.is-live{opacity:.7}.support-flow--enemy{stroke:var(--red);stroke-width:3;stroke-dasharray:9 8;marker-end:url(#support-arrow-red);animation:fight-dash .9s linear infinite}.support-flow--return{stroke:var(--green);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(54,230,145,.9))}.support-flow--dive{stroke:var(--red);stroke-width:6;stroke-dasharray:11 8;marker-end:url(#support-arrow-red);animation:fight-dash .75s linear infinite}.support-flow--peel{stroke:var(--green);stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(54,230,145,.9))}.support-flow.is-weak{opacity:.26;stroke-width:4}.support-flow.is-overfed{opacity:1;stroke:var(--orange);stroke-width:13;filter:drop-shadow(0 0 9px rgba(255,178,26,.85))}
.support-unit{position:absolute;z-index:6;left:var(--x);top:var(--y);display:grid;width:clamp(47px,4.5vw,67px);justify-items:center;transform:translate(-50%,-50%);transition:left 620ms cubic-bezier(.18,.76,.16,1),top 620ms cubic-bezier(.18,.76,.16,1),opacity 220ms ease,filter 220ms ease}.support-unit>div{width:76%;aspect-ratio:1;overflow:hidden;border:3px solid currentColor;border-radius:50%;background:#07141a;box-shadow:0 0 0 4px rgba(255,255,255,.09),0 6px 14px rgba(0,0,0,.44)}.support-unit--blue{color:var(--blue)}.support-unit--red{color:var(--red)}.support-unit .hero-face{display:block;width:100%;height:100%;object-fit:cover}.support-unit>span{margin-top:4px;padding:3px 5px;color:#fff;background:rgba(2,9,12,.88);font:900 clamp(.36rem,.49vw,.44rem)/1 ui-monospace,monospace;white-space:nowrap}.support-unit>b{display:block;width:86%;height:5px;margin-bottom:3px;overflow:hidden;border:1px solid rgba(255,255,255,.3);background:#31141a}.support-unit>b>i{display:block;width:var(--hp);height:100%;background:currentColor;transition:width 330ms ease}.support-unit>[data-support-unit-mark]{position:absolute;z-index:8;left:50%;top:-27px;display:none;padding:4px 6px;color:#04100c;background:var(--green);border:1px solid #fff;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.34);transform:translateX(-50%);font:950 clamp(.34rem,.45vw,.41rem)/1 ui-monospace,monospace;font-style:normal;letter-spacing:.03em;white-space:nowrap}.support-unit>[data-support-unit-mark].is-live{display:block;animation:mark-pop 240ms ease both}.support-unit>[data-support-unit-mark].is-warning{color:#fff;background:var(--red)}.support-flow-map[data-mode="resource"] .support-unit--peel,.support-flow-map[data-mode="peel"] .support-unit--resource{opacity:0;pointer-events:none}.support-flow-map[data-mode="peel"] .support-unit--shared{opacity:1}.support-flow-map[data-mode="peel"][data-outcome="late"] .support-unit--ana{filter:grayscale(1) brightness(.55)}
.support-flow-hud{position:absolute;z-index:9;right:10px;top:9px;display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:5px}.support-flow-hud>div{min-width:clamp(105px,11vw,150px);padding:7px 8px;border:1px solid rgba(159,188,198,.55);color:#fff;background:rgba(4,17,22,.88)}.support-flow-hud span{font:900 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.06em}.support-flow-hud strong{float:right;font:950 clamp(.4rem,.54vw,.49rem)/1 ui-monospace,monospace}.support-flow-hud b{display:block;height:5px;margin-top:7px;clear:both;background:#31464d}.support-flow-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--red),var(--orange),var(--green));transition:width 340ms ease}.support-flow-banner{position:absolute;z-index:9;left:50%;bottom:3%;display:flex;gap:10px;align-items:center;max-width:86%;padding:8px 12px;border-left:5px solid var(--green);color:#fff;background:rgba(3,12,16,.92);transform:translateX(-50%)}.support-flow-banner span{color:var(--green);font:950 clamp(.39rem,.53vw,.48rem)/1 ui-monospace,monospace;letter-spacing:.07em;white-space:nowrap}.support-flow-banner strong{font:950 clamp(.43rem,.58vw,.52rem)/1 ui-monospace,monospace;white-space:nowrap}.support-flow-banner.is-warning{border-color:var(--red)}.support-flow-banner.is-warning span{color:#ff7b86}.support-los-note{position:absolute;z-index:8;left:12px;bottom:14%;padding:5px 7px;color:#bcd0d7;background:rgba(3,12,16,.82);font:850 clamp(.34rem,.45vw,.41rem)/1 ui-monospace,monospace;letter-spacing:.04em}.support-flow-map[data-mode="peel"] .support-los-note{display:none}
.support-big-choice{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(420px,1.2fr);gap:9px;align-items:stretch;padding:9px;border:2px solid var(--green-dark);background:#eaf2f4;box-shadow:0 8px 22px rgba(7,159,93,.1)}.support-big-choice>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:5px 8px}.support-big-choice span{color:#31515c;font:900 clamp(.48rem,.64vw,.58rem)/1.2 ui-monospace,monospace;letter-spacing:.04em}.support-big-choice strong{margin-top:6px;color:#07151a;font-size:clamp(.67rem,.94vw,.86rem);line-height:1.1}.support-big-choice>div:not(:first-child){display:grid;grid-template-columns:1fr 1fr;gap:7px}.support-big-choice>div[hidden]{display:none}.support-big-choice button{min-height:clamp(53px,7.5vh,69px);padding:9px 12px;border:2px solid #7e969f;color:#07151a;background:#f8fbfc;cursor:pointer;font-size:clamp(.56rem,.78vw,.69rem);font-weight:950;letter-spacing:.025em;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.support-big-choice button:hover,.support-big-choice button:focus-visible{transform:translateY(-3px);border-color:var(--blue)}.support-big-choice button[data-support-resource="spend"],.support-big-choice button[data-support-peel="late"]{border-color:var(--orange);background:#fff4d8}.support-big-choice button[data-support-resource="reserve"],.support-big-choice button[data-support-peel="live"]{border-color:var(--green-dark);background:#dff6ea}.support-big-choice button.is-active{color:#fff;background:var(--green-dark);box-shadow:0 0 0 3px rgba(54,230,145,.16)}.support-big-choice button[data-support-resource="spend"].is-active,.support-big-choice button[data-support-peel="late"].is-active{border-color:var(--red);background:var(--red-deep);box-shadow:0 0 0 3px rgba(255,53,69,.13)}

/* Proactive / reactive support decisions */
.support-scene .panel-body{justify-content:stretch}.support-sim{height:100%;grid-template-rows:auto minmax(0,1fr) auto}.support-flow-map{height:100%;aspect-ratio:auto}
.support-return-line{position:absolute;z-index:5;top:14%;bottom:7%;left:52%;width:0;border-left:2px dashed rgba(39,185,239,.56);pointer-events:none}.support-return-line::before{content:"";position:absolute;top:0;bottom:0;left:-9px;width:18px;background:linear-gradient(90deg,transparent,rgba(39,185,239,.08),transparent)}.support-return-line span,.support-return-line b{position:absolute;right:8px;padding:3px 5px;transform:translateX(-100%);white-space:nowrap;font:900 clamp(.32rem,.43vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.06em}.support-return-line span{top:0;color:#aee8ff;background:rgba(3,18,26,.88)}.support-return-line b{bottom:0;color:var(--blue);background:rgba(3,18,26,.88)}.support-flow-map[data-mode="peel"] .support-return-line{display:none}
.support-unit.is-downed{filter:grayscale(1) brightness(.5);animation:support-down .42s ease 1 both}.support-unit.is-downed>div{border-color:var(--red);box-shadow:0 0 0 7px rgba(255,53,69,.15),0 8px 19px rgba(0,0,0,.6)}.support-unit.is-recovered>div{animation:support-recover .62s ease 1 both}.support-unit.is-intercepting>div{box-shadow:0 0 0 8px rgba(54,230,145,.13),0 0 28px rgba(54,230,145,.55)}
@keyframes support-down{0%{transform:translate(-50%,-50%)}55%{transform:translate(-50%,-50%) rotate(-8deg) scale(.94)}100%{transform:translate(-50%,-50%) rotate(7deg) scale(.88)}}@keyframes support-recover{0%{box-shadow:0 0 0 0 rgba(54,230,145,.65)}65%{transform:scale(1.12);box-shadow:0 0 0 16px rgba(54,230,145,0),0 0 32px rgba(54,230,145,.55)}100%{transform:none}}
.support-big-choice{grid-template-columns:minmax(260px,.7fr) minmax(500px,1.3fr);padding:8px}.support-big-choice>div:first-child>span{color:#31515c;font:900 clamp(.45rem,.6vw,.55rem)/1.2 ui-monospace,monospace;letter-spacing:.04em}.support-big-choice>div:first-child>strong{margin-top:5px;color:#07151a;font-size:clamp(.64rem,.86vw,.8rem);line-height:1.1}.support-big-choice button{display:flex;min-height:clamp(58px,7.4vh,72px);flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.support-big-choice button>span{color:#865f08;font:950 clamp(.34rem,.44vw,.41rem)/1 ui-monospace,monospace;letter-spacing:.07em}.support-big-choice button>strong{margin-top:5px;color:#07151a;font-size:clamp(.54rem,.71vw,.65rem);line-height:1.05}.support-big-choice button>em{margin-top:4px;color:#617780;font-size:clamp(.39rem,.5vw,.46rem);font-style:normal;font-weight:650;line-height:1.2}.support-big-choice button[data-support-resource="reserve"]>span,.support-big-choice button[data-support-peel="live"]>span{color:var(--green-dark)}.support-big-choice button.is-active>span,.support-big-choice button.is-active>strong,.support-big-choice button.is-active>em{color:#fff}

/* 11 post-fight receipt */
.receipt-experience{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);gap:clamp(10px,1.4vw,18px);align-items:stretch;margin-top:clamp(7px,1vw,12px);min-height:0}.fight-simulator{display:flex;min-width:0;flex-direction:column;padding:clamp(9px,1.2vw,14px);border:1px solid #31515c;color:#fff;background:linear-gradient(145deg,#0b252e,#061318 72%);box-shadow:inset 0 0 55px rgba(39,185,239,.06)}.fight-sim-heading{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.fight-sim-heading span{color:var(--green);font:900 clamp(.4rem,.52vw,.47rem)/1 ui-monospace,monospace;letter-spacing:.09em}.fight-sim-heading strong{color:#a9bec6;font:850 clamp(.4rem,.52vw,.47rem)/1 ui-monospace,monospace}.fight-sim-arena{position:relative;min-height:clamp(190px,29vh,275px);margin:8px 0;overflow:hidden;border:1px solid #284753;background:linear-gradient(90deg,rgba(39,185,239,.09) 0 48%,rgba(255,53,69,.08) 52% 100%),repeating-linear-gradient(0deg,transparent 0 30px,rgba(255,255,255,.035) 31px),repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.035) 31px)}.sim-zone{position:absolute;inset:0 52% 0 0;border-right:1px dashed rgba(255,255,255,.14)}.sim-zone--enemy{right:0;left:52%;border:0}.sim-zone span{position:absolute;left:8px;bottom:7px;color:#668793;font:850 .36rem/1 ui-monospace,monospace;letter-spacing:.08em}.sim-zone--enemy span{right:8px;left:auto;color:#8f5c64}.sim-token{position:absolute;z-index:5;width:clamp(46px,5vw,64px);height:clamp(46px,5vw,64px);transition:transform 420ms cubic-bezier(.2,.82,.2,1),filter 220ms ease}.sim-token .hero-face{width:100%;height:100%;border:3px solid var(--blue);border-radius:50%;object-fit:cover;background:#12313e}.sim-token span{position:absolute;left:50%;top:102%;transform:translateX(-50%);padding:3px 5px;color:#fff;background:#03090c;font:900 clamp(.3rem,.39vw,.36rem)/1 ui-monospace,monospace;white-space:nowrap}.sim-mauga{left:36%;top:45%}.sim-vendetta{left:17%;top:69%}.sim-enemies{position:absolute;z-index:3;right:12%;top:21%;display:grid;grid-template-columns:repeat(2,clamp(22px,2.6vw,34px));gap:clamp(18px,2.8vw,38px)}.sim-enemies i{display:block;aspect-ratio:1;border:3px solid #ff5a67;border-radius:50%;background:#6a202a;box-shadow:0 0 0 5px rgba(255,53,69,.06)}.sim-contact{position:absolute;z-index:2;left:51%;top:50%;display:grid;width:64px;height:64px;place-items:center;transform:translate(-50%,-50%);opacity:.28}.sim-contact i{position:absolute;inset:0;border:2px dashed var(--orange);border-radius:50%}.sim-contact b{color:var(--orange);font:900 .35rem/1 ui-monospace,monospace}.sim-attention{position:absolute;z-index:6;right:22%;top:25%;opacity:0;transform:scale(.6);transition:opacity 220ms ease,transform 300ms ease}.sim-attention span{display:block;padding:4px 7px;color:#210407;background:var(--red);font:950 .38rem/1 ui-monospace,monospace}.sim-attention i{position:absolute;top:110%;width:2px;height:54px;background:var(--red);transform-origin:top}.sim-attention i:nth-child(2){left:28%;rotate:20deg}.sim-attention i:last-child{right:25%;rotate:-24deg}.sim-execution{position:absolute;z-index:7;right:17%;bottom:13%;display:grid;place-items:center;opacity:0;transform:scale(1.6);transition:opacity 220ms ease,transform 300ms ease}.sim-execution b{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#03110a;background:var(--green);font-size:1.15rem}.sim-execution span{margin-top:4px;color:var(--green);font:900 .36rem/1 ui-monospace,monospace}.sim-exit{position:absolute;z-index:4;left:5%;bottom:14%;display:flex;align-items:center;gap:4px;color:#77d9ff;font:900 .35rem/1 ui-monospace,monospace;opacity:.4}.sim-exit i{display:block;width:30px;height:2px;background:var(--blue)}.fight-sim-arena[data-step="1"] .sim-contact{opacity:1;animation:sim-contact-pop 430ms ease}.fight-sim-arena[data-step="2"] .sim-vendetta,.fight-sim-arena[data-step="3"] .sim-vendetta{transform:translate(430%,-150%)}.fight-sim-arena[data-step="2"] .sim-attention,.fight-sim-arena[data-step="3"] .sim-attention{opacity:1;transform:none}.fight-sim-arena[data-step="3"] .sim-execution{opacity:1;transform:none}.fight-sim-arena[data-step="3"] .sim-enemies i:last-child{opacity:.2;transform:scale(.7)}.fight-sim-arena[data-step="4"] .sim-vendetta{transform:translate(-110%,-8%)}.fight-sim-arena[data-step="4"] .sim-exit{opacity:1;animation:sim-exit-pulse 700ms ease infinite alternate}@keyframes sim-contact-pop{50%{transform:translate(-50%,-50%) scale(1.3)}}@keyframes sim-exit-pulse{to{filter:drop-shadow(0 0 8px var(--blue));opacity:1}}
.fight-sim-track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.fight-sim-track>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;padding:6px;border:1px solid #294650;color:#78929b;background:#0a1b21}.fight-sim-track span{font:900 .35rem/1 ui-monospace,monospace}.fight-sim-track strong{font-size:clamp(.35rem,.45vw,.42rem)}.fight-sim-track>div.is-active{border-color:var(--orange);color:#fff;background:#49340c}.fight-sim-track>div.is-complete{border-color:var(--green-dark);color:var(--green);background:#0b2a21}.receipt-run{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:3px 9px;margin-top:8px;padding:10px 12px;border:1px solid var(--green-dark);color:#fff;background:#0b2a21;text-align:left;cursor:pointer;transition:transform 170ms ease,box-shadow 170ms ease}.receipt-run:hover,.receipt-run:focus-visible{transform:translateY(-2px);box-shadow:0 8px 26px rgba(54,230,145,.2)}.receipt-run:disabled{cursor:wait;opacity:.72}.receipt-run>span{grid-row:1/-1;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#03110a;background:var(--green)}.receipt-run strong{font-size:clamp(.5rem,.7vw,.62rem)}.receipt-run em{color:#85a099;font-size:clamp(.36rem,.47vw,.43rem);font-style:normal}.receipt-printer{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;padding:0 clamp(8px,1.1vw,13px) clamp(8px,1.1vw,13px);border:1px solid #9db0b7;background:linear-gradient(180deg,#cdd9dd,#eaf0f2 28%,#bcc9ce)}.printer-shell{position:relative;z-index:3;display:grid;width:calc(100% + 2px);grid-template-columns:1fr auto;align-items:center;padding:12px 13px;border:1px solid #213a44;color:#fff;background:#09191f;box-shadow:0 6px 14px rgba(0,0,0,.28)}.printer-shell span{color:var(--green);font:900 .43rem/1 ui-monospace,monospace;letter-spacing:.08em}.printer-shell strong{font:900 .41rem/1 ui-monospace,monospace}.printer-shell i{position:absolute;right:12px;bottom:4px;width:7px;height:2px;background:var(--green);box-shadow:0 0 7px var(--green)}.printer-slot{position:relative;z-index:2;width:86%;height:10px;border:3px solid #4f636b;border-top:0;background:#020608;box-shadow:0 4px 7px rgba(0,0,0,.5)}.receipt-paper{position:relative;z-index:1;width:92%;max-height:0;padding:0 clamp(11px,1.4vw,17px);opacity:0;overflow:hidden;color:#101719;background:#fffdf5;box-shadow:0 8px 22px rgba(0,0,0,.22);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateY(-18px)}.receipt-experience.is-printing .receipt-paper{animation:receipt-feed 1.05s steps(9,end) forwards}.receipt-experience.is-printed .receipt-paper{max-height:500px;padding-top:12px;padding-bottom:12px;opacity:1;transform:none}@keyframes receipt-feed{0%{max-height:0;padding-block:0;opacity:.2;transform:translateY(-18px)}100%{max-height:500px;padding-block:12px;opacity:1;transform:none}}.receipt-paper header{text-align:center}.receipt-paper header span{display:block;font-size:clamp(.43rem,.55vw,.5rem);font-weight:950}.receipt-paper header strong{display:block;margin:3px 0;font-size:clamp(.56rem,.74vw,.66rem)}.receipt-paper header em{display:block;color:#68777c;font-size:clamp(.31rem,.4vw,.37rem);font-style:normal}.receipt-lines{margin:10px 0 8px;padding:7px 0;border-block:1px dashed #6c777a}.receipt-line{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px;align-items:end;padding:3px 0;opacity:0;transform:translateX(-8px);transition:opacity 160ms ease,transform 180ms ease}.receipt-line.is-visible{opacity:1;transform:none}.receipt-line span,.receipt-line em{font-size:clamp(.34rem,.44vw,.4rem);font-style:normal}.receipt-line strong{font-size:clamp(.4rem,.53vw,.48rem)}.receipt-line i{border-bottom:1px dotted #798386}.receipt-total{display:flex;justify-content:space-between;gap:8px;padding:6px;color:#fff;background:#101719}.receipt-total span{font-size:clamp(.34rem,.44vw,.4rem)}.receipt-total strong{font-size:clamp(.4rem,.55vw,.5rem)}.receipt-paper footer{margin-top:9px;padding:7px;border:1px solid #9d2535;color:#7b1523;background:#fff0f2}.receipt-paper footer span{display:block;font-size:clamp(.34rem,.44vw,.4rem);font-weight:950}.receipt-paper footer strong{display:block;margin:4px 0;font-size:clamp(.4rem,.53vw,.48rem)}.receipt-paper footer em{display:block;color:#755d61;font-size:clamp(.32rem,.41vw,.37rem);font-style:normal}

/* 12 black-box incident archive */
.incident-console{display:grid;grid-template-columns:minmax(185px,.58fr) minmax(360px,1.25fr) minmax(235px,.72fr);gap:clamp(7px,1vw,12px);align-items:stretch;margin-top:clamp(7px,1vw,12px);min-height:clamp(330px,51vh,500px)}.incident-index,.incident-report{min-width:0;padding:clamp(10px,1.25vw,15px);border:1px solid #324851;color:#fff;background:#081318}.incident-index{display:flex;flex-direction:column}.incident-index-head{padding-bottom:10px;border-bottom:1px solid #31454d}.incident-index-head span,.incident-report-code span{display:block;color:#ff6875;font:900 clamp(.34rem,.44vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.08em}.incident-index-head strong{display:block;margin-top:5px;font-size:clamp(.55rem,.75vw,.68rem)}.incident-slots{display:grid;gap:4px;margin:9px 0}.incident-slots>div{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:7px;border:1px solid #2c3d44;color:#647a82;background:#0c1b21;transition:border-color 170ms ease,color 170ms ease,transform 170ms ease}.incident-slots span{font:900 .38rem/1 ui-monospace,monospace}.incident-slots strong{font-size:clamp(.37rem,.49vw,.44rem)}.incident-slots i{font:850 .31rem/1 ui-monospace,monospace;font-style:normal}.incident-slots>div.is-reviewed{color:#d9e5e8}.incident-slots>div.is-current{transform:translateX(5px);border-color:var(--red);color:#fff;background:#301218}.incident-slots>div.is-current i{color:#ff8e98}.incident-review{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;margin-top:auto;padding:10px;border:1px solid var(--red);color:#fff;background:#351017;text-align:left;cursor:pointer;transition:transform 170ms ease,box-shadow 170ms ease}.incident-review:hover,.incident-review:focus-visible{transform:translateY(-2px);box-shadow:0 9px 22px rgba(255,53,69,.17)}.incident-review:disabled{cursor:wait;opacity:.72}.incident-review span{grid-row:1/-1;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#210407;background:var(--red)}.incident-review strong{font-size:clamp(.45rem,.61vw,.55rem)}.incident-review em{color:#aa858b;font-size:clamp(.33rem,.43vw,.39rem);font-style:normal}.incident-stage{position:relative;min-width:0;overflow:hidden;border:1px solid #61222c;color:#fff;background:radial-gradient(circle at 50% 50%,rgba(255,53,69,.08),transparent 34%),#12080b;box-shadow:inset 0 0 70px rgba(0,0,0,.62)}.incident-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,75,89,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,75,89,.18) 1px,transparent 1px);background-size:28px 28px}.incident-stage::after{content:"BLACK-BOX RECONSTRUCTION // NOT TO SCALE // EMOTIONALLY ACCURATE";position:absolute;right:7px;bottom:6px;color:#79535a;font:800 clamp(.27rem,.35vw,.32rem)/1 ui-monospace,monospace;letter-spacing:.05em}.incident-cover{position:absolute;width:25%;height:15%;border:1px solid #63313a;background:#281219;transform:skewX(-14deg)}.incident-cover--one{left:8%;top:15%}.incident-cover--two{right:9%;bottom:15%;transform:skewX(14deg)}.incident-unit{position:absolute;z-index:6;display:grid;width:clamp(48px,5vw,65px);height:clamp(48px,5vw,65px);place-items:center;transition:opacity 160ms ease}.incident-unit .hero-face{width:100%;height:100%;border:3px solid var(--blue);border-radius:50%;object-fit:cover;background:#12313e}.incident-unit>span{position:absolute;left:50%;top:103%;transform:translateX(-50%);padding:3px 5px;color:#fff;background:#03090c;font:900 clamp(.29rem,.37vw,.34rem)/1 ui-monospace,monospace;white-space:nowrap}.incident-vendetta{left:13%;bottom:15%}.incident-target,.incident-duelist{right:13%;top:20%;border:3px solid var(--red);border-radius:50%;background:#47131a}.incident-target span,.incident-duelist span{top:50%;transform:translate(-50%,-50%);background:transparent}.incident-target b,.incident-duelist b{position:absolute;inset:-8px;border:1px dashed var(--red);border-radius:50%}.incident-duelist{top:48%;display:none}.incident-hostiles{position:absolute;z-index:5;right:7%;top:12%;bottom:12%;width:37%}.incident-hostiles i{position:absolute;width:clamp(22px,2.5vw,34px);aspect-ratio:1;border:2px solid #ff6270;border-radius:50%;opacity:.15;background:#671b25}.incident-hostiles i:nth-child(1){right:7%;top:5%}.incident-hostiles i:nth-child(2){left:22%;top:2%}.incident-hostiles i:nth-child(3){right:2%;top:48%}.incident-hostiles i:nth-child(4){left:5%;bottom:8%}.incident-hostiles i:nth-child(5){right:30%;bottom:1%}.incident-alert{position:absolute;z-index:10;left:50%;top:25%;display:grid;width:36px;height:36px;place-items:center;opacity:0;transform:scale(.2);border-radius:50%;color:#210407;background:var(--red);font-size:1.2rem;font-weight:950;box-shadow:0 0 25px rgba(255,53,69,.48)}.incident-obituary{position:absolute;z-index:12;left:50%;top:50%;width:76%;padding:12px;opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(-3deg);border:4px double var(--red);color:#fff;background:rgba(36,5,10,.93);text-align:center}.incident-obituary span{display:block;color:#ff6875;font:950 clamp(.45rem,.61vw,.55rem)/1 ui-monospace,monospace;letter-spacing:.09em}.incident-obituary strong{display:block;margin-top:5px;font-size:clamp(.58rem,.85vw,.75rem)}.incident-sealed{position:absolute;z-index:20;inset:0;display:grid;place-content:center;text-align:center;background:rgba(6,11,14,.75);backdrop-filter:blur(2px)}.incident-sealed span{color:#ff6975;font:900 .48rem/1 ui-monospace,monospace;letter-spacing:.12em}.incident-sealed strong{margin-top:7px;font-size:clamp(.65rem,.95vw,.85rem)}.incident-stage:not([data-incident="sealed"]) .incident-sealed{display:none}.incident-route{position:absolute;z-index:3;left:12%;right:13%;top:52%;height:3px;opacity:0;border-top:3px dashed var(--green);transform:rotate(-9deg);transform-origin:left}.incident-route i{position:absolute;right:0;top:-7px;width:15px;height:15px;border:3px solid var(--green);border-left:0;border-bottom:0;rotate:45deg}.incident-pack{position:absolute;z-index:5;left:16%;top:17%;display:none;text-align:center}.incident-pack b{display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--green);border-radius:50%;color:var(--green)}.incident-pack span{font:850 .31rem/1 ui-monospace,monospace}.incident-stage.is-reconstructing[data-incident="0"] .incident-vendetta{animation:incident-first-entry 1.25s ease both}.incident-stage.is-reconstructing[data-incident="0"] .incident-hostiles i{animation:incident-hostiles 1.25s ease both}.incident-stage.is-reconstructing[data-incident="1"] .incident-vendetta{animation:incident-chase 1.25s cubic-bezier(.2,.7,.2,1) both}.incident-stage.is-reconstructing[data-incident="1"] .incident-target{animation:incident-target-run 1.25s ease both}.incident-stage.is-reconstructing[data-incident="1"] .incident-hostiles i{animation:incident-hostiles 1.25s .25s ease both}.incident-stage[data-incident="2"] .incident-target{display:none}.incident-stage[data-incident="2"] .incident-duelist{display:grid}.incident-stage.is-reconstructing[data-incident="2"] .incident-vendetta{animation:incident-ego-left 1.25s ease both}.incident-stage.is-reconstructing[data-incident="2"] .incident-duelist{animation:incident-ego-right 1.25s ease both}.incident-stage[data-incident="3"] .incident-target,.incident-stage[data-incident="3"] .incident-duelist{display:none}.incident-stage[data-incident="3"] .incident-route,.incident-stage[data-incident="3"] .incident-pack{display:block}.incident-stage.is-reconstructing[data-incident="3"] .incident-route{animation:incident-route-fail 1.25s ease both}.incident-stage.is-reconstructing[data-incident="3"] .incident-vendetta{animation:incident-no-exit 1.25s ease both}.incident-stage[data-incident="4"] .incident-target,.incident-stage[data-incident="4"] .incident-duelist{display:none}.incident-stage[data-incident="4"] .incident-route{display:block}.incident-stage.is-reconstructing[data-incident="4"] .incident-route{animation:incident-route-repeat 1.25s ease both}.incident-stage.is-reconstructing[data-incident="4"] .incident-vendetta{animation:incident-one-more 1.25s ease both}.incident-stage.is-reconstructing[data-incident="4"] .incident-hostiles i{animation:incident-waiting 1.25s ease both}.incident-stage.is-reconstructing .incident-alert{animation:incident-alert-pop .35s .63s ease both}.incident-stage.is-reconstructing .incident-obituary{animation:incident-obit .34s 1.02s cubic-bezier(.2,.85,.2,1.25) both}@keyframes incident-first-entry{0%{left:13%;bottom:15%}58%,100%{left:54%;bottom:41%;filter:grayscale(.8)}}@keyframes incident-hostiles{0%,40%{opacity:.12;transform:scale(1)}70%,100%{opacity:1;transform:translate(-45%,-4%) scale(1.35)}}@keyframes incident-chase{0%{left:13%;bottom:15%}35%{left:40%;bottom:47%}70%,100%{left:72%;bottom:61%;filter:grayscale(.8)}}@keyframes incident-target-run{0%{right:13%;top:20%}55%,100%{right:3%;top:7%;transform:scale(.72);opacity:.55}}@keyframes incident-ego-left{0%{left:13%;bottom:15%}55%{left:43%;bottom:39%}75%{transform:rotate(12deg)}100%{left:42%;bottom:32%;transform:rotate(90deg);filter:grayscale(1)}}@keyframes incident-ego-right{0%{right:13%;top:48%}55%,100%{right:39%;top:43%;box-shadow:0 0 28px rgba(255,53,69,.4)}}@keyframes incident-route-fail{0%{opacity:0;clip-path:inset(0 100% 0 0)}50%{opacity:1;clip-path:inset(0)}100%{opacity:1;clip-path:inset(0);border-color:var(--red)}}@keyframes incident-no-exit{0%{left:13%;bottom:15%}60%,100%{left:72%;bottom:64%;filter:grayscale(.8)}}@keyframes incident-route-repeat{0%{opacity:0;clip-path:inset(0 100% 0 0)}35%,55%{opacity:1;clip-path:inset(0)}56%{opacity:.2}70%,100%{opacity:1;clip-path:inset(0);border-color:var(--red)}}@keyframes incident-one-more{0%{left:13%;bottom:15%}38%{left:66%;bottom:60%}48%{left:13%;bottom:15%}82%,100%{left:66%;bottom:60%;filter:grayscale(.85)}}@keyframes incident-waiting{0%,55%{opacity:.05}70%,100%{opacity:1;transform:translate(-25%,4%) scale(1.25)}}@keyframes incident-alert-pop{65%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:none}}@keyframes incident-obit{to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-1deg)}}.incident-report{display:flex;flex-direction:column}.incident-report-code{display:flex;justify-content:space-between;gap:7px;padding-bottom:9px;border-bottom:1px solid #31454d}.incident-report-code strong{color:#8da1a9;font:850 clamp(.33rem,.43vw,.39rem)/1 ui-monospace,monospace}.incident-report h4{margin:clamp(14px,2vh,20px) 0 8px;color:#fff;font-size:clamp(.75rem,1.12vw,1rem);line-height:1.05}.incident-report blockquote{margin:0 0 clamp(12px,2vh,18px);padding:9px;border-left:3px solid var(--red);color:#ffafb6;background:#241015;font-size:clamp(.53rem,.72vw,.64rem);font-style:italic;font-weight:800;line-height:1.3}.incident-report>div:not(.incident-report-code){margin-top:8px;padding:9px;border:1px solid #263b43;background:#0c1b21}.incident-report>div:not(.incident-report-code) span{display:block;color:#ff6975;font:900 clamp(.32rem,.42vw,.38rem)/1 ui-monospace,monospace;letter-spacing:.07em}.incident-report>div:not(.incident-report-code) strong{display:block;margin-top:5px;color:#d3e0e4;font-size:clamp(.42rem,.58vw,.52rem);line-height:1.35}

/* 13 comm wheel */
.comms-console{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(15px,3vw,40px);align-items:center;margin-top:clamp(8px,1vw,14px)}.comm-wheel{position:relative;width:min(100%,520px);aspect-ratio:1;margin:auto}.comm-core{position:absolute;z-index:4;left:50%;top:50%;display:grid;width:25%;aspect-ratio:1;place-items:center;transform:translate(-50%,-50%);border:4px solid var(--green-dark);border-radius:50%;color:#fff;background:#0a1b21;text-align:center;font-size:clamp(.58rem,.9vw,.8rem);font-weight:900;line-height:1.1;box-shadow:0 0 0 12px rgba(7,159,93,.1),0 0 35px rgba(7,159,93,.2)}.comm-core span{color:var(--green)}.comm-core i{position:absolute;inset:-18%;border:1px dashed var(--green-dark);border-radius:50%;animation:ring-spin-profile 10s linear infinite}.comm-call{position:absolute;width:36%;min-height:22%;padding:8px;border:1px solid #b2c5cc;color:#071016;background:#f8fbfc;cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.comm-call span{display:block;font-size:clamp(.57rem,.84vw,.74rem);font-weight:920}.comm-call em{display:block;margin-top:3px;color:#697f88;font-size:clamp(.44rem,.59vw,.52rem);font-style:normal;line-height:1.25}.comm-call:hover,.comm-call:focus-visible,.comm-call.is-active{transform:scale(1.07);border-color:var(--green-dark);box-shadow:0 10px 25px rgba(7,159,93,.18);background:#e3f6ec}.c1{left:32%;top:0}.c2{right:0;top:22%}.c3{right:0;bottom:18%}.c4{left:32%;bottom:0}.c5{left:0;bottom:18%}.c6{left:0;top:22%}.comm-response{padding:clamp(16px,2.5vw,30px);border:1px solid #9fb7bf;background:#0b1b21;color:#fff;min-height:clamp(190px,30vh,290px);display:flex;flex-direction:column;justify-content:center}.comm-response span{color:var(--green);font:850 .55rem/1 ui-monospace,monospace;letter-spacing:.11em}.comm-response strong{display:block;margin:15px 0 7px;font-size:clamp(.9rem,1.7vw,1.55rem);line-height:1.05}.comm-response p{margin:0;color:#93aab3;font-size:clamp(.55rem,.8vw,.7rem);line-height:1.45}

/* 14 contract */
.contract-console{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(14px,2.5vw,34px);align-items:stretch;margin-top:clamp(10px,1.7vw,22px)}.contract-lines{display:grid;gap:6px}.contract-line{display:grid;grid-template-columns:28px .8fr 1.6fr auto;align-items:center;gap:9px;padding:clamp(9px,1.2vw,14px);border:1px solid #b8c9cf;background:#f8fbfc;transition:border-color 180ms ease,background 180ms ease,transform 180ms ease}.contract-line i{font-style:normal;color:#788f98}.contract-line span{color:#627b84;font-size:clamp(.56rem,.82vw,.72rem);font-weight:850}.contract-line strong{font-size:clamp(.65rem,1vw,.9rem)}.contract-line em{color:#8499a1;font:800 .43rem/1 ui-monospace,monospace;font-style:normal}.contract-line.is-signed{transform:translateX(7px);border-color:var(--green-dark);background:#e0f5ea}.contract-line.is-signed i,.contract-line.is-signed em{color:var(--green-dark)}.contract-button{position:relative;min-height:clamp(200px,34vh,340px);border:1px solid #284954;color:#fff;background:radial-gradient(circle at 50% 35%,rgba(54,230,145,.16),transparent 35%),#07181e;cursor:pointer;overflow:hidden}.contract-button>span{display:block;color:var(--green);font-size:clamp(3rem,7vw,7rem);font-weight:950}.contract-button strong,.contract-button em{display:block;position:relative;z-index:2}.contract-button strong{font-size:clamp(.63rem,.95vw,.85rem);letter-spacing:.07em}.contract-button em{margin-top:4px;color:#849ba4;font-size:clamp(.47rem,.65vw,.57rem);font-style:normal}.contract-button::after{content:"";position:absolute;inset:10%;border:1px dashed rgba(54,230,145,.35);border-radius:50%;animation:spin-only 14s linear infinite}.contract-button:hover,.contract-button:focus-visible{box-shadow:inset 0 0 65px rgba(54,230,145,.14)}.contract-stamp{grid-column:1/-1;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transform:scale(1.4) rotate(-4deg);border:4px double var(--red-deep);color:var(--red-deep);background:#fff5f6;text-align:center}.contract-stamp span{font:950 .65rem/1 ui-monospace,monospace;letter-spacing:.1em}.contract-stamp strong{font-size:clamp(.8rem,1.3vw,1.15rem)}.contract-stamp.is-live{animation:stamp-down 600ms cubic-bezier(.15,.8,.2,1.3) forwards}@keyframes stamp-down{to{opacity:1;transform:scale(1) rotate(-1deg)}}.final-note{margin:7px 0 0;text-align:center;color:#617780;font-size:clamp(.55rem,.75vw,.65rem);font-weight:750}

/* Chapter and index */
.chapter-splash{position:fixed;z-index:25;inset:0;display:grid;place-content:center;padding:24px;color:var(--white);text-align:center;opacity:0;visibility:hidden;background:linear-gradient(90deg,transparent,rgba(3,11,13,.95) 22%,rgba(3,11,13,.95) 78%,transparent),repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(54,230,145,.035) 5px);pointer-events:none}.chapter-splash p{margin:0 0 7px;color:var(--green);font:850 .68rem/1 ui-monospace,monospace;letter-spacing:.2em}.chapter-splash strong{max-width:900px;font-size:clamp(1.75rem,5vw,4.8rem);font-weight:930;line-height:.96;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 0 45px rgba(39,185,239,.25)}.chapter-splash>span{display:block;width:0;height:3px;margin:20px auto 0;background:linear-gradient(90deg,var(--blue),var(--green),var(--orange));box-shadow:0 0 16px rgba(54,230,145,.55)}.chapter-splash.is-active{visibility:visible;animation:chapter-flash 800ms ease both}.chapter-splash.is-active>span{animation:chapter-line 610ms 90ms ease both}@keyframes chapter-flash{0%{opacity:0;transform:scale(1.04)}18%,62%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.985)}}@keyframes chapter-line{to{width:min(440px,75vw)}}
.scene-index{position:fixed;z-index:32;top:0;right:0;width:min(530px,100%);height:100%;padding:clamp(24px,5vw,50px);color:#fff;background:linear-gradient(145deg,#091920,#040a0d);border-left:1px solid #31505c;box-shadow:-30px 0 100px rgba(0,0,0,.65);transform:translateX(105%);transition:transform 360ms cubic-bezier(.2,.8,.2,1);overflow:auto}.scene-index.is-open{transform:none}.index-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid #36545f;color:#fff;background:#0d2027;font-size:1.4rem;cursor:pointer}.index-heading p{margin:0;color:var(--green);font:850 .6rem/1 ui-monospace,monospace;letter-spacing:.13em}.index-heading h3{margin:7px 0 22px;font-size:clamp(1.5rem,4vw,2.8rem);letter-spacing:-.04em;text-transform:uppercase}.index-grid{display:grid;gap:7px}.index-scene{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #294550;color:#dce8ec;background:#0c1c22;text-align:left;cursor:pointer;transition:border-color 150ms ease,transform 150ms ease,background 150ms ease}.index-scene span{color:var(--orange);font:850 .6rem/1 ui-monospace,monospace}.index-scene strong{font-size:.68rem}.index-scene:hover,.index-scene:focus-visible,.index-scene.is-active{transform:translateX(-5px);border-color:var(--green);background:#102b25}.index-scrim{position:fixed;z-index:31;inset:0;opacity:0;visibility:hidden;background:rgba(2,6,8,.7);backdrop-filter:blur(3px);transition:opacity 240ms ease,visibility 240ms ease}.index-scrim.is-open{opacity:1;visibility:visible}

/* Quick reference mode */
.experience-shell.is-quick .chapter-splash{display:none}.experience-shell.is-quick .scene-root,.experience-shell.is-quick .stage,.experience-shell.is-quick .scene-backdrop{transition-duration:80ms}.experience-shell.is-quick .scene-root.enter-forward,.experience-shell.is-quick .scene-root.enter-back{animation-duration:120ms}.experience-shell.is-quick .reveal-item{opacity:1;transform:none;animation:none!important}.experience-shell.is-quick .sequence-runner i,.experience-shell.is-quick .timing-pulse{animation-play-state:paused}.experience-shell.is-quick .scene-label em::before{content:"QUICK MODE // "}

/* Responsive */
@media (max-width:900px){.support-body{grid-template-columns:1fr}.support-sidecar{display:grid;grid-template-columns:1fr 1fr}.support-readout{grid-row:span 2}.support-handshake-strip{grid-template-columns:1fr}.support-tac-map{min-height:300px}}
@media (max-width:520px){.support-beats{display:flex;overflow-x:auto;padding-bottom:3px}.support-beat{min-width:146px}.support-sidecar{grid-template-columns:1fr}.support-readout{grid-row:auto}.support-map-label b{display:none}.support-map-banner{max-width:92%}.support-map-banner strong{white-space:normal}.support-handshake-strip>div{grid-template-columns:1fr}.support-tac-map{min-height:280px}}
@media (max-width:900px){.support-big-choice{grid-template-columns:1fr}.support-flow-map{min-height:390px}.support-flow-banner{max-width:94%}.support-flow-banner strong{white-space:normal}.support-flow-hud{grid-template-columns:repeat(3,1fr);left:10px;right:10px;top:44px}.support-flow-hud>div{min-width:0}.support-los-note{bottom:16%}}
@media (max-width:520px){.support-mode-switch{grid-template-columns:1fr}.support-mode-switch button{min-height:58px}.support-flow-map{min-height:480px;aspect-ratio:auto}.support-flow-hud{grid-template-columns:1fr;right:auto;width:145px}.support-flow-hud>div{padding:5px 6px}.support-flow-legend{font-size:.34rem}.support-flow-banner{display:block;width:92%;text-align:center}.support-flow-banner span,.support-flow-banner strong{display:block}.support-flow-banner strong{margin-top:4px}.support-los-note{left:50%;bottom:17%;width:90%;transform:translateX(-50%);text-align:center}.support-big-choice>div:not(:first-child){grid-template-columns:1fr}.support-unit{width:46px}.support-unit>span{font-size:.33rem}}

@media (max-width:900px){
  .experience-shell{justify-content:flex-start;padding:8px 7px 7px;min-height:520px}.experience-header{margin-bottom:5px}.signal{height:33px}.eyebrow{font-size:.5rem}h2{font-size:.78rem}.mode-switch button{padding:0 6px}.index-button{font-size:0;width:31px;padding:0}.index-button span{font-size:.9rem}.icon-button b{display:none}.icon-button span{margin:0}.audio-visualizer,.volume-control{display:none}.counter{display:none}.scene-label{padding-inline:2px}.scene-label em{display:none}.stage{width:calc(100vw - 14px);height:calc(100svh - 137px);min-height:520px;max-height:none;aspect-ratio:auto}.controls{grid-template-columns:86px minmax(0,1fr) 86px;gap:7px;margin-top:6px}.control-button{min-height:34px;font-size:.65rem}.progress{gap:3px}.progress-dot{width:5px;height:5px}.progress-dot.is-active{width:14px}.experience-footer{justify-content:center;text-align:center;line-height:1.4}.music-credit{display:none}.brief-scene{padding:18px 17px 12px;overflow:auto}.panel-header{position:sticky;z-index:10;top:-18px;padding-top:4px;background:rgba(248,252,253,.95);backdrop-filter:blur(8px)}.panel-header>span{display:none}.panel-footer{margin-top:14px}.panel-body{flex:0;min-height:max-content}.cover-scene{overflow:hidden}.cover-copy{width:100%;margin:auto 0}.cover-portrait{right:-7%;width:170px;opacity:.44}.kinetic-title{font-size:clamp(2.2rem,12vw,4.4rem)}.cover-rings{display:none}.sequence-board{grid-template-columns:1fr;gap:5px}.sequence-board::before,.sequence-runner{display:none}.sequence-step{min-height:65px;display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;text-align:left;clip-path:none}.sequence-step strong{margin:0}.field-file,.condition-console,.profile-layout,.route-console,.countdown-layout,.comms-console,.contract-console{grid-template-columns:1fr}.condition-console{align-items:start}.condition-check-panel{padding:0}.condition-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-check{min-height:67px}.condition-check:last-child{grid-column:1/-1}.field-file{min-height:0}.field-file-id{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center}.file-classification{grid-column:1/-1}.file-portrait{grid-row:2/5;width:100px;margin:4px 0}.file-identity{margin:0;text-align:left}.file-progress,.file-swap{margin:0}.field-file-controls{grid-template-columns:1fr}.profile-trait{min-height:84px}.profile-cards{grid-template-columns:1fr}.profile-card strong{margin:10px 0 4px}.audit-console{grid-template-columns:1fr}.audit-status{min-height:120px}.fight-body{grid-template-columns:1fr}.fight-sidecar{display:grid;grid-template-columns:1fr 1fr}.fight-readout{grid-row:span 2}.timing-line{display:none}.timing-steps{grid-template-columns:1fr}.timing-step{display:grid;grid-template-columns:20px 1fr 1fr 1fr;align-items:center;text-align:left}.timing-step>i{margin:0}.timing-readout{grid-template-columns:1fr}.timing-rules{flex-wrap:wrap}.route-map{min-height:320px}.attention-arena{min-height:330px}.attention-trigger{width:145px}.enemy-watchers{width:29%}.attention-jobs{grid-template-columns:1fr}.synergy-heroes{grid-template-columns:1fr 1fr}.urgency-equation{flex-wrap:wrap}.countdown-core{min-height:270px}.return-map{min-height:300px}.support-rules{grid-template-columns:1fr}.deliverable-console{min-height:450px}.deliverable{width:150px}.d1{left:1%}.d2{left:1%}.d3{right:1%}.d4{right:1%}.d5{left:25%}.d6{right:25%}.warranty-strip{flex-wrap:wrap}.defect-grid{grid-template-columns:1fr}.comm-wheel{width:min(100%,430px)}.comm-response{min-height:170px}.contract-stamp{grid-column:auto}.voice-caption{bottom:18px}
}
@media (max-width:520px){
  .boot-screen{padding:10px}.boot-card{padding:25px 20px}.boot-meta span:last-child,.boot-portrait{display:none}.boot-card h1{font-size:clamp(2rem,12vw,3.5rem)}.boot-copy{margin:17px 0 21px}.boot-actions{display:grid}.initialize{width:100%}.silent-entry{min-height:44px}.mode-switch button{font-size:.52rem}.audio-dock{display:none}.scene-label strong{font-size:.52rem}.controls{grid-template-columns:72px minmax(0,1fr) 72px}.control-button span{display:none}.hint{display:none}.panel-header h3{font-size:.94rem}.kinetic-title{font-size:12vw}.cover-portrait{width:145px}.field-file-id{grid-template-columns:1fr;text-align:center}.file-classification{grid-column:auto}.file-portrait{grid-row:auto;margin:4px auto}.file-identity{text-align:center}.trait-redaction{grid-template-columns:auto 1fr}.trait-redaction i{display:none}.profile-trait.is-focused{transform:translateY(-2px)}.condition-check-list{grid-template-columns:1fr}.condition-check:last-child{grid-column:auto}.condition-lens{width:112px}.condition-lens-prompt{grid-template-columns:25px auto}.fight-beats{display:flex;overflow-x:auto;padding-bottom:3px}.fight-beat{min-width:145px}.fight-sidecar{grid-template-columns:1fr}.fight-readout{grid-row:auto}.fight-map-label b{display:none}.fight-token>span{font-size:.32rem}.synergy-heroes{grid-template-columns:1fr 1fr}.synergy-hero .hero-face{width:62px;height:62px}.deliverable-console{min-height:520px}.deliverable{width:128px}.d5{left:18%}.d6{right:18%}.comm-wheel{width:100%;min-height:350px}.comm-call{width:42%}.comm-response{padding:16px}.contract-line{grid-template-columns:24px 1fr}.contract-line strong{grid-column:2}.contract-line em{display:none}.ult-caster{width:50px}.ult-stage-readout{left:4%;top:3%;font-size:.54rem}.ult-stage-pips{right:4%;bottom:4%}.ult-stage-pips i{width:22px}.ult-fracture i{max-height:72px}
}
@media (max-height:690px) and (min-width:901px){.scene-label{display:none}.stage{width:min(1220px,calc((100svh - 116px)*16/9));max-height:calc(100svh - 116px)}.experience-header,.controls,.experience-footer{width:min(1220px,calc((100svh - 116px)*16/9))}.experience-footer{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particles,.boot-scan,.scanlines{display:none}.scene-root{transform:none}.reveal-item{opacity:1;transform:none}.voice-caption{display:none}}

/* v5: native, presentation-faithful ending pages */
.deliverable-scene .panel-body{justify-content:stretch}.receipt-experience{height:100%;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);padding-top:clamp(9px,1.4vw,18px)}
.deliverables-summary{display:flex;min-width:0;flex-direction:column;padding:clamp(13px,1.7vw,21px);border:1px solid #244a56;color:#fff;background:linear-gradient(145deg,#09242d,#061318 72%);box-shadow:inset 0 0 65px rgba(39,185,239,.06)}
.deliverables-heading{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.15)}.deliverables-heading span{color:var(--green);font:900 clamp(.38rem,.51vw,.47rem)/1 ui-monospace,monospace;letter-spacing:.08em}.deliverables-heading strong{color:#a9bec6;font:850 clamp(.38rem,.51vw,.47rem)/1 ui-monospace,monospace;text-align:right}
.deliverables-words{display:grid;flex:1;grid-template-columns:1fr 1fr;gap:clamp(5px,.8vw,9px);align-content:center;padding:clamp(8px,1.4vw,16px) 0}.deliverable-word{position:relative;display:flex;min-height:clamp(48px,7vh,72px);flex-direction:column;justify-content:center;padding:clamp(8px,1vw,13px) clamp(10px,1.3vw,16px);overflow:hidden;border:1px solid #284a55;background:rgba(255,255,255,.025)}.deliverable-word::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:currentColor}.deliverable-word strong{font-size:clamp(.72rem,1.28vw,1.17rem);line-height:.98;letter-spacing:-.03em}.deliverable-word span{margin-top:5px;color:#94aab2;font:850 clamp(.33rem,.43vw,.4rem)/1 ui-monospace,monospace;letter-spacing:.07em}.deliverable-word--pressure,.deliverable-word--execution{color:var(--green)}.deliverable-word--heads,.deliverable-word--chaos{color:var(--blue)}.deliverable-word--alarms{color:var(--orange)}.deliverable-word--execution{grid-column:2;grid-row:2/4}.deliverable-word--chaos{grid-column:1}.deliverables-comedy{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #566972;border-radius:3px;background:#e8eef0;color:#071016}.deliverables-comedy strong{color:#ad7200;font-size:clamp(.62rem,.85vw,.76rem)}.deliverables-comedy span{font-size:clamp(.35rem,.46vw,.42rem);font-weight:750;text-align:right}.receipt-experience.is-printing .deliverables-words{animation:summary-scan 1.1s ease both}@keyframes summary-scan{50%{filter:brightness(1.35);transform:translateY(-2px)}}

.mistakes-slide{color:#fff;background:linear-gradient(135deg,rgba(255,53,69,.09),transparent 32%),repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.018) 5px),#07141a}.mistakes-slide::before{background:linear-gradient(90deg,rgba(157,15,36,.34),transparent 14%,transparent)}.mistakes-slide::after{background:linear-gradient(90deg,var(--red-deep),var(--red),var(--orange))}.mistakes-slide .panel-header{border-color:#344b54}.mistakes-slide .panel-header p{color:#ff5f6d}.mistakes-slide .panel-header h3{color:#fff}.mistakes-slide .panel-header>span{color:#8da3ac}.mistakes-slide .panel-footer{border-color:#31464e;color:#81969e}.mistakes-slide .panel-footer b{color:#fff}.mistake-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(7px,1vw,12px);align-content:center;margin-top:clamp(10px,1.5vw,18px)}.mistake-card{display:grid;grid-template-columns:clamp(36px,4vw,50px) 1fr;gap:clamp(8px,1vw,13px);align-items:center;min-height:clamp(66px,9vh,90px);padding:clamp(8px,1.1vw,13px);border:1px solid #435861;border-left:4px solid var(--red);background:linear-gradient(100deg,rgba(255,53,69,.08),rgba(255,255,255,.025));box-shadow:0 8px 24px rgba(0,0,0,.12)}.mistake-card>span{display:grid;aspect-ratio:1;place-items:center;border:1px solid #8f2e3b;border-radius:50%;color:#ff6975;background:#260c12;font:900 clamp(.48rem,.65vw,.58rem)/1 ui-monospace,monospace}.mistake-card strong{display:block;color:#fff;font-size:clamp(.57rem,.82vw,.74rem);line-height:1.1}.mistake-card p{margin:5px 0 0;color:#9eb2b9;font-size:clamp(.43rem,.58vw,.52rem);font-weight:650;line-height:1.3}.mistake-quote{margin:clamp(8px,1.2vw,14px) 0 0;padding:clamp(9px,1.2vw,14px);border:2px solid var(--red);color:#161b1d;background:#f8fbfc;text-align:center;font-size:clamp(.58rem,.86vw,.78rem);font-style:normal;font-weight:950;letter-spacing:.015em}

.comms-native-slide .panel-body{justify-content:stretch}.native-comm-grid{display:grid;flex:1;grid-template-columns:1fr 1fr;gap:clamp(8px,1.1vw,13px);align-content:center;padding:clamp(10px,1.8vw,23px) 0}.native-comm-card{position:relative;min-height:clamp(72px,10vh,104px);padding:clamp(12px,1.6vw,20px) clamp(13px,1.8vw,22px);border:2px solid #16262c;background:rgba(255,255,255,.75);box-shadow:0 6px 0 rgba(7,16,22,.08)}.native-comm-card::before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;width:7px;background:var(--accent)}.native-comm-card strong{display:block;color:#071016;font-size:clamp(.73rem,1.1vw,1rem)}.native-comm-card p{margin:7px 0 0;color:#526a73;font-size:clamp(.49rem,.68vw,.61rem);font-weight:700;line-height:1.35}.native-comm-card--green{--accent:var(--green-dark)}.native-comm-card--orange{--accent:var(--orange)}.native-comm-card--blue{--accent:var(--blue)}.native-comm-card--red{--accent:var(--red)}.native-comm-rule{padding:clamp(9px,1vw,12px);color:#fff;background:#0b1b21;text-align:center;font:900 clamp(.49rem,.68vw,.61rem)/1 ui-monospace,monospace;letter-spacing:.09em}.native-comm-rule i{padding:0 9px;color:var(--green);font-style:normal}

.final-contract-slide{color:#fff;background:linear-gradient(104deg,transparent 0 72%,rgba(54,230,145,.08)),repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.017) 5px),#07141a}.final-contract-slide::before{background:linear-gradient(90deg,rgba(54,230,145,.18),transparent 18%)}.final-contract-slide::after{background:linear-gradient(90deg,var(--green),var(--blue),var(--orange))}.final-contract-slide .panel-header{border-color:#344b54}.final-contract-slide .panel-header p{color:var(--green)}.final-contract-slide .panel-header h3{color:#fff}.final-contract-slide .panel-header>span{color:#8da3ac}.final-contract-slide .panel-footer{border-color:#31464e;color:#81969e}.final-contract-slide .panel-footer b{color:#fff}.native-contract-lines{display:grid;gap:clamp(6px,1vh,10px);align-content:center;margin-top:clamp(13px,2vw,25px)}.native-contract-line{display:grid;grid-template-columns:minmax(150px,.72fr) 1.55fr;align-items:baseline;gap:clamp(12px,2vw,28px);padding:clamp(8px,1.1vw,14px) clamp(13px,1.6vw,20px);border-left:7px solid currentColor;background:rgba(255,255,255,.035)}.native-contract-line span{color:currentColor;font-size:clamp(.74rem,1.2vw,1.08rem);font-weight:950}.native-contract-line strong{color:#fff;font-size:clamp(.9rem,1.65vw,1.48rem);line-height:1}.native-contract-line--blue{color:var(--blue)}.native-contract-line--green{color:var(--green)}.native-contract-line--orange{color:var(--orange)}.native-contract-line--white{color:#fff}.native-contract-final{margin-top:clamp(10px,1.6vw,18px);padding:clamp(13px,1.8vw,22px);border:2px solid var(--green);border-radius:6px;color:#03110a;background:linear-gradient(90deg,#69f1ad,var(--green));box-shadow:0 0 36px rgba(54,230,145,.17);text-align:center;font-size:clamp(.88rem,1.65vw,1.5rem);font-weight:950;letter-spacing:.02em}.final-contract-slide .final-note{color:#a5b8bf;font-size:clamp(.49rem,.67vw,.6rem)}

@media (max-width:900px){
  .receipt-experience{height:auto;grid-template-columns:1fr}.deliverables-summary{min-height:390px}.receipt-printer{min-height:420px}.mistakes-slide .panel-header,.final-contract-slide .panel-header{background:rgba(7,20,26,.96)}.mistake-grid,.native-comm-grid{grid-template-columns:1fr 1fr}.native-contract-line{grid-template-columns:minmax(125px,.75fr) 1.5fr}
}
@media (max-width:520px){
  .deliverables-words,.mistake-grid,.native-comm-grid{grid-template-columns:1fr}.deliverable-word--execution,.deliverable-word--chaos{grid-column:auto;grid-row:auto}.deliverables-comedy{display:block}.deliverables-comedy span{display:block;margin-top:4px;text-align:left}.mistake-card{min-height:74px}.native-contract-line{grid-template-columns:1fr;gap:3px}.native-contract-line strong{font-size:.78rem}.native-comm-rule{line-height:1.55}.native-comm-rule i{padding:0 4px}
}

/* Final responsive cover corrections override the older experimental cover rules. */
.support-flow-map[data-mode="peel"][data-outcome="late"] .support-unit--ana{filter:none}
@media (max-width:900px){
  .cover-copy{top:8%;bottom:8%;left:6%;width:58%}.cover-kicker{width:88%}.cover-title{margin-top:10%;font-size:clamp(2rem,7vw,4rem)}.cover-sub{max-width:90%;font-size:clamp(.66rem,2vw,1rem)}.cover-byline{max-width:92%;font-size:clamp(.48rem,1.5vw,.72rem)}.cover-portrait{right:1.5%;top:18%;width:39%;opacity:.92;border-width:3px;box-shadow:0 0 0 5px var(--green),0 0 0 9px rgba(255,255,255,.94),0 16px 35px rgba(0,0,0,.3)}.cover-gold{right:2%;width:16%}.cover-circuit{opacity:.28}.cover-scene .panel-footer{left:6%}
  .incident-console{grid-template-columns:minmax(180px,.65fr) minmax(340px,1.35fr)}.incident-report{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.incident-report-code,.incident-report h4,.incident-report blockquote{grid-column:1/-1}.incident-report h4{margin:8px 0 0}.incident-report blockquote{margin:0}.incident-report>div:not(.incident-report-code){margin:0}
}
@media (max-width:520px){
  .cover-copy{top:7%;left:7%;width:72%}.cover-kicker{width:88%;font-size:.48rem}.cover-title{margin-top:13%;font-size:clamp(2.1rem,10vw,3.4rem)}.cover-sub{font-size:.66rem}.cover-byline{font-size:.48rem}.cover-portrait{right:-15%;top:25%;width:60%;opacity:.46}.cover-gold{right:-2%;width:18%}.cover-scene .panel-footer{left:7%;font-size:.4rem}
  .support-big-choice{grid-template-columns:1fr}.support-big-choice button>em{font-size:.43rem}
  .receipt-experience{grid-template-columns:1fr}.fight-sim-arena{min-height:260px}.receipt-printer{min-height:420px}.fight-sim-track{grid-template-columns:1fr 1fr}.fight-sim-arena[data-step="2"] .sim-vendetta,.fight-sim-arena[data-step="3"] .sim-vendetta{transform:translate(300%,-145%)}
  .incident-console{grid-template-columns:1fr}.incident-report{grid-column:auto;display:flex}.incident-stage{min-height:340px}.incident-slots{grid-template-columns:1fr 1fr}.incident-slots>div{grid-template-columns:auto 1fr}.incident-slots i{display:none}
}

/* v6: signed final contract reveal */
.final-contract-slide .panel-body{justify-content:stretch}.native-contract-console{position:relative;flex:1;min-height:0}.contract-gate,.native-contract-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.contract-gate{z-index:3;margin:auto;width:min(660px,82%);height:max-content;padding:clamp(22px,3vw,38px);border:1px solid #38606c;border-top:4px solid var(--green);color:#fff;background:radial-gradient(circle at 50% 12%,rgba(54,230,145,.13),transparent 36%),linear-gradient(145deg,#102a32,#07151a);box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 0 48px rgba(39,185,239,.035);text-align:center;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.contract-gate>span{color:var(--green);font:900 clamp(.42rem,.56vw,.51rem)/1 ui-monospace,monospace;letter-spacing:.12em}.contract-gate h4{margin:clamp(10px,1.5vw,17px) 0 0;font-size:clamp(.74rem,1.05vw,.95rem);letter-spacing:.04em}.contract-gate blockquote{margin:clamp(12px,1.8vw,22px) 0;padding:clamp(12px,1.6vw,18px) clamp(15px,2.2vw,28px);border-block:1px solid rgba(255,255,255,.14);color:#fff;font-size:clamp(1rem,2vw,1.75rem);font-style:normal;font-weight:950;line-height:1.08;letter-spacing:-.025em}.contract-gate button{display:grid;width:min(470px,100%);grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 12px;padding:12px 15px;border:1px solid var(--green);color:#04110b;background:linear-gradient(90deg,#72f4b4,var(--green));cursor:pointer;text-align:left;box-shadow:0 0 28px rgba(54,230,145,.16);transition:transform 170ms ease,box-shadow 170ms ease,filter 170ms ease}.contract-gate button:hover,.contract-gate button:focus-visible{transform:translateY(-3px);box-shadow:0 10px 38px rgba(54,230,145,.27);filter:brightness(1.07)}.contract-gate button:disabled{cursor:wait;transform:none}.contract-gate button>span{grid-row:1/-1;display:grid;width:54px;height:54px;place-items:center;border:2px solid #06150e;border-radius:50%;font:950 .65rem/1 ui-monospace,monospace}.contract-gate button strong{align-self:end;font-size:clamp(.57rem,.78vw,.7rem)}.contract-gate button em{align-self:start;font-size:clamp(.38rem,.5vw,.45rem);font-style:normal;font-weight:720;opacity:.68}.contract-gate>p{margin:12px 0 0;color:#8ca4ad;font:850 clamp(.36rem,.48vw,.43rem)/1 ui-monospace,monospace;letter-spacing:.09em}.native-contract-console.is-signing .contract-gate>p{color:var(--green);animation:contract-status-pulse .55s ease-in-out infinite alternate}@keyframes contract-status-pulse{to{opacity:.38}}.native-contract-console.is-signed .contract-gate{opacity:0;visibility:hidden;transform:translateY(-20px) scale(.97);transition:opacity 340ms ease,transform 420ms ease,visibility 420ms}.native-contract-reveal{z-index:2;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity 420ms ease,transform 520ms ease,visibility 520ms}.native-contract-console.is-signed .native-contract-reveal{opacity:1;visibility:visible;transform:none}.native-contract-reveal .native-contract-lines{width:100%;margin:0}.native-contract-line{opacity:0;transform:translateX(-26px);transition:opacity 360ms ease,transform 520ms cubic-bezier(.18,.82,.17,1)}.native-contract-line:nth-child(even){transform:translateX(26px)}.native-contract-line.is-revealed{opacity:1;transform:none}.native-contract-final{opacity:0;transform:translateY(16px) scale(.97);transition:opacity 430ms ease,transform 560ms cubic-bezier(.18,.82,.17,1)}.native-contract-final.is-revealed{opacity:1;transform:none}.native-contract-reveal .final-note{opacity:.72}
@media (max-width:900px){.native-contract-console{min-height:520px}.contract-gate{width:min(620px,92%)}}
@media (max-width:520px){.native-contract-console{min-height:610px}.contract-gate{width:96%;padding:20px 16px}.contract-gate blockquote{font-size:1.12rem}.contract-gate button{grid-template-columns:44px 1fr;padding:10px}.contract-gate button>span{width:42px;height:42px;font-size:.55rem}.native-contract-reveal{justify-content:flex-start;padding-top:24px}.native-contract-reveal .native-contract-line{padding:10px 12px}.native-contract-reveal .native-contract-final{margin-top:10px}}

.contract-voice-replay{margin-top:9px;padding:7px 12px;border:1px solid #35535d;color:#9eb4bc;background:#09191f;font:850 clamp(.37rem,.49vw,.44rem)/1 ui-monospace,monospace;letter-spacing:.06em;cursor:pointer;transition:border-color 160ms ease,color 160ms ease,transform 160ms ease}.contract-voice-replay:hover,.contract-voice-replay:focus-visible{transform:translateY(-2px);border-color:var(--green);color:var(--green)}.contract-voice-replay:disabled{cursor:wait;transform:none;opacity:.7}

/* v8: genuine phone reader instead of a desktop slide squeezed into a narrow viewport */
@media (max-width:900px){
  html,body{height:100%;overscroll-behavior:none}
  .experience-shell{height:100dvh;min-height:0;justify-content:flex-start;overflow:hidden;padding-bottom:max(7px,env(safe-area-inset-bottom))}
  .stage{flex:1;height:auto;min-height:0;max-height:none}
  .scene-root{transform:none!important}
  .brief-scene{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
  .edge-button{display:none}
}

@media (max-width:700px){
  .boot-screen{height:100dvh;min-height:0;overflow-y:auto;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
  .boot-card{width:100%;padding:24px 19px}
  .boot-card h1{font-size:clamp(2.1rem,12vw,3.45rem);line-height:.96}
  .boot-copy{font-size:.94rem}
  .initialize,.silent-entry{min-height:52px}

  .experience-shell{padding:max(6px,env(safe-area-inset-top)) 7px max(6px,env(safe-area-inset-bottom))}
  .experience-header{flex:none;min-height:43px;margin:0 0 4px;gap:6px}
  .identity{gap:7px;min-width:0}
  .identity .signal{width:4px;height:31px}
  .identity h2{display:none}
  .eyebrow{max-width:132px;margin:0;font-size:.52rem;line-height:1.25;white-space:normal}
  .header-tools{margin-left:auto;gap:5px}
  .mode-switch,.counter{display:none}
  .index-button{display:grid;width:40px;min-height:40px;padding:0;place-items:center;font-size:0}
  .index-button span{font-size:1rem}
  .audio-dock{display:flex;padding:2px;gap:2px}
  .audio-visualizer,.volume-control{display:none}
  .icon-button{display:grid;width:38px;min-height:36px;padding:0;place-items:center}
  .icon-button span{margin:0;font-size:1rem}
  .icon-button b{display:none}

  .scene-label{flex:none;min-height:27px;margin:0 2px 5px;align-items:center;gap:8px}
  .scene-label span{font-size:.52rem}
  .scene-label strong{font-size:.61rem;line-height:1.15}
  .scene-label em{display:none}

  .stage{width:100%;border-radius:7px;box-shadow:0 18px 48px rgba(0,0,0,.62)}
  .stage-light{display:none}
  .stage-reticle{inset:5px}
  .brief-scene{padding:16px 14px 20px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--green-dark) rgba(6,17,22,.16)}
  .panel-header{position:relative;top:auto;padding:0 0 10px;background:transparent;backdrop-filter:none}
  .panel-header p{font-size:.63rem}
  .panel-header h3{font-size:1.08rem;line-height:1.04}
  .panel-body{flex:0;min-height:max-content}
  .panel-footer{padding-bottom:2px;font-size:.49rem}
  .panel-footer b{font-size:.78rem}
  .scene-quote,.mistake-quote{font-size:.78rem;line-height:1.3}
  .brief-scene button{min-height:44px}

  .controls{flex:none;height:51px;margin-top:5px;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);gap:7px}
  .control-button{min-height:46px;padding:0 12px;font-size:.7rem;font-weight:850}
  .control-button span{display:inline}
  .progress{min-width:76px}
  .progress::before{content:attr(data-label);color:#bed0d6;font:850 .56rem/1 ui-monospace,monospace;letter-spacing:.07em;white-space:nowrap}
  .progress-dot{display:none}
  .experience-footer{display:none}

  .sequence-step{min-height:72px;grid-template-columns:38px 1fr;grid-template-rows:auto auto;padding:9px 10px}
  .sequence-step strong{margin:0;font-size:.78rem}
  .sequence-step em{font-size:.67rem}
  .sequence-readout{align-items:flex-start;flex-direction:column;gap:5px}
  .sequence-readout strong{font-size:.74rem;line-height:1.3}

  .field-file-id{display:grid;grid-template-columns:88px 1fr;gap:8px 12px;padding:12px}
  .file-classification{grid-column:1/-1}
  .file-portrait{grid-row:2/5;width:84px;margin:0}
  .file-identity{text-align:left}
  .file-identity strong{font-size:.86rem}
  .file-progress,.file-swap{margin:0}
  .profile-trait{min-height:102px}
  .trait-content{padding:12px 13px}
  .trait-content strong{font-size:.82rem}
  .trait-content p{font-size:.7rem;line-height:1.38}
  .trait-redaction b{font-size:.67rem}
  .profile-reveal,.profile-complete{min-height:58px}

  .condition-console{gap:16px}
  .condition-check-list{grid-template-columns:1fr}
  .condition-check:last-child{grid-column:auto}
  .condition-check{min-height:68px}
  .condition-check strong{font-size:.77rem}
  .condition-check em{font-size:.65rem}
  .condition-glass{padding:8px}
  .condition-glass-bar{font-size:.57rem}
  .condition-zoom button{min-height:40px;padding-inline:9px;font-size:.56rem}
  .condition-chart-viewer{height:280px;aspect-ratio:auto}
  .condition-lens{width:min(176px,52vw)}
  .condition-lens-prompt{bottom:6%;max-width:88%;grid-template-columns:27px auto;padding:8px 10px}
  .condition-lens-prompt strong{font-size:.57rem}
  .condition-lens-prompt em{font-size:.5rem}
  .condition-glass figcaption{grid-template-columns:1fr}
  .condition-glass figcaption strong{font-size:.62rem;line-height:1.35}

  .fight-beats,.support-mode-switch{scroll-snap-type:x mandatory;scrollbar-width:thin}
  .fight-beat,.support-mode-switch button{scroll-snap-align:start}
  .fight-beat{min-width:158px;min-height:58px}
  .fight-beat strong{font-size:.66rem}
  .fight-beat em{font-size:.56rem}
  .fight-map{min-height:360px;aspect-ratio:1/1}
  .fight-token{width:47px}
  .fight-sidecar{grid-template-columns:1fr}
  .fight-readout{grid-row:auto;padding:13px}
  .fight-readout strong{font-size:.92rem}
  .fight-readout p,.fight-rule em,.fight-exit-panel em{font-size:.68rem;line-height:1.38}
  .fight-exit-panel>div{grid-template-columns:1fr}

  .real-route-map{min-height:430px}
  .route-readout strong{font-size:.86rem}
  .route-readout p,.danger-window em{font-size:.68rem;line-height:1.35}
  .route-next{min-height:58px}

  .attention-arena{min-height:460px}
  .attention-trigger{width:154px}
  .attention-jobs p{font-size:.68rem;line-height:1.35}

  .synergy-hero{min-height:134px}
  .synergy-hero strong{font-size:.72rem}
  .synergy-hero span{font-size:.56rem}
  .urgency-equation{gap:6px}
  .urgency-equation span,.urgency-equation strong{font-size:.62rem}

  .countdown-core{min-height:250px}
  .handshake-rules>div p,.zarya-note p{font-size:.69rem;line-height:1.35}

  .support-flow-map{min-height:560px}
  .support-flow-hud{top:42px;width:132px}
  .support-mode-switch button{min-height:66px}
  .support-big-choice{gap:10px;padding:10px}
  .support-big-choice>div:not(:first-child){grid-template-columns:1fr}
  .support-big-choice>div:first-child>span{font-size:.57rem}
  .support-big-choice>div:first-child>strong{font-size:.8rem}
  .support-big-choice button{min-height:76px}
  .support-big-choice button>span{font-size:.5rem}
  .support-big-choice button>strong{font-size:.7rem}
  .support-big-choice button>em{font-size:.61rem;line-height:1.3}

  .deliverables-summary{min-height:0}
  .deliverable-word{min-height:70px}
  .deliverable-word strong{font-size:.83rem}
  .deliverable-word span{font-size:.55rem}
  .deliverables-comedy strong{font-size:.75rem}
  .deliverables-comedy span{font-size:.61rem;line-height:1.3}
  .receipt-run{min-height:62px}
  .receipt-printer{min-height:440px}
  .receipt-paper header strong{font-size:.75rem}
  .receipt-line strong{font-size:.57rem}
  .receipt-line span,.receipt-line em{font-size:.49rem}

  .mistake-card{min-height:92px;padding:12px}
  .mistake-card strong{font-size:.78rem;line-height:1.2}
  .mistake-card p{font-size:.68rem;line-height:1.4}
  .native-comm-card{min-height:98px;padding:15px 17px}
  .native-comm-card strong{font-size:.84rem}
  .native-comm-card p{font-size:.69rem;line-height:1.4}
  .native-comm-rule{font-size:.59rem}

  .native-contract-console{min-height:660px}
  .contract-gate{width:100%;padding:22px 15px}
  .contract-gate>span{font-size:.54rem}
  .contract-gate h4{font-size:.82rem}
  .contract-gate blockquote{font-size:1.15rem}
  .contract-gate button strong{font-size:.68rem}
  .contract-gate button em{font-size:.57rem;line-height:1.25}
  .contract-gate>p{font-size:.5rem}
  .native-contract-reveal{padding-top:18px}
  .native-contract-line span{font-size:.72rem}
  .native-contract-line strong{font-size:.83rem;line-height:1.18}
  .native-contract-final{font-size:1rem}
  .contract-voice-replay{min-height:46px;font-size:.57rem}

  .scene-index{width:100%;padding:62px 16px max(22px,env(safe-area-inset-bottom))}
  .index-close{width:46px;height:46px}
  .index-scene{min-height:56px;grid-template-columns:42px 1fr}
  .index-scene span{font-size:.67rem}
  .index-scene strong{font-size:.76rem;line-height:1.2}
  .chapter-splash{display:none}
}

@media (max-height:540px) and (orientation:landscape){
  .experience-shell{height:100dvh;min-height:0;padding:4px 7px max(4px,env(safe-area-inset-bottom))}
  .experience-header{min-height:38px;margin:0 0 3px}
  .identity{display:none}
  .header-tools{margin-left:auto}
  .scene-label{display:none}
  .stage{flex:1;width:100%;height:auto;min-height:0;max-height:none}
  .controls{flex:none;height:47px;margin-top:3px}
  .control-button{min-height:43px}
  .experience-footer{display:none}
  .brief-scene{padding:13px 16px 16px;overflow-y:auto}
  .panel-header{position:relative;top:auto;background:transparent;backdrop-filter:none}
}

/* v9: phone-only tactical canvases retain readable scale and pan inside the page */
.mobile-tactical-viewport{display:contents}
.mobile-tactical-toolbar,.mobile-tactical-viewport>p{display:none}

@media (max-width:700px){
  .mobile-tactical-viewport{display:block;width:100%;min-width:0;margin:2px 0 10px;overflow:hidden;border:1px solid #2c5965;border-radius:7px;background:#061217;box-shadow:0 12px 28px rgba(3,18,24,.2)}
  .mobile-tactical-toolbar{position:relative;z-index:12;display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 7px 10px;border-bottom:1px solid #294a55;color:#fff;background:linear-gradient(90deg,#0a2028,#071318)}
  .mobile-tactical-toolbar>div:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}
  .mobile-tactical-toolbar span{color:var(--green);font:900 .48rem/1 ui-monospace,monospace;letter-spacing:.08em}
  .mobile-tactical-toolbar strong{overflow:hidden;font-size:.63rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}
  .mobile-tactical-toolbar>div:last-child{display:flex;flex:none;gap:4px}
  .mobile-tactical-toolbar button{display:grid;width:39px;min-height:38px;padding:0;place-items:center;border:1px solid #3d6571;border-radius:4px;color:#e9f4f7;background:#0b1d23;font-size:.92rem;cursor:pointer}
  .mobile-tactical-toolbar button:active,.mobile-tactical-toolbar button:focus-visible{border-color:var(--green);color:#03100a;background:var(--green)}
  .mobile-tactical-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:var(--green-dark) #112a32;-webkit-overflow-scrolling:touch}
  .mobile-tactical-scroll::-webkit-scrollbar{height:9px}
  .mobile-tactical-scroll::-webkit-scrollbar-track{background:#112a32}
  .mobile-tactical-scroll::-webkit-scrollbar-thumb{border:2px solid #112a32;border-radius:99px;background:var(--green)}
  .mobile-tactical-viewport>p{display:block;margin:0;padding:7px 9px;color:#9cb1b9;background:#09191f;font:850 .47rem/1.2 ui-monospace,monospace;letter-spacing:.045em;text-align:center}

  .fight-body{display:block;overflow:visible}
  .mobile-tactical-scroll>.fight-map{width:760px;min-width:760px;min-height:426px;aspect-ratio:1000/560;border:0;border-radius:0;box-shadow:none}
  .mobile-tactical-scroll>.real-route-map{width:560px;min-width:560px;min-height:624px;border:0}
  .mobile-tactical-scroll>.attention-arena{width:700px;min-width:700px;min-height:410px;margin:0;border:0}
  .mobile-tactical-scroll>.support-flow-map{width:760px;min-width:760px;min-height:380px;aspect-ratio:1000/500;border:0;border-radius:0;box-shadow:none}

  .mobile-tactical-scroll .fight-token,.mobile-tactical-scroll .support-unit{width:58px}
  .mobile-tactical-scroll .fight-token>span,.mobile-tactical-scroll .support-unit>span{font-size:.51rem}
  .mobile-tactical-scroll .fight-token>[data-fighter-mark],.mobile-tactical-scroll .support-unit>[data-support-unit-mark]{font-size:.48rem}
  .mobile-tactical-scroll .fight-map-label span,.mobile-tactical-scroll .fight-map-label b,.mobile-tactical-scroll .fight-healthpack span{font-size:.49rem}
  .mobile-tactical-scroll .fight-objective span,.mobile-tactical-scroll .support-flow-objective span{font-size:.56rem}
  .mobile-tactical-scroll .support-flow-objective b{font-size:.47rem}
  .mobile-tactical-scroll .support-flow-legend{font-size:.5rem}
  .mobile-tactical-scroll .support-flow-hud{right:10px;top:9px;width:auto;grid-template-columns:repeat(3,minmax(112px,1fr))}
  .mobile-tactical-scroll .support-flow-hud>div{min-width:112px;padding:7px 8px}
  .mobile-tactical-scroll .support-flow-hud span{font-size:.46rem}
  .mobile-tactical-scroll .support-flow-hud strong{font-size:.52rem}
  .mobile-tactical-scroll .support-flow-banner{display:flex;width:auto;max-width:86%;text-align:left}
  .mobile-tactical-scroll .support-flow-banner span,.mobile-tactical-scroll .support-flow-banner strong{display:inline;margin:0;font-size:.49rem;white-space:nowrap}
  .mobile-tactical-scroll .support-los-note{left:12px;bottom:14%;width:auto;transform:none;font-size:.45rem;text-align:left}

  .fight-sidecar{margin-top:10px}
  .route-control-panel{margin-top:0}
  .attention-jobs{margin-top:0}
  .support-big-choice{margin-top:0}
}

@media (max-height:540px) and (orientation:landscape) and (pointer:coarse){
  .mobile-tactical-viewport{display:block;width:100%;min-width:0;margin-bottom:8px;overflow:hidden;border:1px solid #2c5965;border-radius:6px;background:#061217}
  .mobile-tactical-toolbar{display:flex}
  .mobile-tactical-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .mobile-tactical-viewport>p{display:block}
}