/* Королевская палитра по иконке сервера: индиго, фиолет, маджента, золото.
   Подключается поверх style.css только на странице /preview. */

:root{
  --wood:#1b0b2e; --wood2:#2a1046; --frame:#7a1fd0;
  --parch:#f3ecff; --parch2:#e2d3fb;
  --ink:#241046; --muted:#6b4a8a;
  --gold:#efe0ff; --gold2:#b58ad6;
  --red:#c2185b; --green:#2f7d4f;
}

body{
  background:
    linear-gradient(180deg, rgba(14,5,26,.58) 0%, rgba(14,5,26,.42) 35%, rgba(12,4,22,.62) 70%, rgba(10,3,18,.86) 100%),
    url(/static/bg-dicastes.jpg) center top/cover fixed,
    #12071c;
  background-attachment: fixed;
}

/* шапка */
.topnav{
  background:linear-gradient(180deg,rgba(42,16,70,.96),rgba(27,11,46,.96));
  border-bottom:3px solid var(--frame);
  box-shadow:0 4px 16px rgba(0,0,0,.6), 0 1px 0 rgba(255,120,200,.25) inset;
}
.topnav .brand{color:#f6ecff;text-shadow:0 2px 0 #2a1046, 0 0 16px rgba(216,27,140,.45)}
.topnav a{color:#e9dcff}
.topnav a:hover{color:#ff6fc0;border-bottom-color:#ff6fc0}

/* герой */
.hero h1{color:#f9f1ff;text-shadow:3px 3px 0 #2a1046, 0 0 26px rgba(216,27,140,.55)}
.sub{color:#efe4ff}
.info{color:#efe4ff}
.card .info{color:#4a2a6e}

/* карточки */
.card{
  background:linear-gradient(180deg,var(--parch),var(--parch2));
  border:3px solid var(--frame);
  outline:1px solid #1b0b2e;
  box-shadow:0 10px 30px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.35) inset;
}
h2{color:var(--ink);border-bottom:1px solid rgba(122,31,208,.55)}
.card h2{border-bottom-color:rgba(122,31,208,.45)}

/* формы */
input,select{background:#f8f3ff;border:2px inset #a98ad6;color:var(--ink)}
input:focus,select:focus{border-color:var(--frame);box-shadow:0 0 0 3px rgba(216,27,140,.18)}
.navsearch input{background:#f8f3ff;border-color:var(--frame)}
.navsearch input::placeholder{color:#7d63a0}

/* кнопки — золото короны, тёмный контур */
button,.btn{
  background:linear-gradient(180deg,#ff8ccb 0%,#e02a97 45%,#a5126a 100%);
  border:2px solid #2a1046;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 #6d0a45;
  color:#fff6fc;
  text-shadow:0 1px 1px rgba(60,0,30,.4);
}
button:hover,.btn:hover{filter:brightness(1.07)}

/* кнопки-ссылки внутри карточек: правило .card a красило текст в маджентовый —
   на мадженте он не читался, поэтому возвращаем светлый */
.card a.btn, .card a.btn:visited,
a.btn, a.btn:visited,
button{color:#fff8fd}
.card a.btn:hover, a.btn:hover, button:hover{color:#ffffff}
.card a.btn{text-decoration:none}

/* сообщения */
.ok{background:#dff2e2;border-color:var(--green);color:#1f4a2a}
.err{background:#ffd9e8;border-color:var(--red);color:#7a1038}

/* таблицы */
th,td{border-bottom:1px solid rgba(90,42,140,.30)}
th{color:var(--ink)}
tbody tr:nth-child(odd){background:rgba(122,31,208,.06)}
tbody tr:hover{background:rgba(216,27,140,.10)}
.tabs{border-bottom-color:rgba(122,31,208,.5)}
.tabs a.active{background:#f8f3ff;border-color:var(--frame)}
.card a{color:#a0157a}
.card a:hover{color:#d81b8c}
.card code{background:rgba(122,31,208,.10);color:#4a1a72}

/* база мобов */
table.mobs th{border-bottom-color:rgba(90,42,140,.6)}
table.mobs td{border-bottom-color:rgba(90,42,140,.25)}
table.mobs tbody tr[data-id]:hover td{background:#efe0ff;color:#241046}
table.mobs .drow td{background:#e7d9ff;color:var(--ink);border-bottom-color:rgba(90,42,140,.55)}
table.mobs .drow .mdetail{color:var(--ink)}
table.mobs .drow .mdetail b{color:#7a1fd0}
table.mobs .drow .mdetail .iid{color:#8a6bb0}
.mdetail a{color:#a0157a}

/* карточка предмета */
table.kv th,table.kv td{border-bottom-color:rgba(90,42,140,.28)}
.iid{color:#8a6bb0}

/* бейдж онлайна */
.onbadge{border-color:var(--frame);color:#e6d6ff;background:rgba(20,8,36,.55)}
.onbadge.good{color:#bff3c4;border-color:#4f8a5a;background:rgba(24,60,36,.45)}
.onbadge.bad{color:#ffb3d0;border-color:#c2185b;background:rgba(70,8,34,.5)}

/* главная: список патчей */
.news-list li{border-bottom-color:rgba(122,31,208,.35)}
.news-list a{color:#a0157a}

footer{color:#bda9dc;border-top:1px solid rgba(122,31,208,.35)}
footer a{color:#e9d7ff}

/* «частые проблемы» на /download */
table.gmcmds td.cmd{color:#a0157a}

/* --- шрифты: Forum для заголовков, PT Serif для текста (кириллица есть) --- */
body{font-family:'PT Serif',Georgia,'Times New Roman',serif}
h1,h2,h3,.topnav .brand,.btn,button,.tabs a,.chips span,footer .brand{font-family:'Forum',Georgia,'Times New Roman',serif;font-weight:400}

/* активный пункт меню */
.topnav a.active{color:#ff6fc0;border-bottom-color:#ff6fc0}

/* чипы с рейтами под подзаголовком */
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0 6px}
.chips span{border:1px solid rgba(216,27,140,.55);background:rgba(20,8,36,.55);color:#f2e6ff;font-size:13px;letter-spacing:1px;padding:4px 12px;border-radius:14px}

/* «как начать» — три шага */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:26px auto;padding:0 16px}
.step3{background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--frame);outline:1px solid #1b0b2e;outline-offset:-6px;border-radius:4px;padding:16px 18px;box-shadow:0 10px 26px rgba(0,0,0,.5)}
.step3 b{display:block;font-family:'Forum',serif;font-size:32px;line-height:1;color:#a0157a;margin-bottom:6px}
.step3 h3{margin:0 0 6px;font-size:16px;color:#241046;text-transform:none;letter-spacing:0;text-align:left}
.step3 p{margin:0;font-size:14px;color:#4a2a6e;line-height:1.45}

/* возможности сервера */
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:920px;margin:0 auto;padding:0 16px}
.feat{background:linear-gradient(180deg,var(--parch),var(--parch2));border:3px solid var(--frame);outline:1px solid #1b0b2e;outline-offset:-6px;border-radius:4px;padding:16px 18px;box-shadow:0 10px 26px rgba(0,0,0,.5)}
.feat h3{margin:0 0 6px;font-size:16px;color:#241046;text-transform:none;letter-spacing:0;text-align:left}
.feat p{margin:0;font-size:14px;color:#4a2a6e;line-height:1.45}

/* футер: колонки со ссылками */
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:0 auto 16px;text-align:left;padding:0 16px}
.foot-cols h4{margin:0 0 6px;color:#e9d7ff;font-family:'Forum',serif;font-size:15px;letter-spacing:1px;text-transform:none}
.foot-cols a{display:block;font-size:13px;color:#c9b6e6;text-decoration:none;padding:2px 0}
.foot-cols a:hover{color:#ff6fc0}
.foot-legal{margin:10px 0 0;font-size:12px;color:#8f7aa8}

@media (max-width:820px){
  .steps3{grid-template-columns:1fr}
  .feats{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
}
/* логотип сервера */
.brandmark{height:26px;width:auto;vertical-align:-6px;margin-right:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.hero-logo{display:block;margin:0 auto 16px;height:118px;width:auto;filter:drop-shadow(0 10px 26px rgba(0,0,0,.65))}
/* плашка «alpha-test» у названия сервера */
.alpha-badge{display:inline-block;vertical-align:middle;margin-left:10px;padding:2px 9px;
  border:1px solid #ff5db1;border-radius:10px;background:rgba(216,27,140,.18);color:#ffb3d8;
  font-family:'PT Serif',Georgia,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;
  line-height:1.5;white-space:nowrap}
.hero-alpha{font-size:14px;padding:4px 12px;margin-left:16px;vertical-align:middle;position:relative;top:-16px;
  text-shadow:none;letter-spacing:3px}
@media (max-width:820px){
  .alpha-badge{font-size:10px;padding:1px 7px;margin-left:6px}
  .hero-alpha{font-size:12px;top:-6px;margin-left:10px}
}
/* --- типографика: интерфейс — чистый sans, характер остаётся только в названии --- */
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:15.5px;line-height:1.6}
h2,h3,h4,.btn,button,.tabs a,.chips span,.step3 h3,.feat h3,table th,
.foot-cols h4,.alpha-badge,.onbadge,.navsearch button{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;font-weight:600}
.topnav .brand,.hero h1{font-family:'Forum',Georgia,'Times New Roman',serif;font-weight:400}
h2{letter-spacing:1px}
.hero h1{letter-spacing:5px}
.btn,button{letter-spacing:1px}
/* --- шрифт из клиента: System/Font/SCDream4.otf и SCDream6.otf (кириллица есть) --- */
@font-face{font-family:'SCDream';font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/fonts/scdream4.woff2) format('woff2')}
@font-face{font-family:'SCDream';font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/fonts/scdream6.woff2) format('woff2')}

body{font-family:'SCDream','Segoe UI',system-ui,Roboto,Arial,sans-serif;font-size:15px;line-height:1.6}
h1,h2,h3,h4,.btn,button,.tabs a,.topnav .brand,.chips span,table th,.foot-cols h4,
.alpha-badge,.onbadge,.navsearch button,.step3 h3,.feat h3{
  font-family:'SCDream','Segoe UI',system-ui,Roboto,Arial,sans-serif;font-weight:600}
.hero h1{letter-spacing:4px;font-weight:600}
/* логотип-ссылка на главную: ведёт себя как логотип, а не как пункт меню */
.topnav a.brand{color:#f6ecff;text-decoration:none;border-bottom:0;padding:0;display:flex;align-items:center}
.topnav a.brand:hover{color:#f6ecff;border-bottom-color:transparent}
.topnav a.brand:hover .brandmark{filter:drop-shadow(0 0 8px rgba(255,93,177,.8))}
.topnav a.brand:focus-visible{outline:2px solid #ff5db1;outline-offset:4px;border-radius:4px}
/* заголовки секций вне карточек — светлые, иначе тёмный текст теряется на фоне */
h2.sec{color:#f6ecff;border:0;text-shadow:0 2px 0 rgba(20,6,34,.85), 0 0 18px rgba(216,27,140,.35)}
h2.sec::after{content:"";display:block;width:180px;height:2px;margin:10px auto 0;
  background:linear-gradient(90deg,transparent,#ff5db1,#f6ecff,#ff5db1,transparent)}
/* подзаголовок без курсива */
.sub{font-style:normal;letter-spacing:.4px}