/* Revival Wiki - design C: stone panels like the Tibia 8.0 client windows, Revival gold */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=VT323&display=swap");
:root{--bg:#2b2b2b;--panel:#4a4a4a;--panel2:#3c3c3c;--inset:#333;--hi:#6c6c6c;--lo:#1c1c1c;--ink:#e2e2e2;--muted:#b4b4b4;--gold:#D4A53C;--gold2:#f0c75e;--link:#9fc4ff;--title:#2e2e2e;--blood:#c0574a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Crect width='6' height='6' fill='%232b2b2b'/%3E%3Crect x='0' y='0' width='1' height='1' fill='%23333'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%23262626'/%3E%3C/svg%3E");color:var(--ink);font:13px/1.55 Verdana,Tahoma,"DejaVu Sans",sans-serif}
a{color:var(--link);text-decoration:none}a:hover{color:#fff;text-decoration:underline}
img.spr{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;margin:-6px 4px -6px 0}
img.sprbig{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}
/* window look: raised stone with title bar */
.win{background:var(--panel);border:1px solid var(--lo);box-shadow:inset 1px 1px 0 var(--hi),inset -1px -1px 0 #2a2a2a}
.wtitle{margin:0;padding:4px 10px;background:var(--title);border-bottom:1px solid var(--lo);color:#fff;font:bold 12px Verdana,Tahoma,sans-serif;text-align:center;letter-spacing:.3px}
#mw-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;background:#1f1f1f;border-bottom:2px solid #555;padding:6px 16px}
#mw-header .brand{display:flex;align-items:center;gap:8px;color:var(--gold);font:700 19px Cinzel,Georgia,serif;letter-spacing:1.5px;white-space:nowrap}
#mw-header .brand span{color:var(--muted);font:12px Verdana,sans-serif;letter-spacing:0}
#mw-header .brand img{height:30px}
#search{position:relative;margin-left:auto;width:min(380px,50vw)}
#q{width:100%;padding:6px 10px;border:1px solid #111;background:var(--inset);color:var(--ink);font:inherit;box-shadow:inset 1px 1px 0 #000}
#qres{position:absolute;left:0;right:0;top:100%;margin:2px 0 0;padding:0;list-style:none;background:var(--panel2);border:1px solid var(--lo);max-height:60vh;overflow:auto;display:none}
#qres li a{display:block;padding:6px 10px;border-bottom:1px solid #2f2f2f}#qres li small{color:var(--muted);margin-left:6px}
.rv-lang{display:flex;gap:12px;align-items:center;padding:0 4px}.rv-lang a{line-height:0;opacity:.75}.rv-lang a:hover,.rv-lang a.active{opacity:1}
.rv-lang a.active img{outline:1px solid var(--gold);outline-offset:1px}.rv-lang img{width:24px;height:16px;display:block}
#google_translate_element,.skiptranslate iframe,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
body{top:0!important}.goog-text-highlight{background:none!important;box-shadow:none!important}
#mw-wrapper{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;max-width:1240px;margin:12px auto;padding:0 16px}
#mw-site-navigation{align-self:start;position:sticky;top:56px}
.portlet{margin-bottom:10px}
.portlet ul{list-style:none;margin:0;padding:6px 10px}.portlet li{padding:2px 0}
#mw-content{min-width:0}
#mw-content .firstHeading{font-size:13px;padding:6px 10px}
.mw-body-content{padding:14px 18px;overflow-x:auto}
h2{font:bold 13px Verdana,sans-serif;color:var(--gold2);background:var(--panel2);border:1px solid var(--lo);padding:4px 8px;margin:18px 0 8px}
p{margin:6px 0}
table.wikitable{border-collapse:collapse;margin:8px 0 14px;min-width:50%;background:var(--inset)}
.wikitable th,.wikitable td{border:1px solid #222;padding:4px 8px;text-align:left;vertical-align:middle}
.wikitable th{background:var(--title);color:#fff;cursor:pointer;white-space:nowrap;font-size:12px}
.wikitable tbody tr:nth-child(even) td{background:#383838}.wikitable tbody tr:hover td{background:#404040}
.wikitable td{font-family:Verdana,sans-serif}
table.infobox{float:right;clear:right;margin:0 0 12px 16px;border-collapse:collapse;width:300px;max-width:100%;background:var(--inset);border:1px solid var(--lo);box-shadow:inset 1px 1px 0 #555}
.infobox th{width:40%;text-align:left;background:var(--panel2);padding:4px 8px;border-bottom:1px solid #2a2a2a;vertical-align:top;font-size:12px;color:var(--muted)}
.infobox td{padding:4px 8px;border-bottom:1px solid #2a2a2a}
.infobox td.ibimg{text-align:center;background:#2f2f2f;padding:8px}
.infobox td.ibimg:empty{display:none}
code{background:#2a2a2a;border:1px solid #1d1d1d;padding:0 4px;font-family:VT323,monospace;font-size:16px;color:#e8c46a}
.catlinks{clear:both;margin:14px 18px 14px;padding:5px 10px;border:1px solid var(--lo);background:var(--panel2);font-size:12px}
.mainbanner{text-align:center;padding:6px 0 14px;margin-bottom:12px;border-bottom:1px solid #2a2a2a}.mainbanner img{max-width:360px;width:80%}
.maingrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.mainbox ul{margin:0;padding:8px 10px 10px 26px}
#mw-footer{max-width:1240px;margin:0 auto 24px;padding:0 16px;color:var(--muted);font-size:12px}
@media (max-width:800px){#mw-wrapper{grid-template-columns:1fr}#mw-site-navigation{position:static;order:2}
 #mw-header{flex-wrap:wrap;gap:8px}#search{order:3;width:100%;margin-left:0}.rv-lang{margin-left:auto}
 table.infobox{float:none;width:100%;margin:0 0 12px}.mw-body-content{padding:10px}}

.lootgrp{margin:0 0 10px;overflow:hidden}
.lootlbl{font-weight:bold;color:var(--gold2);margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.lootlist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lootlist li{display:flex;align-items:center;gap:6px;background:var(--inset);border:1px solid var(--lo);box-shadow:inset 1px 1px 0 #444;padding:3px 10px 3px 4px;white-space:nowrap}
.lootlist li img.spr{margin:0}

.tblwrap{overflow-x:auto;max-width:100%}
img.sgif{display:block;max-width:120px;max-height:120px;image-rendering:pixelated;margin:2px 0 4px}
table.spells td:first-child{min-width:130px}
.soon{display:inline-block;background:var(--inset);border:1px solid var(--lo);padding:6px 12px;color:var(--gold2);font-weight:bold}
.menulink{display:none}
@media (max-width:800px){.menulink{display:block;margin:0 0 8px;padding:6px 10px;background:var(--panel);border:1px solid var(--lo);color:var(--gold2);font-weight:bold}}
th.asc::after{content:" \25B2";font-size:9px}th.desc::after{content:" \25BC";font-size:9px}