/* «Аркан судьбы» — единые цвета и шрифты (ТЗ, Дополнение №6). Менять палитру только здесь. */
@font-face{font-family:"Bergamasco";src:url("../fonts/Bergamasco.ttf") format("truetype");font-display:swap;}
@font-face{font-family:"Inter Tight";src:url("../fonts/InterTight-Regular.ttf") format("truetype");font-weight:400;font-display:swap;}
@font-face{font-family:"Inter Tight";src:url("../fonts/InterTight-Medium.ttf") format("truetype");font-weight:500;font-display:swap;}
:root{
  /* ==== Палитра ТЗ (Дополнение №6). Чтобы вернуть — раскомментировать этот блок и удалить блок «Водоворот».
  --purple:#371750; --ink:#15002C; --parchment:#E8DFCE; --gold:#C5A568; --gold-hi:#C5A568; --pink:#F5C0CD;
  --panel:rgba(var(--rgb-main),.72); --line:rgba(var(--rgb-gold),.45); --text-soft:rgba(var(--rgb-text),.78);
  --rgb-main:55,23,80; --rgb-ink:21,0,44; --rgb-gold:197,165,104; --rgb-text:232,223,206; --rgb-pink:245,192,205;
  --btn-bg:#C5A568; --btn-text:#15002C;
  ==== */
  /* ==== Палитра «Мистического водоворота» (vortex.html) ==== */
  --purple:#3d1226;    /* бордовый (свечение фона водоворота) — роль основного цвета */
  --ink:#14060c;       /* фон */
  --parchment:#f6ebee; /* текст / светлые поверхности */
  --gold:#d9b45f;      /* золото */
  --gold-hi:#f3d58a;   /* светлое золото — заголовки */
  --pink:#f08fb5;      /* розовый акцент */
  --panel:#240a15;     /* панели */
  --line:#5b2a42;      /* линии */
  --text-soft:#c49aab; /* приглушённый текст */
  --rgb-main:61,18,38; --rgb-ink:20,6,12; --rgb-gold:217,180,95; --rgb-text:246,235,238; --rgb-pink:240,143,181;
  --btn-bg:linear-gradient(180deg,#f6dc95,#c49a43); --btn-text:#2a1505;
  --bg:var(--ink);
  --surface:var(--purple);
  --text:var(--parchment);
  --font-display:"Bergamasco",Georgia,"Times New Roman",serif;
  --font-body:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:16px;
}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;}
body{min-height:100vh;background:radial-gradient(120% 60% at 50% 0%,var(--purple) 0%,var(--ink) 70%) fixed;}
.wrap{max-width:560px;margin:0 auto;padding:14px 16px 40px;}
h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;color:var(--gold-hi);margin:0;}
h1{font-size:30px;line-height:1.15;}
h2{font-size:22px;line-height:1.2;}
h3{font-size:18px;}
p{line-height:1.5;margin:.5em 0;}
.caption,.small{font-weight:500;font-size:13px;color:var(--text-soft);letter-spacing:.02em;}
.gold{color:var(--gold);}
.pink{color:var(--pink);}
a{color:var(--gold);}
/* шапка раздела */
.topbar{display:flex;align-items:center;gap:10px;margin:0 0 14px;min-height:44px;}
.topbar h1{font-size:24px;flex:1;}
.back{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);
  color:var(--parchment);text-decoration:none;font-weight:500;font-size:14px;background:rgba(var(--rgb-main),.55);cursor:pointer;white-space:nowrap;}
.back:active{transform:translateY(1px);}
/* кнопки */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:999px;padding:14px 22px;
  font-family:var(--font-body);font-weight:500;font-size:16px;cursor:pointer;color:var(--btn-text);background:var(--btn-bg);min-height:48px;}
.btn.ghost{background:transparent;color:var(--parchment);border:1px solid var(--line);}
.btn.block{width:100%;}
.btn:disabled{opacity:.5;cursor:default;}
.btn:focus-visible,.back:focus-visible,.tile:focus-visible{outline:2px solid var(--pink);outline-offset:3px;}
/* панели */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;}
.panel+.panel{margin-top:12px;}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:18px 0;opacity:.7;}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;}
.chips::-webkit-scrollbar{display:none;}
.chip{flex:none;border:1px solid var(--line);background:transparent;color:var(--parchment);border-radius:999px;padding:8px 14px;
  font-family:var(--font-body);font-weight:500;font-size:14px;cursor:pointer;}
.chip.on{background:var(--gold);color:var(--ink);border-color:var(--gold);}
input,select{font:inherit;font-size:16px;color:var(--ink);background:var(--parchment);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;width:100%;min-height:48px;}
label{display:block;font-weight:500;font-size:13px;color:var(--text-soft);margin:10px 0 6px;}
.tag{display:inline-block;font-weight:500;font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--gold);}
.tag.rev{color:var(--pink);border-color:rgba(var(--rgb-pink),.5);}
.muted{color:var(--text-soft);}
.center{text-align:center;}
.hidden{display:none!important;}
.list{list-style:none;margin:0;padding:0;}
.list li{margin:4px 0;}
/* рубашка карты */
.cardback{position:relative;border-radius:10px;background:
  radial-gradient(circle at 50% 50%,rgba(var(--rgb-gold),.35) 0 18%,transparent 19%),
  repeating-linear-gradient(45deg,rgba(var(--rgb-gold),.12) 0 2px,transparent 2px 10px),var(--purple);
  border:2px solid var(--gold);box-shadow:inset 0 0 0 4px var(--purple),inset 0 0 0 5px rgba(var(--rgb-gold),.6);}
.cardback::after{content:"✦";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:22px;}
.cardimg{display:block;width:100%;border-radius:10px;border:1px solid var(--line);background:var(--purple);}
.cardimg.rev{transform:rotate(180deg);}
.modal{position:fixed;inset:0;background:var(--ink);z-index:50;overflow-y:auto;}
.modal .wrap{padding-top:14px;}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--parchment);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:500;font-size:14px;z-index:60;}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}