/* ============================================================================
   GSL · КАБИНЕТ — единые токены для всех разделов лаборатории
   ----------------------------------------------------------------------------
   Золото взято из боевого web/style.css игры (те же значения, не «похожие»):
   градиент --gold-3d, контур --gold-line, текст --gold-text. Кабинет и стол
   должны выглядеть одним продуктом, а не двумя похожими.
   ========================================================================== */
:root{
  /* ── золото Game of Sages ──────────────────────────────────────────────── */
  --gold-3d: linear-gradient(145deg,#F9D976 0%,#EAA82C 30%,#C18825 60%,#7A4B11 85%,#B88428 100%);
  --gold-3d-shadow: inset 0 2.5px 4px rgba(255,255,255,.7),
                    inset 0 -3px 6px rgba(122,75,17,.8),
                    0 8px 20px rgba(0,0,0,.8);
  --gold-ink:#381D02;        /* текст НА золоте */
  --gold-text:#D39D3C;
  --gold-text-lit:#FFF2B2;
  --gold-line:#A8721A;
  --gold-line-lit:#F6C147;
  --accent-gold:#fbbf24;
  --gold-glow:rgba(246,193,71,.28);

  /* ── обсидиан и нейтрали (тёплые, с фиолетовым уклоном — выбраны, не по умолчанию) ── */
  --bg:#0b0a0f;
  --bg-2:#100e16;
  --panel:#16131f;
  --panel-2:#1d1927;
  --line:rgba(201,163,78,.14);
  --line-soft:rgba(232,228,221,.07);
  --text:#ece7de;
  --muted:#a89fb2;
  --faint:#6f6880;

  /* ── чакры: центр агента + шесть лепестков ────────────────────────────── */
  --chakra-root:#c1443e;     /* центр — сам агент */
  --chakra-1:#e0873c;
  --chakra-2:#e8c25a;
  --chakra-3:#5fbf8f;
  --chakra-4:#4fa9d8;
  --chakra-5:#5566c6;
  --chakra-6:#9161c9;

  /* ── статусы ───────────────────────────────────────────────────────────── */
  --good:#5fbf8f;
  --warn:#e0a942;
  --crit:#e0655f;

  /* ── типографика и метрика ─────────────────────────────────────────────── */
  --serif:'Cormorant Garamond','Iowan Old Style',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,'Cascadia Mono',Menlo,monospace;
  --radius:14px;
  --maxw:1120px;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1200px 700px at 78% -8%, rgba(201,163,78,.10), transparent 60%),
    radial-gradient(900px 600px at 8% 108%, rgba(120,84,196,.09), transparent 55%),
    var(--bg);
  color:var(--text);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0;text-wrap:balance}
h1{font-size:clamp(1.9rem,4vw,2.9rem)}
h2{font-size:clamp(1.3rem,2.4vw,1.8rem)}
p{margin:0 0 14px;text-wrap:pretty}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text);font-weight:600}
.muted{color:var(--muted)}
.faint{color:var(--faint)}
.tnum{font-variant-numeric:tabular-nums}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}

.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.btn{border:0;border-radius:12px;padding:12px 20px;cursor:pointer;font:700 13px/1 var(--sans);
     letter-spacing:.06em;text-transform:uppercase;background:var(--gold-3d);
     box-shadow:var(--gold-3d-shadow);color:var(--gold-ink)}
.btn-dim{background:linear-gradient(180deg,#1E1E21,#0A0A0C);border:1.5px solid var(--gold-line);
         color:var(--gold-text);box-shadow:none}
:focus-visible{outline:2px solid var(--gold-line-lit);outline-offset:3px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}