.nas-runtime{--n-bg:#07101a;--n-panel:#0a1522ee;--n-line:#2a3b52;--n-mint:#38d6c9;--n-orange:#ff6b35;--n-blue:#6fa8ff;--n-red:#ff5164;margin:2rem 0;border:1px solid #26384d;border-radius:18px;overflow:hidden;background:var(--n-bg);color:#f4f7fb;box-shadow:0 26px 80px #0009;font-family:Inter,sans-serif}
.nas-runtime *{box-sizing:border-box}
.nas-runtime h3{color:#f4f7fb}
.nas-runtime section{padding:0}
.nas-runtime button{font:inherit}
.nas-game{position:relative;min-height:820px;background:linear-gradient(180deg,#06101be8,#06101bf7),url('/quetes/connexion-suspecte-nas/tunnel-forensic.png') center top/cover no-repeat}
.nas-hud{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(420px,1.5fr) minmax(90px,.35fr);gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #38d6c944;background:#07101af2;backdrop-filter:blur(12px)}
.nas-hud small,.nas-panel small,.nas-brief small,.nas-consequences small,.nas-card small{display:block;color:var(--n-mint);font:700 .67rem/1.2 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.nas-hud strong{font:750 1.35rem 'Space Grotesk',sans-serif}
.nas-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none}
.nas-progress li{padding:.55rem .45rem;border-bottom:2px solid var(--n-line);color:#7f8ba0;font:700 .68rem 'JetBrains Mono',monospace;text-align:center}
.nas-progress li[data-active=true]{color:var(--n-mint);border-color:var(--n-mint)}
.nas-budget{text-align:right}
.nas-budget strong{display:block;color:var(--n-orange);font:800 1.15rem 'JetBrains Mono',monospace}
.nas-scene{position:relative;min-height:220px;padding:1.2rem;background:linear-gradient(90deg,#06101af2 0,#06101a88 38%,#06101a33 62%,#06101acc),url('/quetes/connexion-suspecte-nas/tunnel-forensic.png') center 39%/cover no-repeat;border-bottom:1px solid var(--n-line)}
.nas-brief{width:min(390px,70%);padding:1rem;border-left:3px solid var(--n-mint);border-radius:0 10px 10px 0;background:#06101ae8}
.nas-brief h3{margin:.25rem 0;font:750 clamp(1.25rem,3vw,1.9rem) 'Space Grotesk',sans-serif}
.nas-brief p{margin:.4rem 0 0;color:#c5cedd;line-height:1.5}
.nas-server{position:absolute;right:12%;top:24px;display:grid;place-items:center;width:150px;height:150px;border:1px solid #ff6b3577;border-radius:18px;background:#08111ddd;box-shadow:0 0 50px #ff6b3544;color:#fff;font:800 1rem 'JetBrains Mono',monospace;text-align:center}
.nas-server i{position:absolute;bottom:10px;padding:.25rem .45rem;border-radius:4px;background:#1a0c09;color:#ff9a72;font:700 .58rem 'JetBrains Mono',monospace;font-style:normal}
.nas-impact{position:absolute;left:1.2rem;right:1.2rem;bottom:1rem;padding:.55rem .8rem;border:1px solid #ff6b3566;border-radius:7px;background:#100c0bd9;color:#ffd0bd;font:650 .72rem 'JetBrains Mono',monospace}
.nas-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:.8rem;padding:.8rem;background:#050b13e8}
.nas-workspace main{display:grid;gap:.8rem;min-width:0;align-content:start}
.nas-panel{border:1px solid var(--n-line);border-radius:12px;background:var(--n-panel);box-shadow:0 12px 32px #0005;overflow:hidden}
.nas-panel__head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem .9rem;border-bottom:1px solid var(--n-line)}
.nas-panel__head h3{margin:.2rem 0 0;font:750 1rem 'Space Grotesk',sans-serif}
.nas-panel__head p{max-width:420px;margin:0;color:#8f9caf;font-size:.72rem}
.nas-events{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:.55rem;padding:.7rem;overflow-x:auto;scrollbar-color:var(--n-mint) #111b29}
.nas-event{min-height:150px;padding:.7rem;border:1px solid #34475f;border-radius:8px;background:#0b1625;color:#d8dfeb;cursor:pointer;text-align:left}
.nas-event time{display:block;color:#93a4bb;font:700 .7rem 'JetBrains Mono',monospace}
.nas-event strong{display:block;margin:.55rem 0;color:#fff;font:700 .7rem/1.45 'JetBrains Mono',monospace}
.nas-event span{display:block;color:#8f9caf;font-size:.7rem;line-height:1.4}
.nas-event:hover,.nas-event:focus-visible,.nas-event[data-selected=true]{border-color:var(--n-mint);outline:0;box-shadow:0 0 0 2px #38d6c933}
.nas-event--failed{border-color:#ffb43c77}
.nas-event--accepted,.nas-event--session{border-color:#ff6b3577}
.nas-event[data-pinned=true]{background:#0a2a28;box-shadow:inset 0 -3px var(--n-mint)}
.nas-pin{min-width:180px;border:1px dashed var(--n-mint);border-radius:8px;background:#08201e;color:#a6fff5;font:800 .7rem 'JetBrains Mono',monospace;cursor:pointer}
.nas-pin:disabled{opacity:.35;cursor:not-allowed}
.nas-proof-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:.8rem;min-height:110px}
.nas-proof-rail>p{grid-column:1/-1;margin:auto;color:#8f9caf}
.nas-proof{padding:.7rem;border:1px solid #38d6c966;border-radius:8px;background:#081d1d;color:#fff;text-align:left;cursor:pointer}
.nas-proof small,.nas-proof strong,.nas-proof span,.nas-proof em{display:block}
.nas-proof strong{margin:.25rem 0;color:var(--n-mint);font:800 .78rem 'JetBrains Mono',monospace}
.nas-proof span{font:650 .68rem/1.4 'JetBrains Mono',monospace}
.nas-proof em{margin-top:.5rem;color:#9aa7b9;font-size:.65rem;font-style:normal}
.nas-feedback{min-height:36px;padding:.55rem .8rem;border-top:1px solid var(--n-line);color:#ffb89d;font-size:.75rem}
.nas-feedback[data-good=true]{color:#9ff8ef}
.nas-sandbox pre{min-height:92px;margin:0;padding:.8rem;overflow:auto;background:#03080e;color:#8ff8ed;font:600 .72rem/1.5 'JetBrains Mono',monospace;white-space:pre-wrap}
.nas-actions{align-self:start;position:sticky;top:86px}
.nas-actions>[data-actions]{display:grid;gap:.5rem;padding:.65rem}
.nas-action{position:relative;padding:.7rem 3rem .7rem .75rem;border:1px solid #34475f;border-radius:8px;background:#0b1625;color:#fff;text-align:left;cursor:pointer}
.nas-action strong,.nas-action span,.nas-action em{display:block}
.nas-action strong{font-size:.78rem}
.nas-action span{margin-top:.25rem;color:#9ca9ba;font-size:.68rem;line-height:1.35}
.nas-action em{position:absolute;right:.6rem;top:.7rem;color:var(--n-orange);font:700 .62rem 'JetBrains Mono',monospace;font-style:normal}
.nas-action:hover,.nas-action:focus-visible{border-color:var(--n-mint);outline:0}
.nas-action[data-active=true]{border-color:var(--n-mint);background:#08211f;box-shadow:inset 3px 0 var(--n-mint)}
.nas-action:disabled{opacity:.45;cursor:not-allowed}
.nas-consequences{padding:.75rem;border-top:1px solid var(--n-line)}
.nas-consequences ul{display:grid;gap:.38rem;margin:.55rem 0 0;padding:0;list-style:none;color:#b8c2d1;font:600 .68rem/1.35 'JetBrains Mono',monospace}
.nas-consequences li{color:#b8c2d1}
.nas-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-top:1px solid var(--n-line);background:#07101af2}
.nas-footer span{color:#8f9caf;font:600 .68rem 'JetBrains Mono',monospace}
.nas-primary,.nas-secondary,.nas-link{min-height:42px;padding:.6rem .9rem;border-radius:7px;cursor:pointer;font-weight:800}
.nas-primary{border:1px solid var(--n-mint);background:var(--n-mint);color:#04100f}
.nas-secondary{border:1px solid var(--n-blue);background:#0d1b30;color:#b9d2ff}
.nas-link{border:1px solid #3b4c63;background:#0b1522;color:#d3dbe7}
.nas-primary:disabled,.nas-secondary:disabled{opacity:.4;cursor:not-allowed}
.nas-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#03070dcc;backdrop-filter:blur(8px)}
.nas-card{width:min(650px,100%);padding:clamp(1.2rem,4vw,2.2rem);border:1px solid #38d6c977;border-radius:16px;background:#0a1422;box-shadow:0 30px 90px #000}
.nas-card h3{margin:.35rem 0;font:750 clamp(1.5rem,4vw,2.35rem) 'Space Grotesk',sans-serif}
.nas-card p{color:#c2ccda;line-height:1.55}
.nas-card button{width:100%;margin-top:.65rem}
.nas-callout{margin:1rem 0;padding:.8rem;border-left:3px solid var(--n-orange);border-radius:0 7px 7px 0;background:#070d16;color:#dbe3ef;font:600 .76rem/1.6 'JetBrains Mono',monospace}
@media(max-width:980px){.nas-hud{grid-template-columns:1fr auto}
.nas-progress{grid-column:1/-1;grid-row:2}
.nas-workspace{grid-template-columns:1fr}
.nas-actions{position:static}
.nas-actions>[data-actions]{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){.nas-runtime{margin-inline:-.25rem;border-radius:12px}
.nas-game{min-height:900px}
.nas-hud{grid-template-columns:1fr auto;padding:.8rem}
.nas-hud strong{font-size:1rem}
.nas-progress li{font-size:.58rem;padding:.45rem .15rem}
.nas-scene{min-height:250px;background-position:60% 42%}
.nas-brief{width:100%;padding:.8rem}
.nas-server{right:1rem;top:120px;width:105px;height:92px;font-size:.72rem}
.nas-impact{font-size:.64rem}
.nas-workspace{padding:.45rem}
.nas-panel__head{align-items:flex-start;flex-direction:column}
.nas-panel__head button{width:100%}
.nas-events{grid-auto-columns:minmax(155px,82%)}
.nas-proof-rail{grid-template-columns:1fr}
.nas-actions>[data-actions]{grid-template-columns:1fr}
.nas-footer{align-items:stretch;flex-direction:column}
.nas-footer button{width:100%}
.nas-footer span{text-align:center}
.nas-sandbox pre{font-size:.64rem}
}