/* Vast Sale · светлая тема «бумага» и тумблер «свет». Подключается на всех страницах после home.css / site.css. Тёмная тема — по умолчанию (бренд). Светлая включается тумблером в шапке: cookie flux_theme=light, сервер отдаёт сразу (без мигания). Главная в светлой теме: кинематографичное тёмное начало (видео шамана и сборка сервера остаются тёмными островами), дальше — бумага. */ html[data-theme="light"]{ --ground:#f3f0e9;--ground-2:#faf8f3; --ink:#1a1813;--ink-2:#5c574d;--ink-3:#6f6960; --rule:rgba(26,24,19,.12);--rule-2:rgba(26,24,19,.3); --gold:#ad7f14;--gold-2:#8f660a;--gold-dim:rgba(173,127,20,.45); /* охра: золото, читаемое на бумаге */ color-scheme:light; /* слой совместимости app.css */ --bg:#f3f0e9;--surface:#f3f0e9;--surface2:#faf8f3;--fg:#1a1813;--muted:#5c574d;--faint:#6f6960; --line:rgba(26,24,19,.12);--line2:rgba(26,24,19,.3);--ink-fg:#f3f0e9;--field:#fffdf8; --overlay:rgba(26,24,19,.55);--rlink:#8f660a;--rlink-h:#ad7f14; --panel:#faf8f3;--panel-fg:#1a1813;--panel-border:rgba(26,24,19,.12);--panel-btn-bg:#1a1813;--panel-btn-fg:#f3f0e9;--code:#ebe7de; /* панель Vast на странице парка — как светлый режим консоли Vast */ --v-bg:#e8e4dc;--v-card:#ffffff;--v-edge:#d9d4ca;--v-fg:#1a1813;--v-sec:#3f3b34;--v-dim:#77716a;--v-good:#2b8a55; } html[data-theme="light"] .earn{--e-card:#fbfaf6;--e-line:rgba(26,24,19,.12);--e-fg:#1a1813;--e-mut:#6b665c;--e-sunk:#eeebe3} /* шапка внутренних страниц: подложка бумаги вместо чёрной */ html[data-theme="light"] body:not(.home) .hd{background:rgba(243,240,233,.86)} /* кнопки: чернильные, при наведении чуть светлее чернил (а не кремовые, как в тёмной) */ html[data-theme="light"] .btn:hover{background:#33302a;border-color:#33302a} html[data-theme="light"] .btn.ghost:hover{background:transparent;border-color:var(--ink);color:var(--ink)} /* ошибки и предупреждения — тёмно-красные на бумаге */ html[data-theme="light"] .err,html[data-theme="light"] .cmd-warn,html[data-theme="light"] .outrow .v b.neg{color:#b5412c} html[data-theme="light"] .err{background:#fbeaea;border-color:#e6b7b7} html[data-theme="light"] .vm-money{background:rgba(26,24,19,.05)} html[data-theme="light"] ::selection{background:rgba(173,127,20,.3)} html[data-theme="light"] .cc-loss{fill:rgba(181,65,44,.12)} html[data-theme="light"] .cc-gain{fill:rgba(173,127,20,.2)} /* парк: легенда «как читать цифры» и таблица заработков */ html[data-theme="light"] .fleet-how{border-color:var(--rule)} html[data-theme="light"] .fleet-how h3,html[data-theme="light"] .fleet-how li b{color:var(--ink)} html[data-theme="light"] .fleet-how li{color:var(--ink-2)} html[data-theme="light"] .fleet-how li::marker{color:var(--gold)} html[data-theme="light"] .etbl th{background:#e9e5dc;color:#5c574d} html[data-theme="light"] .etbl td{border-bottom-color:rgba(26,24,19,.1)} /* тёмная тема теперь отдаётся как data-theme="dark": гасим старые «тёмные» правила app.css, чтобы вид не менялся */ html[data-theme="dark"] .read-tick,html[data-theme="dark"] .read-toggle.on,html[data-theme="dark"] .acard .price.free,html[data-theme="dark"] .svc .price.free{color:var(--gold)} html[data-theme="dark"] .codeblock{background:var(--ground-2)} html[data-theme="dark"] .rig-row .bar i{background:var(--gold)} /* ---- главная: тёмные острова (видео) в светлой теме ---- */ html[data-theme="light"] .hero,html[data-theme="light"] .asm-stage,html[data-theme="light"]:not(.menu-open) body.home .hd{ --ground:#0b0c0e;--ground-2:#121418;--ink:#efe9dc;--ink-2:#a49e92;--ink-3:#6f6a62; --rule:rgba(239,233,220,.14);--rule-2:rgba(239,233,220,.3);--gold:#e0a72a;--gold-2:#f2c14e;--gold-dim:rgba(224,167,42,.4); color:var(--ink);color-scheme:dark; } html[data-theme="light"] .hero{background:#0b0c0e} html[data-theme="light"] .hero .btn:hover{background:#fff8e6;border-color:#fff8e6} html[data-theme="light"] .asm{background:#0b0c0e} html[data-theme="light"] .asm-stage::before{display:none} /* логотип: на бумаге — вариант для светлого фона; над тёмным видео на главной — обычный */ .mark use.mk-l{display:none} html[data-theme="light"] .mark use.mk-l{display:inline} html[data-theme="light"] .mark use.mk-d{display:none} html[data-theme="light"]:not(.menu-open) body.home .hd .mark use.mk-d{display:inline} html[data-theme="light"]:not(.menu-open) body.home .hd .mark use.mk-l{display:none} /* ---- тумблер «свет»: клавиша питания, как на блоке питания сервера (I — свет включён, O — выключен) ---- */ .pwr{position:relative;width:22px;height:34px;flex:none;padding:0;border:0;background:none;cursor:pointer;perspective:140px;-webkit-tap-highlight-color:transparent} .pwr-b{position:absolute;inset:0;border-radius:4px;background:var(--ground-2);box-shadow:inset 0 0 0 1px var(--rule-2),inset 0 2px 5px rgba(0,0,0,.35)} .pwr-r{position:absolute;left:3px;right:3px;top:3px;bottom:3px;border-radius:3px;display:grid;grid-template-rows:1fr 1fr; font:600 8.5px/1 var(--data);color:rgba(239,233,220,.5);background:linear-gradient(180deg,#3b3e46,#23262c); box-shadow:0 1px 2px rgba(0,0,0,.6);transform:rotateX(-24deg);transform-origin:50% 50%; transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s,box-shadow .25s} .pwr-r i{display:grid;place-items:center;font-style:normal} .pwr-r i:first-child{border-bottom:1px solid rgba(0,0,0,.35)} .pwr:hover .pwr-r{filter:brightness(1.12)} .pwr:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:5px} html[data-theme="light"] .pwr-r{transform:rotateX(24deg);background:linear-gradient(180deg,#f0c04c,#c4901c);color:#2a1e05;box-shadow:0 0 10px rgba(224,167,42,.45)} html[data-theme="light"] .pwr-b{box-shadow:inset 0 0 0 1px var(--rule-2),inset 0 2px 5px rgba(26,24,19,.12)} .hd-r .pwr{margin-right:2px} .mnav-row .pwr{margin-left:auto;margin-right:12px} @media(max-width:640px){.hd-r .pwr{display:none}} /* на телефоне тумблер живёт в меню */ /* переход между темами: круг света расходится от тумблера (View Transitions; без поддержки — просто переключение) */ ::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal} ::view-transition-old(root){z-index:1} ::view-transition-new(root){z-index:2}