.nb-field{--cyan:#65e9ef;--red:#fa8790;color:#e9f1fa;background:#0a1421;border:1px solid #354655;border-radius:16px;overflow:hidden;margin:18px 0;font-family:inherit;isolation:isolate}.nb-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:20px 24px;background:#101f2e}.nb-gauge-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:var(--cyan)}.nb-gauge.theirs .nb-gauge-label{color:var(--red)}.nb-gauge-track{height:5px;background:#263647;margin:8px 0}.nb-gauge-track i{display:block;height:100%;background:var(--cyan)}.nb-gauge.theirs .nb-gauge-track i{background:var(--red)}.nb-gauge small{font-size:10px;letter-spacing:.16em;color:#99aebc}.nb-gauge.full small{color:#ffdb80}.nb-time{font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.03em}.nb-stage{height:500px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#344557 0,transparent 50%),linear-gradient(#152333,#111e2b 40%,#25323e 41%,#121e29 100%)}.nb-horizon{position:absolute;top:12%;left:0;right:0;height:24%;opacity:.35;background:linear-gradient(90deg,transparent 10%,#81919a 10%,#81919a 12%,transparent 12%,transparent 22%,#81919a 22%,#81919a 23%,transparent 23%,transparent 73%,#81919a 73%,#81919a 75%,transparent 75%,transparent 91%,#81919a 91%,#81919a 93%,transparent 93%);border-bottom:1px solid #90a0ac}.nb-floor{position:absolute;inset:38% -25% -50%;transform:perspective(250px) rotateX(50deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#52667833 100px),repeating-linear-gradient(0deg,transparent 0,transparent 59px,#52667833 60px);pointer-events:none}.nb-lane-label{position:absolute;left:20px;font-size:10px;letter-spacing:.16em;color:#8198aa}.nb-far-label{top:14px}.nb-near-label{bottom:12px}.nb-unit{position:absolute!important;padding:0!important;border:0!important;border-radius:0!important;color:#eaf2f7!important;background:none!important;display:flex!important;flex-direction:column;align-items:center;min-width:0!important;cursor:pointer;box-shadow:none!important;z-index:2;width:15%;left:calc(7.5% + var(--slot)*17.5%);text-align:center}.nb-unit.mine{bottom:38px}.nb-unit.theirs{top:48px;width:11%;left:calc(20% + var(--slot)*15% - 5.5%)}.nb-portrait{width:80%;aspect-ratio:1;position:relative;background:linear-gradient(135deg,#344755,#172b3c);border:2px solid #65e9ef88;border-radius:12px 12px 5px 5px;overflow:hidden;box-shadow:0 6px 20px #0005}.nb-unit.theirs .nb-portrait{border-color:#fa879088}.nb-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.nb-initial{height:100%;display:grid;place-items:center;color:#acbfce;font-weight:800;font-size:clamp(12px,2.5vw,26px)}.nb-slot{position:absolute;left:9%;top:3px;padding:2px 4px;background:#07131ddd;font-size:9px;color:#c0d7e5}.nb-name{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin:6px 0 4px}.nb-hp{width:88%;height:5px;background:#07131d;border:1px solid #465765}.nb-hp i{display:block;height:100%;background:var(--cyan)}.nb-unit.theirs .nb-hp i{background:var(--red)}.nb-hp-text{font-size:10px;color:#b2c6d3;margin-top:3px;font-variant-numeric:tabular-nums}.nb-state{font-size:10px;color:#a8bfce}.nb-flags{height:14px;font-size:9px;color:#f1d489;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nb-cover{width:105%;height:11px;margin-top:4px;border:1px solid #5a6a77;background:#162432;transform:skew(-5deg);box-shadow:0 5px 0 #0b1520}.nb-cover i{display:block;height:100%;background:repeating-linear-gradient(90deg,#435562 0,#435562 17px,#324653 18px,#324653 20px)}.nb-cover.unknown{opacity:.2}.nb-unit.is-dead .nb-portrait{filter:grayscale(1);opacity:.35}.nb-unit.is-dead .nb-name{color:#788a98}.nb-unit.is-shielded .nb-portrait{outline:2px solid #889fff;outline-offset:3px}.nb-unit.is-invulnerable .nb-portrait{outline:2px solid #ffe99d;outline-offset:3px}.nb-unit:focus-visible{outline:2px solid white!important;outline-offset:5px}.nb-fx{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.nb-hit{position:absolute;height:1px;background:#b6fbff;transform-origin:left center;opacity:.7;box-shadow:0 0 4px #6cecff}.nb-hit.theirs{background:#ffb7ac;box-shadow:0 0 4px #ff9484}.nb-hit.skill{height:2px;background:#e4c5ff;box-shadow:0 0 6px #cd96ff}.nb-impact{position:absolute;transform:translate(-50%,-100%);color:#fff;font-size:13px;font-weight:800;text-shadow:0 2px 3px #000,1px 0 #000,-1px 0 #000;white-space:nowrap}.nb-impact.crit{color:#ffe596;font-size:16px}.nb-headline{position:absolute;top:46%;left:15%;right:15%;text-align:center;font-size:18px;font-weight:800;letter-spacing:.1em;color:#edf8ff;opacity:0;background:linear-gradient(90deg,transparent,#0a1928e8,transparent);padding:12px;z-index:5;pointer-events:none}.nb-headline.visible{opacity:1}.nb-caption{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;font-size:11px;color:#9cafc0;gap:10px}.nb-caption button{border:1px solid #52616f;background:transparent;color:#c9d8e3;border-radius:6px;font-size:11px;padding:6px 10px}.nb-analysis{margin:0 18px 16px;padding:14px;background:#142432;border:1px solid #314658;font-size:12px;line-height:1.7}.nb-analysis:not([hidden]){display:grid;gap:5px}.nb-analysis small{color:#98afbf}.nb-field.finished .nb-headline{color:#ffdf94}.nb-field [hidden]{display:none!important}@media(max-width:650px){.nb-stage{height:390px}.nb-hud{gap:12px;padding:14px 12px}.nb-time{font-size:18px}.nb-gauge-label{font-size:9px;letter-spacing:0}.nb-unit.mine{bottom:40px;width:18%;left:calc(10% + var(--slot)*20% - 9%)}.nb-unit.theirs{top:55px;width:15%;left:calc(14% + var(--slot)*18% - 7.5%)}.nb-name{font-size:10px}.nb-state,.nb-flags{font-size:8px}.nb-headline{font-size:14px;left:2%;right:2%}.nb-caption{font-size:10px;padding:9px}.nb-lane-label{font-size:9px}.nb-impact{font-size:10px}}@media(prefers-reduced-motion:reduce){.nb-hit{box-shadow:none}.nb-impact{font-size:11px}}
/* Bound portrait size so both rows retain their complete state HUD at wide widths. */
.nb-unit .nb-portrait{width:min(80%,124px)}
.nb-unit.theirs .nb-portrait{width:min(80%,88px)}
.nb-unit.theirs{top:34px}
.nb-stage{height:500px}
.replay:has(.nb-field) .replay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0;padding:0}
.replay:has(.nb-field) .replay-controls button{padding:7px 10px;min-height:34px;font-size:12px;line-height:1.3;margin:0;flex:0 0 auto}
.replay:has(.nb-field) .replay-controls select{width:auto!important;max-width:95px;min-width:74px;flex:0 0 auto;padding:6px 8px;min-height:34px;font-size:12px;margin:0}
.replay:has(.nb-field) .replay-controls label{display:flex;align-items:center;gap:5px;font-size:12px;margin:0;flex:0 0 auto}
.replay:has(.nb-field) .replay-controls input[type=checkbox]{width:auto;margin:0}
.replay:has(.nb-field) .replay-controls input[type=range]{width:auto;min-width:180px;flex:1 1 220px;margin:0}
.replay:has(.nb-field) .replay-controls output{font-size:12px;white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums}
@media(max-width:650px){.nb-stage{height:390px}.nb-unit.theirs{top:38px}.nb-unit.mine{bottom:36px}.nb-unit .nb-portrait{width:min(80%,72px)}.nb-unit.theirs .nb-portrait{width:min(80%,54px)}.replay:has(.nb-field) .replay-controls input[type=range]{flex-basis:65%;min-width:150px}.replay:has(.nb-field) .replay-controls button{padding:6px 8px}}
.nb-shot{position:absolute;transform:translate(-50%,-100%);padding:3px 6px;border:1px solid #f5db88;border-radius:4px;background:#302b19e8;color:#ffe7a0;font-size:9px;line-height:1.2;font-weight:700;white-space:nowrap;box-shadow:0 0 9px #f7d37555}
.nb-unit.nb-focused .nb-portrait{outline:2px dashed #ffab78;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.nb-shot{box-shadow:none}}

/* The arrowhead points from the recorded source to its recorded target. */
.nb-hit{height:2px;--arrow-color:#b6fbff;background:var(--arrow-color);opacity:.9}
.nb-hit.theirs{--arrow-color:#ffb7ac}
.nb-hit.skill{--arrow-color:#e4c5ff}
.nb-hit::after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid var(--arrow-color)}
.nb-hit.nb-target{--arrow-color:#ffe7a0;height:2px;background:repeating-linear-gradient(90deg,var(--arrow-color) 0 5px,transparent 5px 9px);box-shadow:none;opacity:.7}
.sd-full-record{margin-block:30px}.sd-record-scroll{overflow:auto;max-height:520px;border:1px solid #d7d7ca}.sd-record-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.sd-record-table th,.sd-record-table td{padding:10px 12px;border-bottom:1px solid #d7d7ca;text-align:left}.sd-record-table thead{position:sticky;top:0;background:#f5f2e9}.sd-record-table button{border:0;background:none;padding:4px;text-decoration:underline;cursor:pointer}.sd-record-time{font-variant-numeric:tabular-nums}.sd-record-team{display:grid;gap:8px}