/* Full-shell appearance layer. Layout/behavior remain owned by the game views. */
:root[data-skin="beta-tester"] {
    --green: #bbdb70;
    --green-bright: #e4e5df;
    --green-muted: #9ca296;
    --green-dark: #3c492c;
    --background: #0b0c0b;
    --panel: #101210;
    --panel-raised: #1b1d18;
    --panel-soft: #1d211a;
    --line: #41443a;
    --line-strong: #737869;
    --shell-accent: #bbdb70;
    --shell-text: #d4d6d1;
    --shell-muted: #999e95;
    --shell-edge: #787c70;
    --shell-wear: url('/assets/skins/beta/wear.svg');
    --shell-surface: linear-gradient(115deg, #161815, #090b0a 55%, #111310);
    --shell-frame: url('/assets/skins/beta/frame.svg');
}
[data-skin-decoration] { pointer-events: none; user-select: none; }
[data-skin-decoration][hidden], .skin-wordmark, .skin-icon, .skin-console-heading { display: none; }
/* Stock resource labels use `.resource-strip span { display: block }`.
   Explicit shell scoping prevents that rule from exposing decorative icons. */
:root[data-shell="stock"] .skin-icon { display: none; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .terminal-panel {
    padding: 14px;
    gap: 12px;
    background: var(--shell-wear) repeat, linear-gradient(125deg, #1e211c, #0a0c0b 28%, #111410 80%, #252820);
    box-shadow: inset 9px 0 0 #90948430, inset 0 0 0 1px #6f7263;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .application-body { gap: 16px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) :is(.app-topbar, .view-rail, .operations-sidebar) {
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .app-topbar {
    padding: 0 0 12px;
    border-bottom: 1px solid #64685b;
    row-gap: 18px;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup {
    position: relative;
    min-height: 82px;
    padding: 0 0 2px 8px;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-wordmark {
    display: block;
    width: max-content;
    color: #dadcd4;
    font: italic 900 64px/.95 Arial, sans-serif;
    letter-spacing: -4px;
    padding-right: .16em;
    text-shadow: 2px 2px #000;
    /* Interrupt the print in a handful of places like worn stencil ink. */
    mask-image: repeating-linear-gradient(166deg, #000 0 13px, #000a 13px 14px, #000 14px 33px);
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup > strong {
    font: 10px/1.6 var(--working-font);
    letter-spacing: .03em;
    margin-top: 3px;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup > strong em { color: inherit; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-subline { position: absolute; right: 4px; bottom: 2px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-subline > span { display: none; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup .skin-badge {
    position: absolute;
    display: block;
    top: 2px;
    left: 205px;
    padding: 4px 12px;
    margin: 0;
    color: #202714;
    background: var(--shell-wear) -45px -20px / 450px 350px, #acc76b;
    transform: rotate(-9deg);
    clip-path: polygon(0 7%, 88% 0, 89% 6%, 98% 3%, 100% 89%, 92% 90%, 92% 96%, 3% 100%, 4% 83%, 0 84%);
    font: 900 32px/1.25 'Courier New', monospace;
    letter-spacing: .1em;
    box-shadow: 0 3px 8px #000;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup::after {
    content: 'TEST BUILD';
    position: absolute;
    left: 218px;
    top: 60px;
    color: #a2a69a;
    transform: rotate(-7deg);
    font: italic 16px/1 monospace;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip {
    gap: 0;
    padding: 9px 6px;
    min-height: 76px;
    background: var(--shell-surface);
    border: 9px solid transparent;
    border-image: var(--shell-frame) 12 / 9px;
    border-radius: 0;
    box-shadow: none;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    padding: 0 12px;
    position: relative;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div + div { border-left: 1px solid #55594e; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > span:not(.skin-icon) { width: calc(100% - 48px); font-size: .65rem; letter-spacing: 0; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > strong { margin-left: 44px; margin-top: -15px; font-size: 1rem; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .skin-icon { width: 32px; height: 32px; flex: 0 0 32px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > .skin-icon { grid-area: icon; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .byte-rescue-balance { padding-right: 25px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .byte-rescue-link { position: absolute; right: 1px; bottom: 0; font-size: 7px; width: 24px; min-width: 0; padding: 2px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .alarm-readout:not(.triggered) {
    padding: 12px;
    background: #0e110d;
    border: 7px solid transparent;
    border-image: var(--shell-frame) 12 / 7px;
    box-shadow: none;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .header-utilities { align-items: center; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail {
    padding: 0;
    gap: 3px;
    overflow-y: auto;
    scrollbar-width: none;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail::-webkit-scrollbar { display: none; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-button {
    position: relative;
    color: var(--shell-text);
    border: 6px solid transparent;
    border-image: var(--shell-frame) 12 / 6px;
    border-radius: 0;
    background: var(--shell-surface);
    box-shadow: none;
    text-shadow: none;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .view-button {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    padding: 12px 18px;
    min-height: 66px;
    flex-shrink: 0;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .view-button small { font-size: .73rem; letter-spacing: 0; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-icon { display: inline-flex; width: 28px; height: 28px; flex: 0 0 28px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-icon svg { width: 100%; height: 100%; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-button:has(.skin-icon) > span:not(.skin-icon) { display: none; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .skin-icon { width: 32px; height: 32px; flex-basis: 32px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-button::after {
    content: '';
    position: absolute;
    inset: -2px;
    pointer-events: none;
    background: var(--shell-wear) 0 0 / 600px 460px;
    opacity: .65;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-button.active {
    color: var(--shell-accent);
    background: linear-gradient(90deg, #9caf5928, #10150b 65%);
    box-shadow: inset 5px 0 var(--shell-accent), inset 0 0 0 1px #bbdb70;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .view-button:hover { color: #eef5dc; background-color: #2a3220; box-shadow: inset 0 0 0 1px var(--shell-accent); }
:root:is([data-shell="industrial"], [data-shell="polished"]) :is(button, select, input, textarea):focus-visible { outline: 2px solid var(--shell-accent); outline-offset: -2px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .primary-column {
    border: 10px solid transparent;
    border-image: var(--shell-frame) 12 / 10px;
    border-radius: 0;
    background: radial-gradient(ellipse at 55% 15%, #121510, #090b0a 80%);
    box-shadow: 0 0 0 1px #777c5740, 0 3px 12px #000;
    grid-template-rows: auto minmax(0, 1fr) auto;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .primary-column::after {
    inset: 0;
    background: var(--shell-wear) left bottom / 900px 700px;
    opacity: .28;
    box-shadow: inset 0 0 15px #0006;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-console-heading {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px 12px 11px;
    color: var(--shell-accent);
    border-bottom: 1px solid #6c705c;
    font: .85rem var(--working-font);
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-console-heading small { font-size: .6rem; align-self: center; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .terminal-output { color: var(--shell-text); background: none; text-shadow: none; padding: 24px 18px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .command-line { border-top: 1px solid #505740; background: #10140f; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .operations-sidebar .topology-section {
    padding: 14px 10px;
    border: 9px solid transparent;
    border-image: var(--shell-frame) 12 / 9px;
    background: var(--shell-surface);
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .sidebar-heading { gap: 8px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .sidebar-heading > span { font-size: .95rem; color: var(--shell-text); letter-spacing: 0; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .sidebar-heading > strong { color: var(--shell-accent); font-size: .8rem; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .operations-sidebar .compact-topology { border: 0; box-shadow: none; background: none; gap: 6px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .topology-layer {
    min-height: 43px;
    border: 4px solid transparent;
    border-image: var(--shell-frame) 12 / 4px;
    grid-template-columns: 50px minmax(0, 1fr);
    background: linear-gradient(115deg, #191c16, #0c0e0c);
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .topology-layer-number { color: var(--shell-accent); font-size: 1.05rem; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .topology-node { background: none; color: #cdd3d2; font-size: .72rem; text-align: left; padding-left: 12px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .topology-layer.current { box-shadow: inset 3px 0 var(--amber); background: #342b18; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .topology-layer.current .topology-layer-number { color: var(--amber); }
:root:is([data-shell="industrial"], [data-shell="polished"]) .status-section { background: #11140fe0; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-motto {
    margin-top: auto;
    min-height: 120px;
    padding: 20px 20px 10px;
    color: #94998b;
    background: repeating-linear-gradient(132deg, #b6b8a73b 0 9px, transparent 9px 20px) right bottom / 32px 90px no-repeat;
    font: .78rem/1.6 var(--working-font);
    white-space: pre-line;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-note {
    width: min(205px, calc(100% - 55px));
    position: relative;
    margin: 34px 24px 28px;
    padding: 22px 8px;
    transform: rotate(-9deg);
    background: var(--shell-wear) -10px -5px / 310px 240px, linear-gradient(125deg, #b8b6a9, #8f9187);
    color: #20231e;
    border: 1px solid #dedbca;
    box-shadow: 5px 7px #0005;
    font: italic 1.1rem/1.7 'Courier New', monospace;
    text-align: center;
    white-space: pre-line;
    clip-path: polygon(3% 4%, 92% 0, 95% 7%, 99% 8%, 98% 38%, 100% 40%, 96% 96%, 65% 98%, 63% 95%, 0 100%, 2% 48%, 0 45%);
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .skin-note::before {
    content: '';
    position: absolute;
    width: 44px;
    height: 90%;
    left: -2px;
    top: 5px;
    transform: rotate(3deg);
    background: #d8d4bd38;
    border-right: 1px solid #e3dfc82b;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .operations-sidebar::after {
    content: 'SAME SYSTEMS.\a BRIGHTER TOMORROWS.\a // BETA PROGRAM';
    display: block;
    color: #898f80;
    white-space: pre-line;
    font: .7rem/1.8 var(--working-font);
    text-align: right;
    padding: 0 22px 15px;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) :is(.terminal-zoom button, .palette-control select) {
    border-radius: 0;
    border: 1px solid #686e5a;
    background: #0e110d;
    color: var(--shell-text);
    min-height: 38px;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .palette-control option { background: #11140f; }
:root:is([data-shell="industrial"], [data-shell="polished"]) dialog { border-color: var(--shell-edge); background-color: var(--panel); }
@media (min-width: 1280px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) .application-body { grid-template-columns: 176px minmax(0, 1fr) minmax(290px, 24vw); }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .app-topbar { grid-template-columns: 340px minmax(450px, 1fr) minmax(170px, .5fr) 160px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .header-utilities { flex-wrap: wrap; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .header-utilities .context-bar { flex: 1 1 260px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .header-utilities .music-dock {
        flex: 0 0 265px;
        grid-template-columns: 70px 32px 32px minmax(70px, 1fr);
        gap: 8px;
    }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .header-utilities .view-button { min-width: 78px; min-height: 54px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .header-utilities .skin-icon { width: 21px; height: 21px; }
}
@media (max-width: 1279px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) .skin-wordmark { font-size: 44px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup .skin-badge { left: 140px; font-size: 23px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup::after { left: 145px; top: 43px; font-size: 11px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .brand-lockup { min-height: 68px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .view-button { flex-direction: column; gap: 5px; padding: 8px 2px; min-height: 61px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .view-button small { font-size: .52rem; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .skin-motto { padding: 16px 3px; font-size: .5rem; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .skin-icon { display: none; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > strong { margin: 0; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > span:not(.skin-icon) { width: 100%; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .application-body { gap: 8px; }
}
@media (max-width: 980px), (max-height: 760px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) :is(.skin-note, .skin-motto, .operations-sidebar::after) { display: none; }
}
@media (max-width: 640px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) .terminal-panel { padding: 4px; gap: 6px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .view-button { min-height: 50px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .view-rail .skin-icon { width: 21px; height: 21px; flex-basis: 21px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .primary-column { border-width: 6px; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .skin-console-heading { font-size: .65rem; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .skin-console-heading small { display: none; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div { padding: 0 7px; }
}
/* Resource cells share one grid, including the existing byte-refill action. */
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    grid-template-areas: 'icon label' 'icon amount';
    gap: 2px 10px;
    align-content: center;
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > span:not(.skin-icon) { grid-area: label; width: auto; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div > strong { grid-area: amount; margin: 0; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .byte-rescue-balance > div { grid-column: 2; grid-row: 1 / 3; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .byte-rescue-balance > div > span { font-size: .65rem; letter-spacing: 0; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .byte-rescue-link { right: -4px; bottom: -4px; width: 24px; height: 30px; font-size: 6px; }
@media (min-width: 981px) and (max-width: 1279px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) .app-topbar {
        grid-template-columns: 240px minmax(320px, 1fr) minmax(120px, .5fr) 110px;
    }
}
@media (max-width: 1279px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'label' 'amount'; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .byte-rescue-balance > div { grid-column: 1; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .byte-rescue-link { right: 0; bottom: -5px; }
}
:root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .byte-rescue-balance { padding-right: 43px; }
:root:is([data-shell="industrial"], [data-shell="polished"]) .byte-rescue-link { width: 34px; height: 36px; right: 3px; bottom: 0; font-size: 9px; line-height: 1.1; }
@media (min-width: 1280px) and (max-width: 1500px) {
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .skin-icon { display: none; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip > div { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'label' 'amount'; }
    :root:is([data-shell="industrial"], [data-shell="polished"]) .resource-strip .byte-rescue-balance > div { grid-column: 1; }
}

/* Beta Veteran: the original testers' worn, cyan-lit workstation.
   Shares the industrial shell geometry; artwork never intercepts live controls. */
:root[data-skin="beta-veteran"] {
    --green: #27f4ce;
    --green-bright: #def4f1;
    --green-muted: #88b9bd;
    --green-dark: #123d38;
    --background: #040909;
    --panel: #091111;
    --panel-raised: #12201e;
    --panel-soft: #10201f;
    --line: #24413e;
    --line-strong: #36796f;
    --shell-accent: #27f4ce;
    --shell-text: #bdd6dc;
    --shell-muted: #88b9bd;
    --shell-edge: #3e857a;
    --shell-wear: url('/assets/skins/beta/wear.svg');
    --shell-surface: linear-gradient(125deg, #182321, #040909 60%, #101b19);
    --shell-frame: url('/assets/skins/veteran/frame.svg');
}
:root[data-skin="beta-veteran"] .terminal-panel {
    background: var(--shell-wear) repeat, radial-gradient(ellipse at 95% 100%, #16423855, transparent 48%), #070c0c;
    box-shadow: inset 7px 0 #948c7350, inset -4px 0 #706b5940, inset 0 0 0 1px #6b776a;
}
:root[data-skin="beta-veteran"] .app-topbar { border-bottom-color: #2b665c; }
:root[data-skin="beta-veteran"] .skin-wordmark {
    background: linear-gradient(105deg, #e1e4da 35%, #6aa99b 90%);
    background-clip: text;
    color: transparent;
    text-shadow: none;
}
:root[data-skin="beta-veteran"] .brand-lockup .skin-badge {
    left: 191px; top: 6px; padding: 0; background: none; color: var(--shell-accent);
    font: italic 700 21px/1.3 'Courier New', monospace; letter-spacing: -.06em;
    clip-path: none; box-shadow: none; transform: rotate(-6deg); white-space: nowrap;
}
:root[data-skin="beta-veteran"] .brand-lockup::after {
    content: '> BREAKS TODAY\a > BETTER TOMORROW ♡';
    left: 193px; top: 39px; white-space: pre; color: #b5b8aa;
    font: italic 10px/1.6 'Courier New', monospace; transform: rotate(-4deg);
}
:root[data-skin="beta-veteran"] .resource-strip .skin-icon { color: #8de5d8; }
:root[data-skin="beta-veteran"] .resource-strip > div + div { border-left-color: #31514a; }
:root[data-skin="beta-veteran"] .alarm-readout:not(.triggered) { background: #061311; }
:root[data-skin="beta-veteran"] .view-button.active {
    color: #62ffe2; background: radial-gradient(ellipse at left, #0d574944, #04100f 75%);
    box-shadow: inset 3px 0 #a2ffed, inset 0 0 15px #20eac533, 0 0 8px #27f4ce66;
}
:root[data-skin="beta-veteran"] .view-button:hover {
    color: #e4fff8; background: #102b26; box-shadow: inset 0 0 0 1px #27f4ce, 0 0 7px #27f4ce44;
}
:root[data-skin="beta-veteran"] .primary-column {
    background: radial-gradient(ellipse at 100% 100%, #093c3344, transparent 55%), #030909;
    box-shadow: inset 0 0 0 1px #1b7b6d, 0 0 9px #12bd9e25, 0 3px 12px #000;
}
:root[data-skin="beta-veteran"] .skin-console-heading {
    border-bottom-color: #218374;
    background: linear-gradient(110deg, #173a3444, transparent);
}
:root[data-skin="beta-veteran"] .terminal-output {
    background: linear-gradient(#030909dd, #030909dd), url('/assets/skins/veteran/stamp.svg') right 16px top 16px / min(36%, 300px) auto no-repeat;
    background-blend-mode: normal;
}
:root[data-skin="beta-veteran"] .command-line { background: #06110f; border-top-color: #288475; }
:root[data-skin="beta-veteran"] .topology-layer { background: linear-gradient(115deg, #101b19, #050b0b); }
:root[data-skin="beta-veteran"] .topology-layer-number {
    border: 1px solid #277d6d; margin: 2px; background: #071814; text-shadow: 0 0 8px #27f4ce44;
}
:root[data-skin="beta-veteran"] .topology-layer.current { background: #342b18; }
:root[data-skin="beta-veteran"] .status-section { background: #091612eb; }
:root[data-skin="beta-veteran"] .skin-motto {
    position: relative; padding: 90px 12px 12px; min-height: 184px; background: none;
    color: #7fb1b7; font-size: .64rem; line-height: 1.45;
}
:root[data-skin="beta-veteran"] .skin-motto::before {
    content: 'BETA\a TESTER'; position: absolute; top: 12px; left: 8px; right: 8px;
    padding: 6px; color: #111917; background: var(--shell-wear), #b6b3a0;
    border-block: 4px double #343d36; transform: rotate(-5deg);
    font: 900 25px/.95 Arial, sans-serif; text-align: center; letter-spacing: .02em;
}
:root[data-skin="beta-veteran"] .skin-note {
    width: min(245px, calc(100% - 44px)); margin: 24px auto 14px; padding: 34px 12px 16px;
    background: var(--shell-wear) -30px -10px / 330px 270px, linear-gradient(115deg, #c4bfaa, #a39f8b);
    font: italic 14px/1.55 'Courier New', monospace; transform: rotate(-4deg);
    clip-path: polygon(1% 3%, 96% 0, 99% 8%, 98% 93%, 89% 95%, 88% 99%, 3% 97%, 0 76%);
}
:root[data-skin="beta-veteran"] .skin-note::before {
    width: 26px; height: 21px; top: 0; left: 13px; transform: rotate(8deg);
    background: var(--shell-wear), #303934; border: 1px solid #757d6e;
    box-shadow: 163px 0 #303934;
}
:root[data-skin="beta-veteran"] .operations-sidebar::after {
    content: '☺  CAFFEINE. PACKETS. PATCH NOTES.\a SAME NETWORK. DIFFERENT PEOPLE.\a BRIGHTER TOMORROW.';
    padding: 4px 12px 10px; text-align: center; color: #75afa5; font-size: .6rem;
}
:root[data-skin="beta-veteran"] :is(.terminal-zoom button, .palette-control select) { border-color: #327263; background: #06110e; }
@media (min-width: 1280px) {
    :root[data-skin="beta-veteran"] .application-body { grid-template-columns: 136px minmax(0, 1fr) minmax(290px, 24vw); }
    :root[data-skin="beta-veteran"] .view-rail .view-button { padding: 9px 8px; gap: 12px; min-height: 61px; }
}
@media (max-width: 1279px) {
    :root[data-skin="beta-veteran"] .brand-lockup .skin-badge { left: 135px; font-size: 15px; }
    :root[data-skin="beta-veteran"] .brand-lockup::after { left: 135px; top: 30px; font-size: 7px; }
    :root[data-skin="beta-veteran"] .skin-motto { padding: 70px 2px 8px; font-size: .48rem; }
    :root[data-skin="beta-veteran"] .skin-motto::before { left: 0; right: 0; font-size: 15px; }
}
@media (max-width: 640px) {
    :root[data-skin="beta-veteran"] .terminal-output { background: none; }
}
/* Wordmark segments retain their parent's typography in every shell. */
:root .brand-lockup .skin-wordmark > span {
    display: inline; font: inherit; letter-spacing: inherit; color: inherit;
    text-transform: inherit;
}