/* space.css — неон: тёмно-синий, пыль и кирпич, трубки, всё «зажигается». */
body[data-theme="space"]{--bg:#07061a;--bg2:#1a1447;--ink:#f4f0ff;--muted:#bdb5ea;--card:#15103cd9;--accent:#7c5cff;--accent2:#22d3ee;--gold:#ffd84d;--good:#1fc98a;--bad:#8a84b8;
  --outline:2px solid #a58bffe6;--shadow:0 0 0 1px #7c5cff59,0 0 14px #7c5cff73,inset 0 0 12px #7c5cff40;--shadow-sm:0 0 10px #7c5cff73,inset 0 0 8px #7c5cff33;
  --shadow-press:0 0 0 1px #c9a6ff,0 0 24px #7c5cffcc,inset 0 0 16px #7c5cff73;--press:0 1px;--press-sm:0 1px;--skew:0deg;--r:16px;--r-btn:16px;--r-opt:16px;
  --tone1:radial-gradient(1.3px 1.3px at 22px 34px,#fff,#0000) 0 0/170px 150px,radial-gradient(1px 1px at 96px 88px,#cbbcff,#0000) 0 0/170px 150px,radial-gradient(1.5px 1.5px at 140px 18px,#9ff3ff,#0000) 0 0/170px 150px,radial-gradient(1px 1px at 60px 130px,#fff,#0000) 0 0/110px 150px;
  --tmask1:linear-gradient(#000 10%,#0000 70%);
  --tone2:repeating-linear-gradient(0deg,#0000 0 28px,#a58bff17 28px 30px),repeating-linear-gradient(90deg,#0000 0 58px,#a58bff12 58px 60px);--tmask2:linear-gradient(0deg,#000,#0000 55%);
  --hero-bg:linear-gradient(160deg,#2a1c78e6,#110c36f2);--outline-hero:2px solid #c9a6ff;
  --shadow-hero:0 0 0 1px #c9a6ff99,0 0 18px #7c5cffcc,0 0 46px #7c5cff66,inset 0 0 24px #7c5cff59;
  --lines:repeating-conic-gradient(from 2deg,#a58bff38 0 .6deg,#0000 .6deg 5deg,#22d3ee26 5deg 5.5deg,#0000 5.5deg 9deg);--lines-mask:radial-gradient(farthest-side,#0000 70%,#000 120%);
  --hero-tone:radial-gradient(70% 60% at 100% 0,#22d3ee2e,#0000 70%);
  --title:#f3ecff;--title-fx:0 0 4px #e6d6ff,0 0 12px #8b5cf6,0 0 26px #8b5cf6;--word:#e8feff;--word-fx:0 0 4px #daffff,0 0 12px #22d3ee,0 0 28px #22d3ee;
  --track:#ffffff0f;--fill:linear-gradient(90deg,#7c5cff,#22d3ee);--fill-fx:0 0 12px #22d3eeb3;
  --tabbar:#07061ae6;--tabbar-fx:0 -1px 0 #7c5cff99,0 -8px 24px #7c5cff33;--tab-on:#7c5cff2e;--tab-on-fx:0 0 12px #7c5cffb3,inset 0 0 10px #7c5cff66;--tab-on-ink:#fff;
  --toast-bg:#0d0a2af2;--toast-ink:#e0fdff;
  --gold-bg:#ffd84d1a;--gold-line:2px solid #ffe27a;--gold-fx:0 0 0 1px #ffd84d66,0 0 16px #ffb43ca6,inset 0 0 14px #ffb43c66;--gold-ink:#fff6d0;--gold-press:0 0 0 1px #ffe27a,0 0 28px #ffd84d,inset 0 0 18px #ffb43c8c;
  --ok-bg:#3dffb01f;--ok-line:#3dffb0;--ok-fx:0 0 14px #3dffb0a6,inset 0 0 10px #3dffb04d;--ok-ink:#eafff6;--no-bg:#ffffff08;--no-line:#ffffff2e;--badge-line:2px solid #dcfff0;--badge-fx:0 0 10px #3dffb0;
  --mine-bg:#ffd84d1a;--mine-line:2px solid #ffe27a;--mine-ink:#fff6d0;
  --app-bg:radial-gradient(ellipse 90% 45% at 50% 0,#2a1d6e,#110d33 60%,#07061a);background:var(--app-bg) fixed}
body[data-theme="space"] .btn:not(.gold){background:#7c5cff2e;color:#f3ecff;text-shadow:0 0 8px #a58bff}
body[data-theme="space"] .btn.secondary{background:#15103c99}
body[data-theme="space"] .btn.gold{text-shadow:0 0 6px #ffd84d,0 0 16px #ffb454}
body[data-theme="space"] .btn:active,body[data-theme="space"] .opt:active{filter:brightness(1.25)}
body[data-theme="space"] :is(.card,.pill,.opt,.chip,.toast){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body[data-theme="space"] .tabs{border-top:1.5px solid #a58bff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body[data-theme="space"] .progress{border-width:1.5px}
body[data-theme="space"] :is(.panel-hero,.sticker,.btn.gold,.lv-badge){animation:k-flick .6s ease-out}
body[data-theme="space"] .panel-hero h1{letter-spacing:.3px}
body[data-theme="space"] .sticker{background:#ffd84d14;border:2px solid #ffe27a;color:#fff6d0;box-shadow:0 0 14px #ffb43c99,inset 0 0 10px #ffb43c59;text-shadow:0 0 8px #ffb454}
body[data-theme="space"] .toast{border-color:#3ee6ff;box-shadow:0 0 16px #22d3ee99,inset 0 0 10px #22d3ee40}
body[data-theme="space"] .sfx{color:#ffe3f6;background:#1a0b2ef2;border:2.5px solid #ff6bd6;border-radius:14px;transform:rotate(-4deg);box-shadow:0 0 0 1px #ff6bd680,0 0 20px #ff6bd6,inset 0 0 14px #ff6bd680;text-shadow:0 0 6px #ff6bd6,0 0 16px #ff6bd6}
body[data-theme="space"] .hero-ava,body[data-theme="space"] .home-ava{border:2px solid #3ee6ff;box-shadow:0 0 14px #22d3ee99}
body[data-theme="space"] .dot{border:1.5px solid #a58bffb3;background:#15103c}
body[data-theme="space"] .dot.future{opacity:.75}
body[data-theme="space"] .dot.done{border-color:#ffab4d;box-shadow:0 0 10px #ffab4d99}
body[data-theme="space"] .dot.today{border-color:#3ee6ff;box-shadow:0 0 12px #22d3ee}
body[data-theme="space"] .step.chest .opt:not(.open) .ico :is(.cb,.lid,.lk){opacity:.28}
body[data-theme="space"] .step.chest .opt:is([data-taps="1"],[data-taps="2"]) .ico .cb,body[data-theme="space"] .step.chest .opt[data-taps="2"] .ico .lid{opacity:1;animation:k-flick .5s ease-out}
body[data-theme="space"] .step.chest .open .ico :is(.cb,.lid,.lk){animation:k-flick .5s ease-out}
body[data-theme="space"] .step.chest .open{--shadow-hero:0 0 0 2px #ffe27a,0 0 30px #ffd84dcc,0 0 70px #7c5cff99,inset 0 0 40px #ffd84d4d}
body[data-theme="space"] .levelup .panel-hero{--hero-bg:linear-gradient(#0d0a2a,#171042);--hero-tone:var(--tone2);--hero-tone-mask:none}
body[data-theme="space"] .lv-badge{padding:6px 18px;color:#efe6ff;border:2px solid #c9a6ff;box-shadow:0 0 16px #7c5cffcc,inset 0 0 12px #7c5cff80;text-shadow:0 0 6px #a58bff,0 0 18px #8b5cf6}
body[data-theme="space"] .lv-badge i{width:auto;color:#e0fdff;text-shadow:0 0 6px #daffff,0 0 16px #22d3ee,0 0 30px #22d3ee}
body[data-theme="space"] .lv-a{display:none}
body[data-theme="space"] .lv-cap{color:#fff4dc;text-shadow:0 0 4px #fff4dc,0 0 12px #ffb454}
/* Закреплённые внизу кнопки — на непрозрачной подложке: сквозь стеклянную трубку не видно карточек (final review I2) */
body[data-theme="space"] #dock .btn{background:linear-gradient(var(--gold-bg),var(--gold-bg)),#0d0a2a}
body[data-theme="space"] #dock .btn:not(.gold){background:linear-gradient(#7c5cff2e,#7c5cff2e),#0d0a2a}
body[data-theme="space"] #dock .btn.secondary{background:#15103c}