/* =========================================================
   SHADOWNET ARCHIVE // DEEP STORAGE
   Cyberpunk-inspired information architecture; SHADOWNET-native.
   ========================================================= */
.sn-archive{--sa-line:color-mix(in srgb,var(--sn-accent) 25%,transparent);--sa-dim:color-mix(in srgb,var(--sn-accent) 52%,transparent);position:relative;width:100%;padding-bottom:72px;overflow:hidden}.sn-archive *{box-sizing:border-box}.sn-archive::before{content:"ARCHIVE";position:absolute;right:-14px;top:100px;color:color-mix(in srgb,var(--sn-accent) 3%,transparent);font-size:clamp(80px,13vw,190px);font-weight:800;letter-spacing:.08em;writing-mode:vertical-rl;pointer-events:none}.sn-archive-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--sa-line)}.sn-archive-kicker{color:var(--sa-dim);10px;letter-spacing:.2em}.sn-archive-header h1{margin:4px 0 0;color:var(--sn-accent);font:inherit;font-size:clamp(24px,2.5vw,36px);font-weight:700;letter-spacing:.11em}.sn-archive-header p{margin:7px 0 0;color:var(--sa-dim);10px;letter-spacing:.13em}.sn-archive-auth{text-align:right}.sn-archive-auth span,.sn-archive-auth strong{display:block}.sn-archive-auth span{color:var(--sa-dim);9px;letter-spacing:.16em}.sn-archive-auth strong{margin-top:6px;color:#5ee59a;font-size:10px;letter-spacing:.13em}.sn-archive-breadcrumb{display:flex;align-items:center;gap:8px;min-height:39px;border-bottom:1px solid var(--sa-line);color:var(--sa-dim);10px;letter-spacing:.13em}.sn-archive-breadcrumb button{padding:0;border:0;background:none;color:var(--sn-accent);font:inherit;10px;letter-spacing:.13em;cursor:pointer}.sn-archive-breadcrumb button:hover{text-decoration:underline}.sn-archive-breadcrumb strong{color:color-mix(in srgb,var(--sn-accent) 75%,white 25%);font-weight:500}.sn-archive-layout{display:grid;grid-template-columns:minmax(250px,.86fr) minmax(430px,1.65fr) minmax(165px,.55fr);min-height:570px;border-left:1px solid var(--sa-line);border-bottom:1px solid var(--sa-line)}.sn-archive-index,.sn-archive-record,.sn-archive-meta{min-width:0}.sn-archive-index{border-right:1px solid var(--sa-line);background:rgba(0,0,0,.18)}.sn-archive-index>header{display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:0 11px;border-bottom:1px solid var(--sa-line);color:var(--sa-dim);9px;letter-spacing:.14em}.sn-archive-index>header strong{color:var(--sn-accent);font-weight:500}.sn-archive-index-row{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);width:100%;min-height:76px;padding:12px 10px;border:0;border-bottom:1px solid color-mix(in srgb,var(--sn-accent) 14%,transparent);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.sn-archive-index-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent}.sn-archive-index-row:hover,.sn-archive-index-row.is-active{background:color-mix(in srgb,var(--sn-accent) 5%,transparent)}.sn-archive-index-row.is-active::before{background:var(--sn-accent)}.sn-archive-row-id{color:var(--sa-dim);11px}.sn-archive-row-main strong,.sn-archive-row-main small{display:block}.sn-archive-row-main strong{color:var(--sn-accent);font-size:10px;letter-spacing:.08em}.sn-archive-row-main small{margin-top:6px;color:var(--sa-dim);9px;letter-spacing:.1em}.sn-archive-row-state{grid-column:2;margin-top:8px;color:color-mix(in srgb,var(--sn-accent) 40%,white 20%);9px;letter-spacing:.12em}.sn-archive-record{position:relative;padding:28px 30px;background:linear-gradient(135deg,rgba(0,0,0,.12),rgba(0,0,0,.36));overflow:hidden}.sn-archive-record-watermark{position:absolute;right:-10px;top:28px;color:color-mix(in srgb,var(--sn-accent) 6%,transparent);font-size:100px;font-weight:700;letter-spacing:-.04em;pointer-events:none}.sn-archive-record-topline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid var(--sa-line);color:var(--sa-dim);9px;letter-spacing:.14em}.sn-archive-record-topline strong{color:var(--sn-accent);font-weight:500}.sn-archive-record h2{position:relative;z-index:1;margin:28px 0 8px;color:var(--sn-accent);font:inherit;font-size:clamp(24px,2.6vw,38px);font-weight:700;letter-spacing:.09em}.sn-archive-description{position:relative;z-index:1;max-width:620px;margin:0;color:color-mix(in srgb,var(--sn-accent) 60%,white 15%);11px;line-height:1.7;letter-spacing:.05em}.sn-archive-record-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:30px;background:var(--sa-line);border:1px solid var(--sa-line)}.sn-archive-record-grid>div{min-height:78px;padding:13px;background:#03090c}.sn-archive-record-grid span,.sn-archive-record-grid strong{display:block}.sn-archive-record-grid span{color:var(--sa-dim);9px;letter-spacing:.14em}.sn-archive-record-grid strong{margin-top:11px;color:var(--sn-accent);11px;font-weight:500;letter-spacing:.08em}.sn-archive-open-zone{position:relative;z-index:1;margin-top:22px}.sn-archive-open{min-height:39px;padding:0 14px;border:1px solid color-mix(in srgb,var(--sn-accent) 45%,transparent);background:rgba(0,0,0,.4);color:var(--sn-accent);font:inherit;10px;font-weight:700;letter-spacing:.12em;cursor:pointer}.sn-archive-open:not(:disabled):hover{background:color-mix(in srgb,var(--sn-accent) 8%,rgba(0,0,0,.5));border-color:var(--sn-accent)}.sn-archive-open:disabled{opacity:.4;cursor:default}.sn-archive-meta{border-left:1px solid var(--sa-line);background:rgba(0,0,0,.3)}.sn-archive-meta>header{min-height:38px;padding:14px 11px 0;border-bottom:1px solid var(--sa-line);color:var(--sa-dim);9px;letter-spacing:.14em}.sn-archive-meta-block{padding:15px 11px;border-bottom:1px solid color-mix(in srgb,var(--sn-accent) 12%,transparent)}.sn-archive-meta-block span,.sn-archive-meta-block strong{display:block}.sn-archive-meta-block span{color:var(--sa-dim);9px;letter-spacing:.14em}.sn-archive-meta-block strong{margin-top:7px;color:var(--sn-accent);10px;font-weight:500;letter-spacing:.08em}.sn-archive-signal{display:flex;align-items:flex-end;gap:4px;height:72px;padding:16px 11px}.sn-archive-signal i{display:block;width:8px;background:color-mix(in srgb,var(--sn-accent) 35%,transparent)}.sn-archive-signal i:nth-child(1){height:18%}.sn-archive-signal i:nth-child(2){height:55%}.sn-archive-signal i:nth-child(3){height:32%}.sn-archive-signal i:nth-child(4){height:76%}.sn-archive-signal i:nth-child(5){height:44%}.sn-archive-child-list{position:relative;z-index:1;display:grid;gap:7px;margin-top:24px}.sn-archive-child{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;min-height:48px;padding:0 12px;border:1px solid color-mix(in srgb,var(--sn-accent) 18%,transparent);background:rgba(0,0,0,.22);color:inherit;font:inherit;text-align:left;cursor:pointer}.sn-archive-child:hover{border-color:color-mix(in srgb,var(--sn-accent) 55%,transparent);background:color-mix(in srgb,var(--sn-accent) 5%,transparent)}.sn-archive-child span{color:var(--sa-dim);10px}.sn-archive-child strong{color:var(--sn-accent);11px;letter-spacing:.08em}.sn-archive-child small{color:var(--sa-dim);9px;letter-spacing:.1em}.sn-archive-meta-back{margin:14px 11px;min-height:34px;padding:0 9px;border:1px solid var(--sa-line);background:transparent;color:var(--sn-accent);font:inherit;9px;letter-spacing:.1em;cursor:pointer}.sn-archive-footer{display:flex;justify-content:space-between;gap:20px;min-height:34px;padding:11px 12px 0;border-bottom:1px solid var(--sa-line);color:var(--sa-dim);9px;letter-spacing:.13em}@media(max-width:1050px){.sn-archive-layout{grid-template-columns:250px 1fr}.sn-archive-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-left:0;border-top:1px solid var(--sa-line)}.sn-archive-meta>header{grid-column:1/-1}.sn-archive-signal{display:none}}@media(max-width:720px){.sn-archive-header{align-items:flex-start;flex-direction:column}.sn-archive-auth{text-align:left}.sn-archive-layout{grid-template-columns:1fr}.sn-archive-index{border-right:0}.sn-archive-record{padding:20px 16px;border-top:1px solid var(--sa-line)}.sn-archive-meta{grid-template-columns:repeat(2,1fr)}.sn-archive-record-grid{grid-template-columns:1fr}.sn-archive-child{grid-template-columns:54px 1fr}.sn-archive-child small{grid-column:2;margin-top:4px}.sn-archive-footer{flex-direction:column;padding-bottom:10px}}

/* v2 // progressive archive descent + readability */
.sn-archive-period{
    position:relative;
    z-index:1;
    margin:-2px 0 12px;
    color:var(--sa-dim);
    font-size:10px;
    letter-spacing:.13em;
}
.sn-archive-subindex{
    position:relative;
    z-index:1;
    margin-top:24px;
    border-top:1px solid var(--sa-line);
}
.sn-archive-subindex>header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:38px;
    color:var(--sa-dim);
    font-size:9px;
    letter-spacing:.14em;
}
.sn-archive-subindex>header strong{
    color:var(--sn-accent);
    font-weight:500;
}
.sn-archive-terminal-record{
    position:relative;
    z-index:1;
    margin-top:24px;
    padding:16px;
    border:1px solid var(--sa-line);
    background:rgba(0,0,0,.22);
}
.sn-archive-terminal-record span,
.sn-archive-terminal-record strong{
    display:block;
}
.sn-archive-terminal-record span{
    color:var(--sa-dim);
    font-size:9px;
    letter-spacing:.14em;
}
.sn-archive-terminal-record strong{
    margin-top:9px;
    color:var(--sn-accent);
    font-size:10px;
    font-weight:500;
    letter-spacing:.08em;
}
/* Keep dense technical styling readable at desktop distance. */
.sn-archive-row-main small,
.sn-archive-row-state,
.sn-archive-child small,
.sn-archive-meta-block span{
    line-height:1.35;
}

/* =========================================================
   ARTIFACT 0028 // NC_TERMINAL RUNTIME
   ========================================================= */
body.sn-artifact-running{overflow:hidden}
.sn-artifact-runtime[hidden]{display:none!important}
.sn-artifact-runtime{
    position:fixed;
    inset:0;
    z-index:20000;
    display:grid;
    grid-template-rows:auto 1fr auto;
    background:#020608;
    color:var(--sn-accent);
    opacity:0;
    transform:scale(1.012);
    transition:opacity .18s ease,transform .18s ease;
    overflow:hidden;
}
.sn-artifact-runtime.is-running{opacity:1;transform:scale(1)}
.sn-artifact-grid{
    position:absolute;
    inset:0;
    opacity:.12;
    background-image:
        linear-gradient(color-mix(in srgb,var(--sn-accent) 22%,transparent) 1px,transparent 1px),
        linear-gradient(90deg,color-mix(in srgb,var(--sn-accent) 22%,transparent) 1px,transparent 1px);
    background-size:42px 42px;
    transform:perspective(500px) rotateX(58deg) scale(1.6);
    transform-origin:center 72%;
    pointer-events:none;
}
.sn-artifact-scan{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.12;
    background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.04) 4px);
}
.sn-artifact-runtime-header,.sn-artifact-runtime-footer{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:14px 24px;
    border-bottom:1px solid color-mix(in srgb,var(--sn-accent) 32%,transparent);
    background:rgba(0,0,0,.56);
}
.sn-artifact-runtime-header span,.sn-artifact-runtime-footer{
    color:color-mix(in srgb,var(--sn-accent) 65%,white 10%);
    font-size:10px;
    letter-spacing:.14em;
}
.sn-artifact-runtime-header strong{display:block;margin-top:5px;font-size:15px;letter-spacing:.16em}
.sn-artifact-runtime-header button{
    min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--sn-accent) 55%,transparent);
    background:rgba(0,0,0,.45);color:var(--sn-accent);font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer
}
.sn-artifact-runtime-header button:hover{background:color-mix(in srgb,var(--sn-accent) 9%,black)}
.sn-artifact-runtime-body{
    position:relative;z-index:2;display:grid;grid-template-columns:42px minmax(0,1fr) 150px;
    width:min(1220px,94vw);margin:auto;border:1px solid color-mix(in srgb,var(--sn-accent) 28%,transparent);
    background:rgba(1,6,9,.88);box-shadow:0 0 60px rgba(0,0,0,.8)
}
.sn-artifact-vertical{
    display:flex;align-items:center;justify-content:center;border-right:1px solid color-mix(in srgb,var(--sn-accent) 22%,transparent);
    color:color-mix(in srgb,var(--sn-accent) 52%,transparent);font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl
}
.sn-artifact-console{padding:24px 28px}
.sn-artifact-console-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--sn-accent) 24%,transparent);font-size:9px;letter-spacing:.14em}
.sn-artifact-console-head span{color:color-mix(in srgb,var(--sn-accent) 55%,transparent)}
.sn-artifact-console-head strong{font-weight:500}
.sn-artifact-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px;padding:34px 0 28px}
.sn-artifact-number{font-size:clamp(64px,9vw,130px);font-weight:800;line-height:.8;letter-spacing:-.06em;color:color-mix(in srgb,var(--sn-accent) 16%,transparent)}
.sn-artifact-hero span{font-size:10px;letter-spacing:.18em;color:color-mix(in srgb,var(--sn-accent) 55%,transparent)}
.sn-artifact-hero h2{margin:7px 0 6px;font:inherit;font-size:clamp(30px,4vw,58px);font-weight:700;letter-spacing:.08em}
.sn-artifact-hero p{margin:0;font-size:10px;letter-spacing:.12em;color:color-mix(in srgb,var(--sn-accent) 60%,white 10%)}
.sn-artifact-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--sn-accent) 22%,transparent);border:1px solid color-mix(in srgb,var(--sn-accent) 22%,transparent)}
.sn-artifact-readout div{min-height:72px;padding:13px;background:#03090c}
.sn-artifact-readout span,.sn-artifact-readout strong{display:block}
.sn-artifact-readout span{font-size:9px;letter-spacing:.14em;color:color-mix(in srgb,var(--sn-accent) 55%,transparent)}
.sn-artifact-readout strong{margin-top:10px;font-size:10px;font-weight:500;letter-spacing:.08em}
.sn-artifact-terminal{margin-top:22px;min-height:150px;padding:16px;border:1px solid color-mix(in srgb,var(--sn-accent) 25%,transparent);background:rgba(0,0,0,.48);font-size:11px;line-height:1.7}
.sn-artifact-terminal p{margin:0;color:color-mix(in srgb,var(--sn-accent) 58%,white 12%)}
.sn-artifact-terminal .sn-artifact-ready{margin-top:12px;color:var(--sn-accent)}
.sn-artifact-side{display:flex;flex-direction:column;padding:20px 14px;border-left:1px solid color-mix(in srgb,var(--sn-accent) 22%,transparent);background:rgba(0,0,0,.32)}
.sn-artifact-side span{font-size:9px;letter-spacing:.14em;color:color-mix(in srgb,var(--sn-accent) 50%,transparent)}
.sn-artifact-side strong{margin-top:7px;font-size:10px;letter-spacing:.1em}
.sn-artifact-side i{height:1px;margin:20px 0;background:color-mix(in srgb,var(--sn-accent) 20%,transparent)}
.sn-artifact-runtime-footer{border-top:1px solid color-mix(in srgb,var(--sn-accent) 32%,transparent);border-bottom:0}
@media(max-width:760px){
    .sn-artifact-runtime-body{grid-template-columns:28px 1fr}.sn-artifact-side{display:none}
    .sn-artifact-console{padding:18px}.sn-artifact-readout{grid-template-columns:repeat(2,1fr)}
    .sn-artifact-hero{grid-template-columns:1fr;gap:12px}.sn-artifact-number{font-size:60px}
}

/* =========================================================
   ARTIFACT 0042 // MATRIX_TRACE // RECOVERED EVIDENCE
   ========================================================= */
body.sn-matrix-running{overflow:hidden}
.sn-matrix-trace[hidden]{display:none!important}
.sn-matrix-trace{
    position:fixed;inset:0;z-index:20010;display:grid;grid-template-rows:auto 1fr auto;
    background:#000603;color:#72ff9c;opacity:0;transition:opacity .18s ease;overflow:hidden
}
.sn-matrix-trace.is-running{opacity:1}
.sn-matrix-rain,.sn-matrix-noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sn-matrix-rain{opacity:.52}
.sn-matrix-noise{opacity:.18;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(120,255,160,.05) 4px)}
.sn-matrix-header,.sn-matrix-footer{position:relative;z-index:2;display:flex;align-items:center;gap:28px;padding:14px 22px;border-color:rgba(90,255,140,.32);background:rgba(0,8,3,.84)}
.sn-matrix-header{border-bottom:1px solid rgba(90,255,140,.32)}
.sn-matrix-header>div:first-child{flex:1}
.sn-matrix-header span,.sn-matrix-footer span{display:block;color:rgba(115,255,158,.62);font-size:9px;letter-spacing:.15em}
.sn-matrix-header strong{display:block;margin-top:5px;font-size:15px;letter-spacing:.17em}
.sn-matrix-integrity{text-align:right}.sn-matrix-integrity strong{font-size:18px}
.sn-matrix-header button{min-height:36px;padding:0 12px;border:1px solid rgba(90,255,140,.5);background:#000;color:#72ff9c;font:inherit;font-size:9px;letter-spacing:.13em;cursor:pointer}
.sn-matrix-header button:hover{background:rgba(70,255,125,.08)}
.sn-matrix-body{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1px;width:min(1260px,94vw);height:min(650px,76vh);margin:auto;background:rgba(90,255,140,.24);border:1px solid rgba(90,255,140,.3);box-shadow:0 0 80px #000}
.sn-matrix-evidence{position:relative;background:rgba(0,8,3,.90);overflow:hidden}
.sn-matrix-label{height:42px;padding:15px 17px 0;border-bottom:1px solid rgba(90,255,140,.22);font-size:9px;letter-spacing:.15em;color:rgba(115,255,158,.65)}
.sn-matrix-graph{position:absolute;inset:42px 0 0}
.sn-matrix-graph svg{width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(70,255,125,.18))}
.trace-lines path{fill:none;stroke:rgba(90,255,140,.42);stroke-width:1.3;stroke-dasharray:7 7;animation:snTraceDash 7s linear infinite}
.trace-lines .broken{stroke:rgba(255,95,95,.62);stroke-dasharray:3 12}
.trace-nodes circle{fill:#001b0a;stroke:#72ff9c;stroke-width:1.5}
.trace-nodes text{fill:#b6ffc9;font:12px monospace;text-anchor:middle}
.trace-nodes .anomaly circle{fill:rgba(130,255,155,.08);stroke:#d7ffe1;stroke-width:2.5;animation:snTracePulse 1.8s ease-in-out infinite}
.trace-nodes .lost circle{fill:rgba(255,55,55,.04);stroke:#ff6b6b;stroke-dasharray:5 5}
.trace-nodes .lost text{fill:#ff8585}
.sn-matrix-anomaly-tag{position:absolute;left:55%;top:46%;padding:6px 8px;border-left:2px solid #caffd7;background:rgba(0,12,4,.75);font-size:9px;letter-spacing:.12em}
.sn-matrix-log{padding:18px;background:rgba(0,5,2,.94)}
.sn-matrix-log header{padding-bottom:12px;border-bottom:1px solid rgba(90,255,140,.22);font-size:9px;letter-spacing:.15em}
.sn-matrix-log p{margin:15px 0 0;color:rgba(120,255,160,.68);font-size:10px;line-height:1.5}
.sn-matrix-log .warn{color:#e6ffec}.sn-matrix-log .ready{margin-top:28px;color:#72ff9c}
.sn-matrix-footer{border-top:1px solid rgba(90,255,140,.32);display:grid;grid-template-columns:repeat(4,1fr) auto}
.sn-matrix-footer strong{display:block;margin-top:5px;font-size:10px;font-weight:500;letter-spacing:.08em}
.sn-matrix-footnote{font-size:9px;letter-spacing:.12em;color:rgba(115,255,158,.55)}
@keyframes snTraceDash{to{stroke-dashoffset:-140}}
@keyframes snTracePulse{50%{r:38;stroke-opacity:.45}}
@media(max-width:800px){.sn-matrix-body{grid-template-columns:1fr;height:78vh}.sn-matrix-log{display:none}.sn-matrix-footer{grid-template-columns:repeat(2,1fr)}.sn-matrix-footnote{display:none}}

/* =========================================================
   ARTIFACT 0082 // GRID_FRAGMENT // SIMULATION FRAGMENT
   ========================================================= */
body.sn-grid-running{overflow:hidden}
.sn-grid-fragment[hidden]{display:none!important}
.sn-grid-fragment{
    position:fixed;inset:0;z-index:20020;display:grid;grid-template-rows:auto 1fr auto;
    background:#01070a;color:#5dd7ff;opacity:0;transition:opacity .18s ease;overflow:hidden
}
.sn-grid-fragment.is-running{opacity:1}
.sn-grid-canvas,.sn-grid-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sn-grid-vignette{box-shadow:inset 0 0 180px 70px rgba(0,0,0,.92);background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(65,190,255,.025) 5px)}
.sn-grid-header,.sn-grid-footer{position:relative;z-index:3;display:flex;align-items:center;gap:28px;padding:14px 22px;background:rgba(0,6,9,.76);border-color:rgba(55,190,255,.3)}
.sn-grid-header{border-bottom:1px solid rgba(55,190,255,.3)}
.sn-grid-header>div:first-child{flex:1}
.sn-grid-header span,.sn-grid-footer{font-size:9px;letter-spacing:.15em;color:rgba(95,215,255,.62)}
.sn-grid-header strong{display:block;margin-top:5px;font-size:15px;letter-spacing:.17em}
.sn-grid-integrity{text-align:right}.sn-grid-integrity strong{font-size:18px}
.sn-grid-header button{min-height:36px;padding:0 12px;border:1px solid rgba(65,205,255,.48);background:#01070a;color:#5dd7ff;font:inherit;font-size:9px;letter-spacing:.13em;cursor:pointer}
.sn-grid-header button:hover{background:rgba(65,205,255,.08)}
.sn-grid-hud{position:relative;z-index:2;display:grid;grid-template-columns:190px 1fr 250px;align-items:start;gap:22px;width:min(1380px,94vw);margin:40px auto 0}
.sn-grid-stats,.sn-grid-log,.sn-grid-message{background:rgba(0,8,12,.72);border:1px solid rgba(65,205,255,.22);backdrop-filter:blur(2px)}
.sn-grid-stats div{padding:14px;border-bottom:1px solid rgba(65,205,255,.14)}
.sn-grid-stats div:last-child{border-bottom:0}
.sn-grid-stats span,.sn-grid-message span{display:block;font-size:9px;letter-spacing:.14em;color:rgba(95,215,255,.55)}
.sn-grid-stats strong{display:block;margin-top:7px;font-size:10px;letter-spacing:.09em}
.sn-grid-message{align-self:end;margin-top:43vh;padding:13px 16px}
.sn-grid-message strong{display:block;margin-top:7px;font-size:11px;font-weight:500;letter-spacing:.12em}
.sn-grid-log{padding:14px}
.sn-grid-log p{margin:0 0 12px;font-size:9px;line-height:1.5;color:rgba(95,215,255,.68)}
.sn-grid-log p:last-child{margin-bottom:0;color:#b8efff}
.sn-grid-footer{justify-content:space-between;border-top:1px solid rgba(55,190,255,.3)}
@media(max-width:800px){.sn-grid-hud{grid-template-columns:1fr 1fr}.sn-grid-message{grid-column:1/-1;grid-row:2;margin-top:35vh}.sn-grid-log{display:none}}

/* =========================================================
   ARTIFACT 0101 // UNKNOWN
   This intentionally violates the visual grammar of the other artifacts.
   ========================================================= */
body.sn-unknown-running{overflow:hidden}
.sn-unknown-artifact[hidden]{display:none!important}
.sn-unknown-artifact{
    position:fixed;inset:0;z-index:20030;background:#030004;color:#ff4658;
    opacity:0;transition:opacity .12s ease;overflow:hidden;font-family:inherit
}
.sn-unknown-artifact.is-running{opacity:1}
.sn-unknown-canvas,.sn-unknown-flash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sn-unknown-flash{
    opacity:.16;
    background:
      linear-gradient(90deg,transparent 0 48%,rgba(255,30,55,.08) 49% 50%,transparent 51%),
      repeating-linear-gradient(to bottom,transparent 0 7px,rgba(255,40,60,.025) 8px);
    animation:snUnknownFlicker 3.8s steps(1,end) infinite
}
.sn-unknown-warning{
    position:absolute;left:4vw;top:4vh;z-index:3;max-width:760px;
    border-left:2px solid #ff4658;padding:12px 16px;background:rgba(8,0,3,.65)
}
.sn-unknown-warning span{display:block;font-size:9px;letter-spacing:.18em;color:rgba(255,80,95,.65)}
.sn-unknown-warning strong{display:block;margin-top:8px;font-size:clamp(24px,3vw,48px);letter-spacing:.07em}
.sn-unknown-warning small{display:block;margin-top:7px;font-size:10px;letter-spacing:.13em;color:rgba(255,180,185,.65)}
.sn-unknown-warning.phase-two strong{animation:snUnknownGlitch .34s steps(2,end) 3}
.sn-unknown-core{
    position:absolute;left:50%;top:48%;width:min(52vw,680px);aspect-ratio:1;transform:translate(-50%,-50%);
    opacity:.75
}
.sn-unknown-ring{position:absolute;border:1px solid rgba(255,55,75,.38);border-radius:50%}
.sn-unknown-ring.r1{inset:8%;animation:snUnknownSpin 18s linear infinite}
.sn-unknown-ring.r2{inset:22%;border-style:dashed;animation:snUnknownSpin 11s linear infinite reverse}
.sn-unknown-ring.r3{inset:36%;border-color:rgba(255,150,155,.55);animation:snUnknownPulse 2.7s ease-in-out infinite}
.sn-unknown-eye{
    position:absolute;left:50%;top:50%;width:54px;height:14px;transform:translate(-50%,-50%) skewX(-22deg);
    border:1px solid rgba(255,210,210,.75);box-shadow:0 0 24px rgba(255,40,60,.35)
}
.sn-unknown-transcript{
    position:absolute;right:4vw;top:20vh;z-index:3;width:min(390px,36vw);
    padding:18px;border-top:1px solid rgba(255,60,75,.4);background:rgba(5,0,2,.58)
}
.sn-unknown-transcript p{
    margin:0 0 15px;font-size:10px;line-height:1.45;letter-spacing:.06em;
    color:rgba(255,120,130,.72);opacity:0;transform:translateX(10px);transition:opacity .18s ease,transform .18s ease
}
.sn-unknown-transcript p.show{opacity:1;transform:none}
.sn-unknown-transcript .danger{color:#ffe0e2;font-weight:700;letter-spacing:.13em}
.sn-unknown-exit{
    position:absolute;right:4vw;bottom:7vh;z-index:4;min-height:42px;padding:0 16px;
    border:1px solid rgba(255,70,85,.55);background:#080002;color:#ff6b78;font:inherit;font-size:10px;letter-spacing:.15em;cursor:pointer
}
.sn-unknown-exit:hover{background:rgba(255,35,55,.08);color:#ffd4d8}
.sn-unknown-footer{
    position:absolute;left:4vw;bottom:7vh;z-index:3;font-size:9px;letter-spacing:.16em;color:rgba(255,75,90,.48)
}
@keyframes snUnknownSpin{to{transform:rotate(360deg)}}
@keyframes snUnknownPulse{50%{transform:scale(1.14);opacity:.3}}
@keyframes snUnknownFlicker{0%,92%,100%{opacity:.16}93%{opacity:.45}94%{opacity:.05}96%{opacity:.3}}
@keyframes snUnknownGlitch{0%{transform:none}33%{transform:translateX(7px)}66%{transform:translateX(-5px)}100%{transform:none}}
@media(max-width:760px){
    .sn-unknown-transcript{right:4vw;left:4vw;top:auto;bottom:16vh;width:auto}
    .sn-unknown-core{width:85vw}.sn-unknown-footer{display:none}
}

/* SHADOWNET // PAGE HEADING ALIGNMENT // 2026-10-10
   Match the existing Command Center heading. Scoped to main page headers only. */
.sn-archive-header h1 {
  margin-top: 0;
  font-family: inherit;
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .08em;
}
@media (max-width: 700px) {
  .sn-archive-header h1 { font-size: 30px; }
}

/* OBJECTIVE 6 // PHASE 3: READABILITY PASS
   Scoped to Archive navigation and record UI. Cinematic artifact views remain unchanged. */
.sn-archive{--sn-o6-label:11px;--sn-o6-body:13px}
.sn-archive-kicker,.sn-archive-header p,.sn-archive-breadcrumb,.sn-archive-breadcrumb button,
.sn-archive-auth span,.sn-archive-index>header,.sn-archive-row-main small,.sn-archive-row-state,
.sn-archive-record-topline,.sn-archive-record-grid span,.sn-archive-meta>header,
.sn-archive-meta-block span,.sn-archive-child small,.sn-archive-footer{
  font-size:var(--sn-o6-label);line-height:1.5;letter-spacing:.08em;
}
.sn-archive-row-main strong,.sn-archive-row-id,.sn-archive-record-grid strong,
.sn-archive-meta-block strong,.sn-archive-child strong,.sn-archive-child span{
  font-size:var(--sn-o6-body);line-height:1.45;letter-spacing:.045em;
}
.sn-archive-description{font-size:var(--sn-o6-body);line-height:1.65;letter-spacing:.02em}
.sn-archive-open,.sn-archive-meta-back{font-size:12px;min-height:40px;letter-spacing:.07em}
.sn-archive-index-row:focus-visible,.sn-archive-child:focus-visible,
.sn-archive-open:focus-visible,.sn-archive-meta-back:focus-visible,
.sn-archive-breadcrumb button:focus-visible{outline:2px solid var(--sn-accent);outline-offset:-2px}
@media(max-width:720px){.sn-archive-record{overflow-wrap:anywhere}}