/* site/phpbb/ext/wakaplay/bridge/styles/all/theme/space.css — the WAKA PLAY look (owner 08.11: «массивный металлический
   шрифт, золотая энергетика, футуристическая символика и космическая атмосфера», after the owner's logo).
   A layer over rfnovus.css (same layout): deep-space background with stars and nebulae, dark steel-glass panels with
   gold energy edges and angular corner brackets, titles in Russo One (massive, metallic), text stays Lucida Console. */
:root {
  --sp-bg: #04060c; --sp-panel: rgba(12, 17, 32, .88); --sp-panel2: rgba(22, 30, 52, .9);
  --sp-steel: #8d98ad; --sp-steel-l: #eef2f8; --sp-steel-d: #4a5468;
  --sp-gold: #f2b941; --sp-gold-l: #fff3c4; --sp-gold-d: #a8742c;
  --sp-energy: #4aa8ff; --sp-ink: #e2e8f2; --sp-dim: #8d99ae; --sp-line: rgba(141, 152, 173, .18);
  --sp-head: "Russo One", "Arial Black", Impact, sans-serif;
  --wk-gold: var(--sp-gold); --wk-gold-l: var(--sp-gold-l); --wk-gold-d: var(--sp-gold-d);
  --wk-ink: var(--sp-ink); --wk-dim: var(--sp-dim); --wk-line: var(--sp-line);
}

/* ---------- space: stars in three layers, a blue nebula, gold haze, the rim of a planet */
html, html body {
  color: var(--sp-ink);
  background:
    radial-gradient(1.2px 1.2px at 12% 18%, #fff 50%, transparent 51%) 0 0 / 230px 230px,
    radial-gradient(1px 1px at 63% 72%, rgba(255, 255, 255, .8) 50%, transparent 51%) 0 0 / 170px 170px,
    radial-gradient(1.6px 1.6px at 40% 40%, rgba(180, 210, 255, .9) 50%, transparent 51%) 0 0 / 310px 310px,
    radial-gradient(1px 1px at 85% 25%, rgba(255, 240, 200, .7) 50%, transparent 51%) 0 0 / 120px 120px,
    radial-gradient(circle at 96% -8%, transparent 0 330px, rgba(120, 170, 255, .35) 332px, rgba(60, 100, 180, .12) 345px, transparent 380px),
    radial-gradient(circle at 96% -8%, rgba(40, 60, 110, .55) 0 330px, transparent 331px),
    radial-gradient(ellipse 900px 520px at 78% 8%, rgba(74, 168, 255, .16), transparent 70%),
    radial-gradient(ellipse 800px 500px at 8% 30%, rgba(242, 185, 65, .08), transparent 70%),
    radial-gradient(ellipse 900px 600px at 50% 110%, rgba(110, 70, 200, .14), transparent 70%),
    var(--sp-bg);
  background-attachment: fixed;
}
html body h1, html body h2, html body h3, html body h4 { font-family: var(--sp-head); font-weight: 400; color: var(--sp-steel-l); }
html body a, html body a:visited { color: var(--sp-gold); }
html body a:hover, html body a:focus { color: var(--sp-gold-l); }

/* metallic titles: silver with a dark edge and a gold glow */
@supports (-webkit-background-clip: text) or (background-clip: text) {
  html body h2.forum-title, html body h2.topic-title, html body .page-body > h2,
  html body li.header dt .list-inner > a, html body li.header dt a,
  html body .content .wk-h2, html body .content .wk-h3 {
    color: transparent !important;
    background: linear-gradient(180deg, #ffffff 0%, #dfe4ec 38%, #7d8698 52%, #f4f6fa 66%, #9aa3b4 100%);
    -webkit-background-clip: text; background-clip: text;
    text-shadow: none; filter: drop-shadow(0 2px 0 #000) drop-shadow(0 0 8px rgba(242, 185, 65, .35));
  }
}
html body h2.forum-title, html body h2.topic-title, html body .page-body > h2 { font: 400 28px var(--sp-head); letter-spacing: .02em; }
html body li.header dt .list-inner > a, html body li.header dt a, html body .forabg li.header dt { font: 400 20px var(--sp-head); letter-spacing: .03em; }
html body .content .wk-h2 { font: 400 22px var(--sp-head); border-bottom-color: var(--sp-line); }
html body .content .wk-h3 { font: 400 17px var(--sp-head); }

/* ---------- the bar on top: dark steel, gold edge, a blue energy line under it */
.wk-top {
  position: relative; border: 1px solid var(--sp-steel-d); border-radius: 4px;
  background: linear-gradient(180deg, rgba(30, 38, 62, .95), rgba(10, 14, 26, .95));
  box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 2px rgba(242, 185, 65, .25), 0 10px 30px rgba(0, 0, 0, .6);
}
.wk-top::after {
  content: ""; position: absolute; left: 6%; right: 6%; bottom: -2px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--sp-energy), var(--sp-gold), var(--sp-energy), transparent);
  box-shadow: 0 0 10px var(--sp-energy); pointer-events: none;
}
.wk-top a.wk-logo, .wk-top a.wk-logo:visited { font: 400 22px var(--sp-head); letter-spacing: .04em; color: var(--sp-steel-l); }
.wk-top .wk-logo b { color: var(--sp-gold); text-shadow: 0 0 10px rgba(242, 185, 65, .6); }
.wk-top img.wk-logo-img { display: block; height: 54px; width: auto; margin: -8px 0; filter: drop-shadow(0 0 8px rgba(242, 185, 65, .35)); }
.wk-top nav a, .wk-top nav a:visited { color: var(--sp-dim); text-transform: uppercase; font: 400 13px var(--sp-head); letter-spacing: .06em; }
.wk-top nav a:hover { color: var(--sp-steel-l); }
.wk-top nav a.on { color: var(--sp-gold); text-shadow: 0 0 10px rgba(242, 185, 65, .55); }
.wk-top nav a::after { content: ""; width: 70%; height: 2px; bottom: -2px; background: linear-gradient(90deg, transparent, var(--sp-gold), transparent); transform: translateX(-50%) scaleX(0); }
.wk-top nav a:hover::after, .wk-top nav a.on::after { transform: translateX(-50%) scaleX(1); }
.wk-search input { background: rgba(4, 6, 12, .85); border-color: var(--sp-steel-d); color: var(--sp-ink); }
.wk-search input:focus { border-color: var(--sp-gold); box-shadow: 0 0 0 1px rgba(242, 185, 65, .4); }
.wk-search button { border-color: var(--sp-gold-d); background: linear-gradient(180deg, #3a4560, #1a2034); color: var(--sp-gold); }
.wk-search button:hover { background: linear-gradient(180deg, #4a5878, #222a44); color: var(--sp-gold-l); }

/* ---------- the thin strip under it */
html body .navbar {
  border: 1px solid var(--sp-line); border-radius: 4px; background: rgba(10, 14, 26, .8); box-shadow: 0 0 0 1px #000;
}
html body .navbar ul.linklist > li, html body .navbar a { color: var(--sp-dim); }
html body .crumb a, html body .crumb a:visited { color: var(--sp-gold); }
html body .icon { color: var(--sp-steel); }
html body .dropdown .dropdown-contents, html body .dropdown-container .dropdown {
  background: rgba(12, 17, 32, .97); border-color: var(--sp-steel-d); box-shadow: 0 0 0 1px #000, 0 12px 30px rgba(0, 0, 0, .7);
}
html body .dropdown .pointer, html body .dropdown .pointer-inner { border-color: var(--sp-steel-d) transparent; }

/* ---------- blocks and panels: steel glass, gold energy edge, angular corner brackets instead of ❧ */
html body .forabg, html body .forumbg {
  border: 1px solid var(--sp-steel-d); border-radius: 4px;
  background: linear-gradient(180deg, var(--sp-panel2), var(--sp-panel) 40%, rgba(6, 9, 18, .92));
  box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 2px rgba(242, 185, 65, .18), 0 12px 32px rgba(0, 0, 0, .6);
  backdrop-filter: blur(2px);
}
html body .forabg::before, html body .forumbg::before, html body .forabg::after, html body .forumbg::after {
  content: ""; width: 18px; height: 18px; transform: none; text-shadow: none; z-index: 3;
  border: 2px solid var(--sp-gold); filter: drop-shadow(0 0 4px rgba(242, 185, 65, .7));
}
html body .forabg::before, html body .forumbg::before { top: -1px; left: -1px; border-right: none; border-bottom: none; }
html body .forabg::after, html body .forumbg::after { bottom: -1px; right: -1px; border-left: none; border-top: none; }
html body ul.topiclist li.header {
  position: relative; background: linear-gradient(180deg, rgba(48, 58, 88, .9), rgba(18, 24, 42, .9)); border-bottom: 1px solid var(--sp-steel-d);
}
html body ul.topiclist li.header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--sp-energy) 20%, var(--sp-gold) 50%, var(--sp-energy) 80%, transparent);
  box-shadow: 0 0 8px var(--sp-energy);
}
html body li.header dt, html body li.header dd { color: var(--sp-dim); font: 400 11px var(--wk-text); letter-spacing: .06em; }   /* Russo One is too wide for the column labels */
html body ul.topiclist li.row { border-top-color: var(--sp-line); }
html body li.row:hover { background: linear-gradient(90deg, rgba(242, 185, 65, .07), rgba(74, 168, 255, .04)); }
html body ul.topiclist li.row dd { border-left-color: var(--sp-line); }
html body li.row strong { color: var(--sp-steel-l); }
html body a.forumtitle, html body a.forumtitle:visited { font: 400 16px var(--sp-head); letter-spacing: .02em; color: var(--sp-steel-l); }
html body a.topictitle, html body a.topictitle:visited { color: var(--sp-steel-l); }
html body a.forumtitle:hover, html body a.topictitle:hover { color: var(--sp-gold); text-shadow: 0 0 10px rgba(242, 185, 65, .45); }
html body ul.topiclist dd.posts, html body ul.topiclist dd.topics, html body ul.topiclist dd.views { color: var(--sp-steel-l); font: 400 15px var(--sp-head); }
html body li.row.sticky, html body li.row.announce { box-shadow: inset 3px 0 0 var(--sp-gold), inset 6px 0 12px -6px rgba(242, 185, 65, .6); }

/* read / unread marks: energy cores — steel when read, a glowing gold core when there is something new */
html body dl.row-item::after {
  border-radius: 50%; background: radial-gradient(circle at 40% 35%, #c5ccd8, #5b6578 50%, #1c2232 80%);
  box-shadow: 0 0 0 1px #000, 0 0 0 3px rgba(141, 152, 173, .25);
}
html body dl.row-item[class*="_unread"]::after {
  background: radial-gradient(circle at 40% 35%, #fff8dc, var(--sp-gold) 45%, #8a5a16 80%);
  box-shadow: 0 0 0 1px #000, 0 0 0 3px rgba(242, 185, 65, .3), 0 0 14px rgba(242, 185, 65, .8);
}
html body dl.row-item[class*="sticky"]::after, html body dl.row-item[class*="announce"]::after { border-radius: 3px; transform: rotate(45deg) scale(.8); }

/* [RU] / [ENG] subsections: steel chips with a gold edge */
html body a.subforum, html body a.subforum:visited { border-color: var(--sp-gold-d); background: linear-gradient(180deg, #2a3350, #151b2e); color: var(--sp-steel-l); }
html body a.subforum:hover { color: #0a0d16; background: linear-gradient(180deg, #fff3c4, var(--sp-gold) 55%, var(--sp-gold-d)); box-shadow: 0 0 10px rgba(242, 185, 65, .6); }

/* posts and panels */
html body .panel, html body .post, html body .bg1.post, html body .bg2.post, html body .stat-block, html body .forum-rules, html body .content .notice {
  color: var(--sp-ink); border: 1px solid var(--sp-steel-d); border-radius: 4px;
  background: linear-gradient(180deg, var(--sp-panel2), var(--sp-panel) 60%);
  box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 22px rgba(0, 0, 0, .55);
}
html body .postprofile { border-left-color: var(--sp-line); color: var(--sp-dim); }
html body .postbody h3, html body .postbody h3 a, html body .postbody h3 a:visited { font: 400 18px var(--sp-head); color: var(--sp-steel-l); }
html body .content { color: var(--sp-ink); }
html body .content a.postlink, html body .content a.postlink:visited { color: var(--sp-gold); border-bottom-color: rgba(242, 185, 65, .45); }
html body .content .wk-table table { border-color: var(--sp-steel-d); }
html body .content .wk-table th { color: var(--sp-gold); background: linear-gradient(180deg, #2a3350, #151b2e); border-bottom-color: var(--sp-gold-d); font-family: var(--sp-head); font-weight: 400; }
html body .content .wk-table td, html body .content .wk-table th { border-color: var(--sp-line); }
html body .content .wk-code { background: rgba(0, 0, 0, .45); color: var(--sp-gold-l); }
html body .content li img.postimage, html body .content td img.postimage { background: #070a14; border-color: var(--sp-steel-d); }
html body .content .wk-details { border-color: var(--sp-line); background: rgba(0, 0, 0, .3); }
html body blockquote, html body .codebox { background: rgba(0, 0, 0, .3); border-color: var(--sp-steel-d); }
html body .stat-block h3, html body .stat-block h3 a { font: 400 15px var(--sp-head); color: var(--sp-steel-l); border-bottom-color: var(--sp-line); }

/* buttons: steel plates with a gold edge, glow on hover */
html body .button, html body a.button, html body input.button1, html body input.button2, html body .button-secondary {
  color: var(--sp-steel-l); font-family: var(--sp-head); font-weight: 400; letter-spacing: .03em;
  border: 1px solid var(--sp-gold-d); background: linear-gradient(180deg, #3a4560, #1a2034);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 0 #000;
}
html body .button:hover, html body .button:focus, html body input.button1:hover, html body input.button2:hover {
  color: var(--sp-gold-l); border-color: var(--sp-gold); background: linear-gradient(180deg, #4a5878, #222a44); box-shadow: 0 0 12px rgba(242, 185, 65, .45);
}
html body .button .icon, html body .button:hover .icon { color: var(--sp-gold); }
html body .pagination li a, html body .pagination li span { color: var(--sp-steel-l); border-color: var(--sp-steel-d); background: linear-gradient(180deg, #2a3350, #151b2e); }
html body .pagination li.active span { color: #0a0d16; background: linear-gradient(180deg, #fff3c4, var(--sp-gold) 55%, var(--sp-gold-d)); border-color: var(--sp-gold); }
html body .inputbox, html body input.inputbox, html body textarea.inputbox, html body select, html body input, html body textarea {
  color: var(--sp-ink); background: rgba(4, 6, 12, .85); border-color: var(--sp-steel-d);
}
html body .inputbox:focus, html body .inputbox:hover { border-color: var(--sp-gold); }
html body p.time, html body .responsive-center.time, html body .copyright, html body .copyright a { color: var(--sp-dim); }
* { scrollbar-color: var(--sp-steel-d) #04060c; }

/* ---------- the owner's logo in the bar (no big banner: owner 08.11 «картинка большая не нужна») */
.wk-top a.wk-logo { padding: 0; }
.wk-top img.wk-logo-img { height: 58px; width: auto; margin: -10px 0 -10px -4px; }
@media (max-width: 700px) { .wk-top img.wk-logo-img { height: 46px; margin: -6px 0; } }
html body li.header dd.posts, html body li.header dd.topics, html body li.header dd.views { font-size: 10px; letter-spacing: 0; white-space: nowrap; }
@media (max-width: 700px) { html body a.subforum { white-space: normal; } }

/* =====================================================================================================
   EVERY place where prosilver paints a light background (colours.css): popups, tables, tabs, the UCP / MCP,
   quotes, attachments, polls, notices. Dark here, so light text never sits on white (owner 08.11: «текст не видно»).
   ===================================================================================================== */
/* popups («Удалить cookies», confirmations, alerts) and the dim layer under them */
html body .phpbb_alert, html body #phpbb_alert, html body #phpbb_confirm {
  color: var(--sp-ink); border: 1px solid var(--sp-gold-d); border-radius: 4px;
  background: linear-gradient(180deg, #1c2440, #0c1120);
  box-shadow: 0 0 0 1px #000, 0 0 0 2px rgba(242, 185, 65, .25), 0 20px 60px rgba(0, 0, 0, .8);
}
html body .phpbb_alert h3, html body .phpbb_alert .alert_title { color: var(--sp-gold); font: 400 16px var(--sp-head); border-bottom-color: var(--sp-line); }
html body .phpbb_alert p, html body .phpbb_alert .alert_text, html body .phpbb_alert label { color: var(--sp-ink); }
html body .alert_close .icon:before { background-color: #0c1120; border-radius: 50%; }
html body .alert_close .icon { color: var(--sp-gold); }
html body .darken, html body #darken { background-color: #000; opacity: .65; }

/* zebra rows, table1 (members, who is online, the team), row backgrounds */
html body .bg1, html body .bg2, html body .bg3, html body .ucprowbg, html body .fieldsbg,
html body table.zebra-list tr td, html body ul.zebra-list li { background-color: transparent; color: var(--sp-ink); }
html body table.zebra-list tr:nth-child(odd) td, html body ul.zebra-list li:nth-child(odd), html body table.table1 tbody tr:nth-child(odd) td { background-color: rgba(255, 255, 255, .025); }
html body table.table1 thead th { color: var(--sp-dim); font: 400 11px var(--wk-text); letter-spacing: .05em; background: linear-gradient(180deg, rgba(48, 58, 88, .9), rgba(18, 24, 42, .9)); border-bottom: 1px solid var(--sp-steel-d); }
html body table.table1 thead th span { color: var(--sp-dim); }
html body table.table1 td { color: var(--sp-ink); border-color: var(--sp-line); }
html body table.table1 tbody tr:hover, html body table.table1 tbody tr.hover { background-color: rgba(242, 185, 65, .07); color: var(--sp-ink); }
html body table.table1 tbody th { background-color: rgba(18, 24, 42, .9); color: var(--sp-gold); }
html body table.info tbody th, html body dl.details dt { color: var(--sp-dim); }
html body dl.details dd { color: var(--sp-ink); }

/* jumpbox, reported / notice boxes, rules, messages of the board */
html body .jumpbox-forum-link, html body .jumpbox-sub-link { background-color: transparent; color: var(--sp-ink); }
html body .jumpbox-forum-link:hover, html body .jumpbox-sub-link:hover { background-color: rgba(242, 185, 65, .1); color: var(--sp-gold-l); }
html body .jumpbox-cat-link { background: linear-gradient(180deg, #2a3350, #151b2e); color: var(--sp-gold); border-color: var(--sp-steel-d); }
html body .reported, html body li.reported:hover { background-color: rgba(200, 67, 47, .12); }
html body div.rules, html body p.post-notice, html body .post-notice { color: var(--sp-ink); background-color: rgba(200, 67, 47, .12); border-color: rgba(200, 67, 47, .4); }
html body .errorbox { color: #ffd2c8; background-color: rgba(200, 67, 47, .18); border-color: rgba(200, 67, 47, .5); }
html body .successbox { color: #d8f5c8; background-color: rgba(143, 191, 90, .14); border-color: rgba(143, 191, 90, .45); }
html body .warning, html body p.error, html body .error { color: #ff9a86; }
html body .posthilit { background-color: rgba(242, 185, 65, .35); color: #fff; }

/* quotes, code, attachments, polls */
html body blockquote, html body blockquote blockquote, html body blockquote blockquote blockquote { background-color: rgba(0, 0, 0, .3); border-color: var(--sp-steel-d); color: var(--sp-ink); }
html body .codebox { background-color: rgba(0, 0, 0, .4); border-color: var(--sp-steel-d); }
html body .codebox p { border-bottom-color: var(--sp-line); color: var(--sp-dim); }
html body .attachbox, html body .pm-message .attachbox { background-color: rgba(0, 0, 0, .3); border-color: var(--sp-steel-d); color: var(--sp-ink); }
html body dl.thumbnail img { background-color: #070a14; border-color: var(--sp-steel-d); }
html body dl.thumbnail dt a:hover { background-color: rgba(242, 185, 65, .1); }
html body .pollbar1, html body .pollbar2, html body .pollbar3, html body .pollbar4, html body .pollbar5 { background: linear-gradient(180deg, #fff3c4, var(--sp-gold) 55%, var(--sp-gold-d)); border-color: #000; color: #0a0d16; }
html body fieldset.polls dl { border-top-color: var(--sp-line); color: var(--sp-ink); }

/* search results, notifications dropdown */
html body .search-results li:hover, html body .search-results li.active { background-color: rgba(242, 185, 65, .1); border-color: var(--sp-gold-d); }
html body .dropdown-extended ul li { border-top-color: var(--sp-line); color: var(--sp-ink); }
html body .dropdown-extended ul li:hover { background-color: rgba(242, 185, 65, .08); color: var(--sp-ink); }
html body .dropdown-extended .header, html body .dropdown-extended .footer { background: linear-gradient(180deg, #2a3350, #151b2e); color: var(--sp-gold); border-color: var(--sp-steel-d); text-shadow: none; }
html body .dropdown-extended .header a, html body .dropdown-extended .footer a { color: var(--sp-gold-l); }
html body .dropdown-extended a.mark_read { background-color: #151b2e; }
html body .badge { background-color: #c8432f; color: #fff; }
html body .notification_list p.notification-time { color: var(--sp-dim); }

/* UCP / MCP: tabs, side menu, panels, private messages, friends, avatar gallery */
html body .tabs .tab > a { color: var(--sp-dim); background: linear-gradient(180deg, #1e2640, #11172a); border-color: var(--sp-steel-d); }
html body .tabs .tab > a:hover { color: var(--sp-gold-l); background: linear-gradient(180deg, #2a3350, #151b2e); }
html body .tabs .activetab > a, html body .tabs .activetab > a:hover { color: var(--sp-gold); background: linear-gradient(180deg, #2e3858, #1a2136); border-color: var(--sp-gold-d); box-shadow: none; }
html body .minitabs .tab > a { color: var(--sp-dim); background-color: #151b2e; }
html body .minitabs .activetab > a, html body .minitabs .activetab > a:hover { color: var(--sp-gold); background-color: #2a3350; }
html body .navigation a, html body .rtl .navigation a { color: var(--sp-ink); background: linear-gradient(90deg, #1a2136, #11172a); border-color: var(--sp-line); }
html body .navigation a:hover, html body .navigation .active-subsection a, html body .navigation .active-subsection a:hover { color: #0a0d16; background: linear-gradient(90deg, var(--sp-gold), var(--sp-gold-d)); }
html body .panel-container .panel, html body .cp-main .panel { background: linear-gradient(180deg, var(--sp-panel2), var(--sp-panel) 60%); color: var(--sp-ink); }
html body .cp-main .pm-message, html body .cp-main .pm, html body .cp-mini { background-color: rgba(0, 0, 0, .3); border-color: var(--sp-steel-d); color: var(--sp-ink); }
html body .gallery label { background: #11172a; border-color: var(--sp-steel-d); color: var(--sp-ink); }
html body .gallery label:hover { background-color: #1e2640; }
html body fieldset dt, html body fieldset dd, html body fieldset legend, html body dl.inline dd, html body .explain, html body span.genmed { color: var(--sp-ink); }
html body dd label, html body label span { color: var(--sp-ink); }
html body .panel h2, html body .panel h3, html body .content h2, html body .content h3 { color: var(--sp-steel-l); border-bottom-color: var(--sp-line); }
html body .content p, html body .panel p { color: var(--sp-ink); }
html body hr { border-top-color: var(--sp-line); }

/* forms: selects, quick-login inputs, plain buttons */
html body select, html body option { color: var(--sp-ink); background-color: #0c1120; border-color: var(--sp-steel-d); }
html body fieldset.quick-login input.inputbox { background-color: #0c1120; }
html body a.button1, html body input.button3, html body a.button2 { color: var(--sp-steel-l); border-color: var(--sp-gold-d); background: linear-gradient(180deg, #3a4560, #1a2034); }
html body .contact-icons a:hover { background-color: rgba(242, 185, 65, .12); }
html body .contact-icons a { border-color: var(--sp-line); }
html body .postlink:hover { background-color: transparent; }

/* the FAQ, the stats at the bottom */
html body .faq dt strong, html body .faq dt { color: var(--sp-gold); }
html body .faq dd, html body .faq { color: var(--sp-ink); border-color: var(--sp-line); }
html body .stat-block p, html body .stat-block strong { color: var(--sp-ink); }
html body .stat-block p em { color: var(--sp-dim); }
/* prosilver paints some <strong> black: post profiles, search results */
html body .postprofile strong, html body .post strong, html body .panel strong, html body dl strong, html body dd strong, html body .search .postbody strong { color: var(--sp-steel-l); }

/* the bottom of the board: «Кто сейчас на конференции», «Статистика», the footer strip — room from the frame (owner 08.11) */
html body .stat-block { padding: 14px 20px 16px; margin-bottom: 10px; }
html body .stat-block h3 { margin: 0 0 8px; padding: 0 0 6px; }
html body .stat-block p { margin: 0; line-height: 1.7; }
html body .page-footer .navbar { padding: 6px 16px; }
html body .copyright { padding: 10px 12px 18px; line-height: 1.8; }
html body .action-bar.compact, html body .action-bar.bar-bottom { margin-top: 8px; }
html body .panel { padding: 12px 18px; }
html body .panel > .inner > h2, html body .panel > .inner > h3 { margin-top: 2px; }