/* site/phpbb/ext/wakaplay/bridge/styles/all/theme/rfnovus.css — forum.wakaplay.site (phpBB, prosilver) in the look of
   wakaplay.site (static/style.css): FANTASY like the in-game UI — dark leather in a double gold frame, gilded Palatino
   titles, every other text in Lucida Console (the client's two fonts), engraved plaque buttons. Loaded after prosilver
   by the bridge's template event; selectors start with "html body" to win over prosilver's colours.css. */
:root {
  --wk-bg: #120c08; --wk-leather: #1d140e; --wk-leather2: #2a1d14;
  --wk-gold: #e3b45c; --wk-gold-l: #fff1c8; --wk-gold-d: #a8742c;
  --wk-ink: #f2e6cc; --wk-dim: #b09a76; --wk-blood: #c8432f; --wk-line: rgba(227, 180, 92, .16);
  --wk-title: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", serif;
  --wk-text: "Lucida Console", "Lucida Sans Typewriter", Monaco, "PT Mono", monospace;
}
html, html body {
  color: var(--wk-ink); font-family: var(--wk-text); font-size: 13px;
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(227, 180, 92, .12), transparent 60%),
    radial-gradient(900px 600px at 0% 0%, rgba(200, 67, 47, .10), transparent 60%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, .012) 0 2px, transparent 2px 7px),
    var(--wk-bg) fixed;
}
html body { padding: 10px 0 24px; }
html body h1, html body h2, html body h3, html body h4 { font-family: var(--wk-title); color: var(--wk-gold); }
html body a, html body a:visited { color: var(--wk-gold); }
html body a:hover, html body a:focus { color: var(--wk-gold-l); text-decoration: none; }
html body .wrap {
  max-width: 1240px; padding: 0 12px; border: none; background: transparent; box-shadow: none;
}

/* ---------- the site's bar (template event overall_header_navbar_before) */
.wk-top {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 0 0 10px; padding: 9px 14px; border-radius: 6px;
  border: 2px solid var(--wk-gold-d);
  background: linear-gradient(180deg, rgba(42, 29, 20, .97), rgba(22, 15, 10, .97));
  box-shadow: 0 0 0 1px #000, inset 0 0 0 4px rgba(0, 0, 0, .2), inset 0 0 0 5px rgba(227, 180, 92, .25), 0 8px 24px rgba(0, 0, 0, .5);
}
.wk-top a.wk-logo, .wk-top a.wk-logo:visited { display: flex; align-items: center; gap: 10px; font: 700 21px var(--wk-title); letter-spacing: .08em; color: var(--wk-gold-l); white-space: nowrap; }
.wk-top .wk-logo b { color: var(--wk-gold); }
.wk-medal { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff1c8, var(--wk-gold) 45%, var(--wk-gold-d) 80%); box-shadow: 0 0 0 1px #000, 0 3px 6px rgba(0, 0, 0, .6); }
.wk-medal img { width: 31px; height: 31px; border-radius: 50%; object-fit: cover; background: #1a110a; }
.wk-top nav { display: flex; gap: 2px; flex-wrap: wrap; margin-right: auto; }
.wk-top nav a, .wk-top nav a:visited { position: relative; padding: 6px 10px; color: var(--wk-dim); font: 400 14px var(--wk-text); white-space: nowrap; }
.wk-top nav a::after { content: "◆"; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%) scale(0); font-size: 8px; color: var(--wk-gold); transition: transform .2s; }
.wk-top nav a:hover { color: var(--wk-gold-l); }
.wk-top nav a:hover::after, .wk-top nav a.on::after { transform: translateX(-50%) scale(1); }
.wk-top nav a.on { color: var(--wk-gold); }

/* ---------- the board's own header: the forum's name and search on leather */
html body .headerbar {
  margin: 0 0 8px; padding: 14px 18px; border-radius: 6px; border: 2px solid var(--wk-gold-d);
  background: radial-gradient(ellipse at 30% 0%, rgba(255, 200, 120, .10), transparent 60%), linear-gradient(180deg, var(--wk-leather2), var(--wk-leather));
  box-shadow: 0 0 0 1px #000, inset 0 0 0 5px rgba(0, 0, 0, .25), inset 0 0 0 6px rgba(227, 180, 92, .25), 0 10px 26px rgba(0, 0, 0, .5);
}
html body .site-description .site_logo { display: none; }
html body .site-description h1 {
  margin: 0 0 2px; font: 700 28px var(--wk-title); letter-spacing: .05em; color: var(--wk-gold);
  text-shadow: 0 2px 0 #000, 0 0 14px rgba(227, 180, 92, .3);
}
html body .site-description p { color: var(--wk-dim); font-family: var(--wk-text); }
html body .search-header { box-shadow: none; border-radius: 4px; }
html body .search-header .inputbox, html body .search-header .button { border-color: var(--wk-gold-d); }

/* ---------- the navigation strip (Ссылки, FAQ, Вход, the breadcrumbs) */
html body .navbar {
  border-radius: 6px; padding: 6px 12px; border: 1px solid var(--wk-gold-d);
  background: linear-gradient(180deg, #2a1d14, #1a120c); box-shadow: 0 0 0 1px #000;
}
html body .navbar ul.linklist > li, html body .navbar a { color: var(--wk-dim); }
html body .navbar a:hover { color: var(--wk-gold-l); }
html body ul.navlinks { border-top-color: var(--wk-line); }
html body .crumb a, html body .crumb a:visited { color: var(--wk-gold); font-weight: 400; }
html body .icon { color: var(--wk-gold-d); }
html body .icon.icon-blue, html body a:hover .icon.icon-blue { color: var(--wk-gold); }
html body .icon.icon-red, html body a:hover .icon.icon-red { color: var(--wk-blood); }
html body .dropdown .dropdown-contents, html body .dropdown-container .dropdown {
  background: var(--wk-leather); border-color: var(--wk-gold-d); box-shadow: 0 0 0 1px #000, 0 10px 26px rgba(0, 0, 0, .6);
}
html body .dropdown .pointer, html body .dropdown .pointer-inner { border-color: var(--wk-gold-d) transparent; }
html body .dropdown li { border-top-color: var(--wk-line); }
html body .dropdown li.separator { border-top-color: var(--wk-line); }

/* ---------- blocks of sections and topic lists: a gold-framed panel with a header strip */
html body .forabg, html body .forumbg {
  position: relative; margin-bottom: 18px; padding: 0; border-radius: 6px; border: 2px solid var(--wk-gold-d);
  background: linear-gradient(180deg, var(--wk-leather2), var(--wk-leather) 60%, #160f0a);
  box-shadow: 0 0 0 1px #000, inset 0 0 0 4px rgba(0, 0, 0, .25), inset 0 0 0 5px rgba(227, 180, 92, .22), 0 10px 26px rgba(0, 0, 0, .5);
  overflow: hidden;
}
html body .forabg::before, html body .forumbg::before { content: "❧"; position: absolute; top: 3px; left: 6px; z-index: 2; color: var(--wk-gold); font-size: 17px; line-height: 1; transform: rotate(180deg) scaleX(-1); text-shadow: 0 0 8px rgba(227, 180, 92, .45); pointer-events: none; }
html body .forabg::after, html body .forumbg::after { content: "❧"; position: absolute; bottom: 3px; right: 6px; z-index: 2; color: var(--wk-gold); font-size: 17px; line-height: 1; text-shadow: 0 0 8px rgba(227, 180, 92, .45); pointer-events: none; }
html body ul.topiclist li.header {
  padding: 0; background: linear-gradient(180deg, #3a2817, #22170e); border-bottom: 1px solid var(--wk-gold-d);
}
html body li.header dt, html body li.header dd { color: var(--wk-dim); font: 400 11px var(--wk-text); letter-spacing: .06em; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; }
html body li.header dt { padding-left: 22px; }
html body li.header dt .list-inner > a, html body li.header dt a, html body .forabg li.header dt {
  font: 700 19px var(--wk-title); letter-spacing: .05em; text-transform: none; color: var(--wk-gold);
  text-shadow: 0 2px 0 #000, 0 0 10px rgba(227, 180, 92, .25);
}
html body ul.forums, html body ul.topics { background: transparent; }
html body ul.topiclist li.row {
  background: transparent; border-top: 1px solid var(--wk-line); border-bottom: none;
}
html body ul.topiclist li.row:first-child { border-top: none; }
html body li.row:hover { background: rgba(227, 180, 92, .05); }
html body ul.topiclist li.row dd { border-left-color: var(--wk-line); }
html body ul.topiclist dt, html body ul.topiclist dd { padding-top: 12px; padding-bottom: 12px; }
html body li.row strong { color: var(--wk-ink); }
html body a.forumtitle, html body a.forumtitle:visited { font: 400 15px var(--wk-text); color: var(--wk-gold-l); }
html body a.topictitle, html body a.topictitle:visited { font: 400 14px var(--wk-text); color: var(--wk-gold-l); }
html body a.forumtitle:hover, html body a.topictitle:hover { color: var(--wk-gold); }
html body .row .list-inner { color: var(--wk-dim); }
html body ul.topiclist dd.posts, html body ul.topiclist dd.topics, html body ul.topiclist dd.views { color: var(--wk-ink); font-family: var(--wk-text); }
html body dd.lastpost, html body dd.lastpost a { color: var(--wk-dim); }
html body dd.lastpost a.lastsubject { color: var(--wk-ink); }
html body .row-item::before { color: var(--wk-gold-d); }
/* the round «read / unread» marks on the left: gold medallions */
/* (row marks: see the medallions below) */
html body li.row.sticky, html body li.row.announce { box-shadow: inset 3px 0 0 var(--wk-gold); }
html body .bg1, html body .bg2, html body .bg3 { background-color: transparent; }

/* ---------- panels, posts */
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(--wk-ink); border-radius: 6px; border: 1px solid var(--wk-gold-d);
  background: linear-gradient(180deg, var(--wk-leather2), var(--wk-leather) 70%);
  box-shadow: 0 0 0 1px #000, inset 0 0 0 4px rgba(0, 0, 0, .2), 0 6px 18px rgba(0, 0, 0, .45);
}
html body .post { margin-bottom: 10px; padding: 12px 14px; }
html body .postprofile { border-left-color: var(--wk-line); color: var(--wk-dim); }
html body .postprofile .username, html body .postprofile .username-coloured { font: 700 14px var(--wk-text); }
html body .postprofile dd, html body .postprofile dt { color: var(--wk-dim); }
html body .postbody h3, html body .postbody h3 a, html body .postbody h3 a:visited { font: 700 18px var(--wk-title); color: var(--wk-gold); }
html body .author, html body .author a { color: var(--wk-dim); }
html body .content { color: var(--wk-ink); font: 400 14px/1.7 var(--wk-text); }
html body .content a.postlink, html body .content a.postlink:visited { color: var(--wk-gold); border-bottom: 1px dotted rgba(227, 180, 92, .5); }
html body .content a.postlink:hover { color: var(--wk-gold-l); }
html body .content img.postimage { vertical-align: middle; }
html body .content .wk-h2, html body .content .wk-h3 {
  display: block; margin: 14px 0 4px; padding: 0 0 4px; border-bottom: 1px solid var(--wk-line);
  font: 700 21px var(--wk-title); color: var(--wk-gold); text-transform: none; text-shadow: 0 2px 0 #000, 0 0 10px rgba(227, 180, 92, .2);
}
html body .content .wk-h3 { font-size: 17px; border-bottom: none; }
html body .content .wk-h2 + br, html body .content .wk-h3 + br, html body .content .wk-table + br, html body .content ul + br, html body .content ol + br { display: none; }
html body .content .wk-table { overflow-x: auto; margin: 6px 0 10px; }
html body .content .wk-table table { border-collapse: collapse; border: 1px solid var(--wk-gold-d); box-shadow: 0 0 0 1px #000; }
html body .content .wk-table th { color: var(--wk-gold); background: linear-gradient(#2e2016, #1d140e); border-bottom: 1px solid var(--wk-gold-d); font-weight: 400; text-align: left; }
html body .content .wk-table td, html body .content .wk-table th { padding: 5px 10px; border: 1px solid rgba(227, 180, 92, .18); vertical-align: middle; }
html body .content .wk-table tr:nth-child(even) td { background: rgba(255, 255, 255, .02); }
html body .content .wk-code { padding: 1px 4px; border-radius: 3px; background: rgba(0, 0, 0, .35); color: var(--wk-gold-l); font: inherit; }
html body .content .wk-details { margin-top: 10px; padding: 6px 12px; border: 1px solid rgba(227, 180, 92, .25); border-radius: 4px; background: rgba(0, 0, 0, .22); }
html body .content .wk-details > summary { color: var(--wk-gold); cursor: pointer; }
html body .content ul, html body .content ol { margin: 4px 0 8px 2em; }
html body blockquote, html body .codebox { background: rgba(0, 0, 0, .25); border-color: var(--wk-gold-d); color: var(--wk-ink); }
html body blockquote blockquote { background: rgba(0, 0, 0, .2); }
html body blockquote cite { color: var(--wk-gold); }
html body .codebox code { color: var(--wk-gold-l); }
html body .signature { border-top-color: var(--wk-line); color: var(--wk-dim); }
html body hr, html body .divider { border-color: var(--wk-line); }
html body .post-buttons .button { background: transparent; border-color: transparent; box-shadow: none; }

/* ---------- buttons, pagination, forms */
html body .button, html body a.button, html body input.button1, html body input.button2, html body .button-secondary {
  color: var(--wk-ink); font-family: var(--wk-text); text-shadow: 0 1px 0 #000;
  border: 1px solid var(--wk-gold); background: linear-gradient(#6b4a22, #3b2610);
  box-shadow: inset 0 1px 0 rgba(255, 230, 170, .35), 0 2px 0 #000;
}
html body .button:hover, html body .button:focus, html body input.button1:hover, html body input.button2:hover {
  color: var(--wk-gold-l); border-color: var(--wk-gold-l); background: linear-gradient(#80592a, #4a3014);
}
html body .button .icon, html body .button:hover .icon { color: var(--wk-gold-l); }
html body .pagination li a, html body .pagination li span { color: var(--wk-ink); border-color: var(--wk-gold-d); background: linear-gradient(#2e2016, #1d140e); }
html body .pagination li.active span { color: #1a110a; background: linear-gradient(#f3d58c, var(--wk-gold) 55%, var(--wk-gold-d)); border-color: var(--wk-gold); }
html body .pagination li a:hover { color: var(--wk-gold-l); background: linear-gradient(#3b2a1c, #241910); }
html body .inputbox, html body input.inputbox, html body textarea.inputbox, html body select, html body input, html body textarea {
  color: var(--wk-ink); background: #140d09; border-color: rgba(227, 180, 92, .35); font-family: var(--wk-text);
}
html body .inputbox:focus, html body .inputbox:hover { border-color: var(--wk-gold); }
html body fieldset dl:hover dt label { color: var(--wk-gold-l); }
html body label { color: var(--wk-ink); }
html body .action-bar, html body .topic-actions { color: var(--wk-dim); }

/* ---------- headings of a section / topic page, stats, footer */
html body h2.forum-title, html body h2.topic-title, html body .page-body > h2, html body h2 {
  font: 700 26px var(--wk-title); color: var(--wk-gold); text-shadow: 0 2px 0 #000, 0 0 12px rgba(227, 180, 92, .25);
}
html body h2.forum-title a, html body h2.topic-title a { color: inherit; }
html body .stat-block h3, html body .stat-block h3 a { font: 700 16px var(--wk-title); color: var(--wk-gold); border-bottom-color: var(--wk-line); }
html body .stat-block p { color: var(--wk-dim); }
html body p.time, html body .responsive-center.time { color: var(--wk-dim); }
html body .page-footer .navbar { margin-top: 14px; }
html body .copyright, html body .copyright a { color: var(--wk-dim); }
html body .copyright .footer-row:first-child a { color: var(--wk-dim); }
html body .jumpbox-cat-link, html body .jumpbox-forum-link { color: var(--wk-ink); }
html body .error, html body p.error { color: var(--wk-blood); }

/* the board's own password form never shows: the login is through wakaplay.site (game account) */
html body form.headerspace:has(.quick-login) { display: none; }

/* ---------- phones */
@media (max-width: 700px) {
  .wk-top { gap: 8px; }
  .wk-top nav a { padding: 5px 7px; font-size: 13px; }
  html body .site-description h1 { font-size: 22px; }
  html body li.header dt .list-inner > a, html body li.header dt a { font-size: 17px; }
}

/* ---------- pictures inside lists and tables: the site's sizes (static/style.css .content td img …) */
html body .content li img.postimage, html body .content td img.postimage {
  display: inline-block; width: 36px; height: 36px; margin: -4px 6px 0 0; vertical-align: middle; object-fit: contain;
  background: #0d0806; border: 1px solid #4a3520; border-radius: 3px;
}
html body .content td img.postimage[src*="/img/mon3d/"] { width: 64px; height: 64px; }
html body .content li img.postimage[src*="/img/mon3d/"] { width: 72px; height: 72px; margin: 2px 8px 2px 0; }
html body .content td img.postimage[src*="/img/maps/"] { width: 120px; height: 76px; object-fit: cover; }
html body .content li img.postimage[src*="/img/maps/"] { width: 150px; height: 96px; object-fit: cover; margin: 4px 10px 4px 0; }
html body .content > img.postimage { max-width: 100%; max-height: 460px; border-radius: 3px; }

/* ---------- the read / unread marks of sections and topics: gold medallions instead of prosilver's blue rings */
html body dl.row-item { background-image: none !important; position: relative; }
html body dl.row-item::after {
  content: ""; position: absolute; left: 13px; top: 50%; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #6b5536, #4a3a24 45%, #2a2016 80%); box-shadow: 0 0 0 1px #000, inset 0 0 0 1px rgba(227, 180, 92, .35);
}
html body dl.row-item[class*="_unread"]::after {
  background: radial-gradient(circle at 35% 30%, #fff1c8, var(--wk-gold) 45%, var(--wk-gold-d) 80%); box-shadow: 0 0 0 1px #000, 0 0 10px rgba(227, 180, 92, .5);
}
html body dl.row-item[class*="locked"]::after { background: radial-gradient(circle at 35% 30%, #5a4a3a, #3a2c20 60%, #22180f); }
html body dl.row-item[class*="sticky"]::after, html body dl.row-item[class*="announce"]::after { border-radius: 3px; transform: rotate(45deg) scale(.82); }
html body li.header dl.row-item::after { display: none; }   /* not on the block title row */