/* Patua One jest w /plugins/local-assets/fonts.css */
body
{
	background: url(images/bg.png) no-repeat center top #0d0f12;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: #d3d3d3;
}
a
{
	text-decoration: none;
	color: #004294;
	transition: color 0.1s linear;

}
a:hover
{
	color: #ff5a00;
}
ul {
  margin: 2px 0 0 0;
  padding: 0;
}
textarea{
max-width: 530px !important;
}
ul li {
  list-style-type: none;
  margin: 0 0 6px 0;
  padding: 0 0 4px 5px;
  line-height: 1.5em;
}

ol {
  margin: 8px 0 5px 5px;
}

ol li {
  margin: 0 0 11px 0;
}

.form_settings {
  margin: 15px 0 0 0;
}

.form_settings p {
  padding: 0 0 4px 0;
}

.form_settings span {
  float: left;
  width: 200px;
  text-align: left;
}

.form_settings input, .form_settings textarea {
  padding: 5px;
  width: 299px;
  font: 100% arial;
  border: 1px solid #E5E5DB;
  background: #FFF;
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
}

.form_settings .submit {
  font: 100% arial;
  border: 0;
  width: 99px;
  margin: 0 0 0 212px;
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer;
  background: #3B3B3B;
  color: #FFF;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
}

.form_settings textarea, .form_settings select {
  font: 100% arial;
  width: 299px;
}

.form_settings select {
  width: 310px;
}

.form_settings .checkbox {
  margin: 4px 0;
  padding: 0;
  width: 14px;
  border: 0;
  background: none;
}

.separator {
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}

table {
  margin: 10px 0 5px 0;
  /*width: 100%;*/
 border-spacing: 1px;
    border-collapse: separate;
}

table tr th{
	background-color: #505050 !important;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}

tr.yellow td {
  background: #505050;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}
.TableContainer table{
  margin: 0 !important;
}
.TableContainer td {
  padding: 2px 3px !important;
}
table tr td img{
  max-width: 520px;
}
input.hover:hover
{
	cursor: pointer;
}
/* guild war */
tr.special:hover td {
   background: orange;
}

tr.special {
    cursor: pointer;
}

ul.war_list li {
   font-size:18px;
}

.container_main
{
	width: 1170px;
	margin: 350px auto 0 auto;
}
.container_left, .container_right
{
	width: 246px;
	float: left;
	margin: 15px 0 0 0;
}
.container_mid
{
	min-height: 200px;
	width: 648px;
	float: left;
	margin: 0 15px;
}
.left_box, .right_box, .center_box
{
	width: 100%;
	background: url(images/border_left.png) repeat-y left top, url(images/border_right.png) repeat-y right top;
	position: relative;
	margin-bottom: 18px;
}
.corner_lt, .corner_rt, .corner_rb, .corner_lb
{
	z-index: 5;
}
.corner_lt
{
	position: absolute;
	width: 64px;
	height:64px;
	background: url(images/corners.png) no-repeat 0 0;
	left: -7px;
	top: -5px;
}
.corner_rt
{
	position: absolute;
	width: 64px;
	height:64px;
	background: url(images/corners.png) no-repeat -64px 0;
	right: -7px;
	top: -5px;
}
.corner_rb
{
	position: absolute;
	width: 64px;
	height:64px;
	background: url(images/corners.png) no-repeat -64px -64px;
	right: -7px;
	bottom: -5px;
}
.corner_lb
{
	position: absolute;
	width: 64px;
	height:64px;
	background: url(images/corners.png) no-repeat 0 -64px;
	left: -7px;
	bottom: -5px;
}
.left_box .content, .right_box .content
{
	margin: -1px 20px;
	width: 200px;
	padding: 3px 3px;
	background: url(images/widget_bg.png) repeat-y;
}
.center_box .content_bg
{
	width: 608px;
	margin: -1px 20px;
	position: relative;
	background: url(images/mid_bot.png) no-repeat center bottom, url(images/mid_top.png) no-repeat center top, url(images/mid_mid.png) repeat-y center top;
	color: #531e01;
}
.center_box .content_bg .content
{
	padding: 6px 8px;
}

.left_box .border_bottom, .right_box .border_bottom,  .center_box .border_bottom
{
	background: url(images/border_bottom.png) repeat-x center bottom;
	width: 100%;
	display: block;
	height: 20px;
}
.left_box .title, .right_box .title,  .center_box .title
{
	background: url(images/border_top.png) repeat-x center top;
	width: 100%;
	height: 45px;
	position: relative;
}
.rise-up-content
{
	position: relative;
	z-index: 10;
}
.left_box ul li a:after
{
	content: "";
	width: 100%;
	background: url(images/line.png) no-repeat center top;
	height: 2px;
	display: block;
	margin-left: -10px;
}
.title span
{
	width: 100%;
	height: 45px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}
.title img
{
	position: absolute;
	left: 20px;
	top: 6px;
	z-index: 6;
}
.left_box ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 8px;
}
.left_box ul li
{
	padding: 1.5px 0 2px 0;
	margin: 0;
}
.left_box ul li a
{
	display: block;
	color: #e7e7e7;
	text-shadow: 1px 1px 0 #000;
	transition: all 0.1s linear;
}
.left_box ul li a:hover
{
	color: orange;
	padding-left: 3px;

}
.inputtext
{
	width: 158px;
	height: 33px;
	background: url(images/quicklogin_input.png);
	padding: 0 10px;
	margin: 0 0 4px 11px;
	border: 0 none;
	color: #9c7d54;
	font-size: 12px;
	text-shadow: 1px 1px 0 #000;
}
.loginbtn
{
	width: 83px;
	height: 23px;
	background: url(images/login_btn.png) 0 -23px;
	padding: 0;
	margin: 0 0 4px 12px;
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
}
.loginbtn:hover
{
	cursor: pointer;
	background-position: 0 0;
}
.createbtn
{
	vertical-align: middle;
	display: inline-block;
	width: 83px;
	height: 23px;
	background: url(images/register_btn.png) 0 -23px;
	padding: 0;
	margin: 0 0 4px 7px;
	border: 0 none;
}
.createbtn:hover
{
	cursor: pointer;
	background-position: 0 0;
}
.download_client
{
	display: block;
	width: 246px;
	height: 54px;
	/* Plik ma podwojna rozdzielczosc (492x108), a background-size skaluje go do 246x54 —
	   dzieki temu przycisk zostaje ostry na ekranach o duzej gestosci pikseli.
	   Poprzedni download_btn.png byl sprite'em z dwoma stanami po 59 px; ten ma jeden,
	   wiec najechanie myszą rozjasniamy filtrem zamiast przesuwac tlo. */
	background: url(images/download_client_uwerta.png) no-repeat 0 0;
	background-size: 246px 54px;
	margin: 0 0 10px -2px;
	transition: filter 0.1s linear;
}
.download_client:hover
{
	filter: brightness(1.15);
}
.right_box
{
	text-shadow: 0 1px 0 #000;
}
.right_box a
{
	color: #ff9000;
	transition: color 0.1s linear;
}
.right_box a:hover
{
	color: #ff4e00;
}
table.sinfotable
{
	margin: 0 8px;
	font-size: 13px;
	width: 183px;
}
table.sinfotable td
{
	border-bottom: 1px solid #4c4b46;
    border-top: 1px solid #1c1c1a;
	background: none transparent;
	color: #fff;
	padding: 4px 0;
}
ul.toplvl
{
	list-style: none;
	margin: 0 8px;
}
ul.toplvl li
{
	padding: 1px 0;
	margin: 0;
}
.lvl
{
    display: block;
    background: #cc7e0f;
    float: right;
    height: 15px;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 0 5px #000;
    padding: 0px 5px;
    border-radius: 4px;
    box-shadow: 0 1px 0 #101010;
    border-top: 1px solid #ffc36d;
}
.acc_menu
{
	width: 183px;
	margin: 0 8px;
}
.acc_menu a
{
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 3px 0;
	font-size: 12px;
	text-align: center;
	background: rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.4);
	box-shadow: 0 1px 3px rgba(255,255,255,0.2) inset, 0 -1px 3px rgba(0,0,0,0.5) inset;
	border-radius: 3px;
	color: #fff;
	transition: all 0.1s linear;
	margin: 1px 0;
}
.acc_menu a:hover
{
	background: rgba(0,0,0,0.4);
}
.footer_cnt
{
	width: 1170px;
	float: left;
	margin: 20px 0 70px 0;
}



/* SLIDER */

.slider
{
	width: 207px;
    height: 100px;
    margin-left: -3px;
    margin-top: -3px;
    margin-bottom: -2px;
}

#slides
{
	display: none;
	width: 207px;
	height: 100px;
	float: left;
	z-index: 90;
	overflow: initial !important;
	position: relative;
}
.slidesjs-pagination
{
	z-index: 999;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
ul.slidesjs-pagination
{
	list-style: none;
	padding: 3px;
	border-radius: 5px;
	margin: 0;
	background: rgba(0,0,0,0.5);
}
.slidesjs-pagination li
{
	float: left;
	margin: 0 3px;
	padding: 0;
}
.slidesjs-pagination li a
{
	background: rgba(255,255,255,0.3);
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	overflow: hidden;
	text-indent: -999999999px;
	line-height: 99px;
	color: rgba(0,0,0,0.6);
	border-radius: 15px;
}
.slidesjs-pagination li a:hover
{
	background: rgba(255,255,255,0.5);
}
.slidesjs-pagination li a.active
{
	background: rgba(255,255,255,0.5);
}
.top-bar
{
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'Patua One', cursive;
	height: 30px;
	line-height: 30px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 1px 0px 0 #000, -1px 0px 0 #000, -1px 0px 0 #000;
	font-weight: normal;
	font-size: 18px;
}
.top-bar a
{
	color: #f66545;
}

.white {
	color: #EFEFEF;
	visibility: visible;
	font-size: 9pt;
}

.odd {
	background-color: #D4C0A1 !important;
	padding: 2px;
}

.even {
	background-color: #F1E0C6 !important;
	padding: 2px;
}

.vertical-menu a {
	background-color: #D4C0A1 !important;
}

/* --- Discord -------------------------------------------------------------------
   Zakladka przyczepiona do lewej krawedzi okna oraz pudelko z lista osob online pod
   "Server info". #5865f2 to barwa marki Discorda, statusy maja kolory z ich klienta. */
.discord_tab
{
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 10px;
	/* Zwiniete pudelko ma dokladnie szerokosc ikony z paddingami (24 + 2 * 12);
	   najechanie rozsuwa je do napisu. Animujemy max-width, bo width: auto
	   nie da sie plynnie przejsc. */
	max-width: 48px;
	padding: 12px;
	overflow: hidden;
	white-space: nowrap;
	background: #5865f2;
	color: #fff;
	font: bold 13px/1 Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0 8px 8px 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
	transition: max-width 0.25s ease, background 0.15s linear;
}
.discord_tab:hover
{
	max-width: 170px;
	background: #4752c4;
	color: #fff;
}
.discord_tab img
{
	flex: 0 0 24px;
	display: block;
}
.title img.discord_icon
{
	width: 26px;
	height: 26px;
	top: 9px;
}
.discord_widget
{
	padding: 6px 8px 8px 8px;
	font-size: 12px;
	color: #fff;
}
.discord_presence
{
	text-align: center;
	color: #c3c3c3;
	padding-bottom: 6px;
}
.discord_presence b
{
	color: #fff;
}
.discord_members
{
	list-style: none;
	margin: 0;
	padding: 0;
	/* Pudelko rosnie do pieciu osob, potem lista scrolluje sie w srodku — pasek boczny
	   ma pod spodem jeszcze dwa pudelka i nie moze uciekac w dol przy pelnym Discordzie.
	   Wiersz ma stala wysokosc 27 px (20 px awatara + 2 * 3 px odstepu + 1 px kreski),
	   a pierwszy nie ma kreski, stad 5 * 27 - 1. */
	max-height: 134px;
	overflow-y: auto;
	/* Domyslny pasek przewijania jest jasny i rozwala ciemne pudelko. */
	scrollbar-width: thin;
	scrollbar-color: #5865f2 #2b2b28;
}
.discord_members::-webkit-scrollbar
{
	width: 6px;
}
.discord_members::-webkit-scrollbar-track
{
	background: #2b2b28;
}
.discord_members::-webkit-scrollbar-thumb
{
	background: #5865f2;
	border-radius: 3px;
}
.discord_members li
{
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 0;
	border-top: 1px solid #1c1c1a;
}
.discord_members li:first-child
{
	border-top: 0 none;
}
.discord_avatar
{
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2b2b28;
}
.discord_name
{
	flex: 1 1 auto;
	overflow: hidden;
	/* Bez nowrap dlugi nick zawija sie do drugiej linii zamiast dostac wielokropek —
	   a wtedy wiersz rosnie i piec wierszy przestaje sie zgadzac z max-height listy. */
	white-space: nowrap;
	text-overflow: ellipsis;
}
.discord_status
{
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #747f8d;
}
.discord_status_online { background: #3ba55d; }
.discord_status_idle   { background: #faa81a; }
.discord_status_dnd    { background: #ed4245; }
/* Nadpisuje pomaranczowy kolor odnosnikow z .right_box a — przycisk ma byc w barwie marki. */
.right_box a.discord_join
{
	display: block;
	margin-top: 10px;
	padding: 7px 0;
	text-align: center;
	background: #5865f2;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 3px;
	transition: background 0.15s linear;
}
.right_box a.discord_join:hover
{
	background: #4752c4;
	color: #fff;
}

/* --- Sklep: prezentacja ofert -------------------------------------------------
   Opis oferty siedzi w bazie (z_shop_offer.offer_description) i jest wypisywany
   przez `|raw`, wiec moze niesc te klasy. Ikony to zwykle sprite'y przedmiotow
   z /plugins/local-assets/items — ten sam zestaw, ktorego uzywa reszta strony.
   Uklad wiersza (szerokosci kolumn) jest w szablonie wtyczki: gifts.html.twig. */
/* Wysokosci NIE narzucamy. Czesc outfitow tego klienta to sprite'y 1x1 (32x32 px),
   reszta 2x2 (64x64) — miedzy innymi Link, Young Link, meski Newly Wed i nowa seria
   Nobleman/Summoner/Warrior (374-376 z parami). Sztywne `width: 64px` skalowalo te
   male dwukrotnie, wiec wygladaly na wieksze od pozostalych zamiast na mniejsze.
   `align-items: flex-end` stawia oba sprite'y na jednej linii podlogi. */
.uw-shop-outfits
{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 4px;
	min-height: 64px;
}
.uw-shop-outfit
{
	max-width: 64px;
	max-height: 64px;
}
.uw-shop-desc
{
	padding: 6px 10px 6px 6px !important;
}
.uw-offer-name
{
	font-family: 'Patua One', Georgia, serif;
	font-size: 15px;
	color: #3d1c05;
	line-height: 1.2;
}
.uw-flavour
{
	margin: 2px 0 5px;
	font-style: italic;
	font-size: 12px;
	line-height: 1.35;
	color: #6b3a14;
}
.uw-attrs
{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
}
.uw-attr
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 1px 7px 1px 3px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 9px;
	font-size: 11px;
	line-height: 16px;
	color: #3d1c05;
	white-space: nowrap;
}
.uw-attr img
{
	width: 14px;
	height: 14px;
}
.uw-attr b
{
	color: #1f6b32;
}
/* Koszt wlasny outfitu — te same pigulki, ale w barwach ostrzezenia. */
.uw-attr-bad
{
	background: #f6d7c4;
	border-color: #cf9b7c;
}
.uw-attr-bad b
{
	color: #a5220f;
}
/* Plakietka rzadkosci stoi w linii opisu, a nie float: w komorce tabeli float
   wypadal poza wiersz i rozpychal uklad. */
.uw-rarity
{
	display: inline-block;
	margin-right: 6px;
	padding: 0 7px;
	background: #8a7250;
	border-radius: 8px;
	color: #fdedd1;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	vertical-align: 1px;
}
.uw-rarity-premium { background: #2a5d8f; }
.uw-rarity-rare    { background: #a5730f; }

/* --- Strona "Outfit Bonuses" --------------------------------------------------
   Ten sam jezyk wizualny co sklep (pigulki atrybutow sa te same, bo opis oferty
   jest wspolny), ale bez kolumn z cena i przyciskiem. */
.uw-bonus-intro
{
	margin: 4px 0 12px;
	font-size: 12px;
	line-height: 1.45;
}
.uw-bonus-table
{
	width: 100%;
	margin: 0;
	border-spacing: 0;
}
.uw-bonus-table td
{
	padding: 5px 6px;
	border-bottom: 1px solid #e2cba4;
	vertical-align: middle;
	background: none;
}
.uw-bonus-table tr:last-child td
{
	border-bottom: 0 none;
}
.uw-bonus-pic
{
	width: 136px;
}
.uw-bonus-desc
{
	text-align: left;
}
/* Naglowek grupy rzadkosci — pasek w barwie ciemnego drewna, jak tytuly pudelek. */
.uw-bonus-group td
{
	padding: 5px 8px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border-bottom: 0 none;
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
}

/* --- Strona "Spells" ----------------------------------------------------------
   Czytana wprost z spells.xml silnika, wiec ma wiecej kolumn niz sklep: slowa,
   wokacje, wymagany magic level i koszt. Filtry na gorze chowaja wiersze innych
   wokacji (jQuery jest juz na stronie, wiec nic nie doladowujemy). */
.uw-spell-intro
{
	margin: 4px 0 12px;
	font-size: 12px;
	line-height: 1.5;
}
.uw-spell-search
{
	position: relative;
	margin: 0 0 6px;
}
.uw-spell-search input
{
	box-sizing: border-box;
	width: 100%;
	padding: 6px 26px 6px 10px;
	background: #f9ebd3;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	color: #3d1c05;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
.uw-spell-search input:focus
{
	outline: none;
	border-color: #a5730f;
	background: #fdf3e2;
}
/* Krzyzyk pojawia sie dopiero, gdy jest co czyscic — sterowane skryptem. */
.uw-spell-search a
{
	display: none;
	position: absolute;
	top: 5px;
	right: 8px;
	color: #8a5a15 !important;
	font-size: 15px;
	line-height: 1;
}
.uw-spell-search a:hover
{
	color: #a5220f !important;
}
.uw-spell-pusto
{
	display: none;
	margin: 14px 0;
	padding: 12px 14px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	font-size: 12px;
	color: #6b3a14;
}
.uw-spell-filters
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 14px;
}
.uw-spell-filter
{
	padding: 3px 12px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 11px;
	color: #5a3a1a !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.uw-spell-filter:hover
{
	background: #f9ebd3;
	color: #3d1c05 !important;
}
.uw-spell-filter-on
{
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border-color: #8a5a15;
	color: #ffd07a !important;
}
.uw-spell-head
{
	margin: 16px 0 0;
	padding: 6px 10px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-spell-head span
{
	display: block;
	color: #cbb08a;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	text-transform: none;
	font-style: italic;
}
.uw-spell-table
{
	width: 100%;
	margin: 0 0 4px;
	border-spacing: 0;
}
.uw-spell-table td
{
	padding: 4px 6px;
	border-bottom: 1px solid #e2cba4;
	background: none;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
}
.uw-spell-labels td
{
	background: #ecd7b3;
	color: #6b3a14;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-spell-c-words { width: 150px; }
.uw-spell-c-voc   { width: 108px; }
.uw-spell-c-req   { width: 80px; text-align: center !important; }
.uw-spell-c-cost  { width: 110px; }
.uw-spell-icon
{
	width: 20px;
	height: 20px;
	vertical-align: -5px;
	margin-right: 4px;
}
.uw-spell-name
{
	font-weight: bold;
	color: #3d1c05;
}
.uw-spell-prem, .uw-spell-charges
{
	display: inline-block;
	margin-left: 5px;
	padding: 0 6px;
	border-radius: 8px;
	background: #a5730f;
	color: #fdedd1;
	font-size: 9px;
	line-height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-spell-charges
{
	background: #8a7250;
}
/* Druga linia w wierszu konjurowania: z jakiego czaru powstaje ta runa. */
.uw-spell-sub
{
	margin-top: 1px;
	color: #6b3a14;
	font-size: 11px;
}
.uw-spell-icon
{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: -5px;
	margin-right: 4px;
}
/* Klatka animacji czaru jest jasna i kontrastowa — na pergaminie zyskuje na ciemnym
   krazku, tak jak w kliencie widac ja na tle podlogi. */
.uw-spell-anim
{
	background: radial-gradient(circle, #3d1c05 40%, rgba(61,28,5,0) 72%);
	border-radius: 50%;
}
/* Miejsce po ikonie, zeby nazwy czarow bez animacji nie skakaly w lewo. */
.uw-spell-brak
{
	width: 20px;
}
/* Znaczki wokacji — te same barwy co filtry, zeby dalo sie je skojarzyc. */
.uw-voc
{
	display: inline-block;
	width: 17px;
	margin-right: 2px;
	border-radius: 4px;
	color: #fdedd1;
	font-size: 10px;
	line-height: 17px;
	text-align: center;
	font-weight: bold;
}
.uw-voc-s, .uw-spell-filter.uw-voc-s.uw-spell-filter-on { background: #6b3fa0; }
.uw-voc-d, .uw-spell-filter.uw-voc-d.uw-spell-filter-on { background: #2f7a3e; }
.uw-voc-p, .uw-spell-filter.uw-voc-p.uw-spell-filter-on { background: #b58a00; }
.uw-voc-k, .uw-spell-filter.uw-voc-k.uw-spell-filter-on { background: #a5220f; }
.uw-voc-all
{
	width: auto;
	padding: 0 7px;
	background: #8a7250;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* --- Strona "Monsters" --------------------------------------------------------
   Ten sam jezyk co Spells (pigulki, filtry, wyszukiwarka), dolozone sa: obrazek
   stworzenia z warstw wyeksportowanych z klienta i karta pojedynczego potwora. */
.uw-mon-intro
{
	margin: 4px 0 12px;
	font-size: 12px;
	line-height: 1.5;
}
.uw-mon-table td
{
	vertical-align: middle;
}
.uw-mon-icon
{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	vertical-align: -10px;
}
.uw-mon-name
{
	font-weight: bold;
	color: #3d1c05 !important;
}
.uw-mon-name:hover
{
	color: #a5490f !important;
}
.uw-mon-c-hp, .uw-mon-c-exp, .uw-mon-c-speed { width: 80px; text-align: right !important; }
.uw-mon-c-imm { width: 150px; }
.uw-mon-imm
{
	display: inline-block;
	margin: 1px 2px 1px 0;
	padding: 0 6px;
	background: #f6d7c4;
	border: 1px solid #cf9b7c;
	border-radius: 8px;
	font-size: 10px;
	line-height: 15px;
	color: #a5220f;
}
/* Rasy maja stale barwy, zeby dalo sie je rozpoznac bez czytania. */
.uw-rasa
{
	display: inline-block;
	margin-left: 6px;
	padding: 0 7px;
	background: #8a7250;
	border-radius: 8px;
	color: #fdedd1;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	vertical-align: 1px;
}
.uw-rasa-blood  { background: #a5220f; }
.uw-rasa-undead { background: #4a4a52; }
.uw-rasa-venom  { background: #2f7a3e; }
.uw-rasa-fire   { background: #b25c19; }
.uw-rasa-energy { background: #6b3fa0; }
.uw-mon-filter span
{
	opacity: 0.65;
	font-size: 10px;
}
/* --- karta potwora --- */
.uw-mon-card-head
{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.uw-mon-portret
{
	width: 64px;
	height: 64px;
	image-rendering: pixelated;
}
.uw-mon-powrot
{
	margin-left: auto;
	font-size: 11px;
	white-space: nowrap;
}
.uw-mon-staty, .uw-mon-zywioly
{
	margin-bottom: 10px;
}
.uw-mon-lup
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 6px;
}
.uw-mon-lup-poz
{
	display: flex;
	align-items: center;
	gap: 6px;
	width: 186px;
	padding: 2px 8px 2px 4px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	font-size: 11px;
}
.uw-mon-lup-poz img
{
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}
.uw-mon-lup-nazwa
{
	flex: 1 1 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #3d1c05;
}
.uw-mon-lup-nazwa i
{
	color: #8a5a15;
	font-size: 10px;
}
.uw-mon-lup-szansa
{
	color: #6b3a14;
	font-size: 10px;
}

/* --- Strona "Who is Online" ---------------------------------------------------
   Postacie pokazujemy przez /outfit.php z ICH kolorami, wiec obrazek jest tlem
   elementu (outfit ma 64x64 i kadr wyzej niz srodek — tlo pozwala go przyciac). */
.uw-online-pasek
{
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 4px 0 14px;
	padding: 10px 14px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	color: #f7e2bb;
}
.uw-online-liczba
{
	font-family: 'Patua One', Georgia, serif;
	font-size: 30px;
	line-height: 1;
	color: #ffd07a;
	text-shadow: 0 2px 0 #000;
}
.uw-online-opis b
{
	display: block;
	font-size: 13px;
	color: #f7e2bb;
}
.uw-online-opis span
{
	font-size: 11px;
	color: #cbb08a;
}
.uw-online-pusto
{
	margin: 4px 0;
	padding: 14px 16px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.5;
}
.uw-online-pusto b
{
	display: block;
	margin-bottom: 2px;
	font-size: 14px;
	color: #3d1c05;
}
.uw-online-table td
{
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
}
/* Obrazek przychodzi z `/outfit.php?...&crop=1`, czyli bez przezroczystych marginesow —
   postac wypelnia go w calosci, wiec ramka moze ja po prostu wysrodkowac. Najwiekszy
   przyciety wyglad ma okolo 46 px, wiec 48 mieszcza wszystkie bez skalowania. */
.uw-online-portret
{
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-right: 6px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
}
.uw-online-c-lvl { width: 70px; text-align: right !important; }
.uw-online-c-voc { width: 130px; }
.uw-online-skull
{
	display: inline-block;
	margin-left: 6px;
	padding: 0 7px;
	background: #a5220f;
	border-radius: 8px;
	color: #fdedd1;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-online-filter span
{
	opacity: 0.65;
	font-size: 10px;
}

/* --- Strona "Highscores" ------------------------------------------------------
   Wybor rankingu to zwykle odnosniki (dane sa liczone w bazie), stylowane jak
   filtry na innych stronach — zeby caly serwis mial jeden zestaw gestow. */
.uw-hs-table td
{
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
}
.uw-hs-c-rank { width: 44px; text-align: center !important; }
.uw-hs-c-voc  { width: 120px; }
.uw-hs-c-val  { width: 130px; text-align: right !important; }
.uw-hs-c-val b
{
	font-size: 13px;
	color: #3d1c05;
}
.uw-hs-c-val span
{
	display: block;
	font-size: 10px;
	color: #8a5a15;
}
.uw-hs-rank
{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #ecd7b3;
	border: 1px solid #d6b98c;
	border-radius: 50%;
	color: #6b3a14;
	font-size: 11px;
	line-height: 23px;
	text-align: center;
}
/* Podium — zloto, srebro, braz. Bez ikonek, sama barwa krazka wystarczy. */
.uw-hs-rank-1 { background: #d8a326; border-color: #a5730f; color: #3d1c05; font-weight: bold; }
.uw-hs-rank-2 { background: #cfcfcf; border-color: #9a9a9a; color: #3d1c05; font-weight: bold; }
.uw-hs-rank-3 { background: #c98a5e; border-color: #96603a; color: #3d1c05; font-weight: bold; }
.uw-hs-lvl
{
	margin-left: 6px;
	color: #8a5a15;
	font-size: 10px;
}

/* --- Strona "Tasks" -----------------------------------------------------------
   Wiersz zadania niesie obrazek potwora (ten sam co na stronie Monsters), cele
   z odnosnikami do ich kart i nagrody z ikonami przedmiotow. */
.uw-task-table td
{
	vertical-align: top;
}
.uw-task-c-kill, .uw-task-c-exp { width: 90px; text-align: right !important; }
.uw-task-c-rew { width: 210px; }
.uw-task-nazwa
{
	font-weight: bold;
	color: #3d1c05;
}
.uw-task-cele
{
	margin: 2px 0 0 38px;
	font-size: 11px;
	color: #6b3a14;
}
.uw-task-lub
{
	color: #8a7250;
	font-style: italic;
}
/* Potwor, ktorego jeszcze nie ma w grze — bez odnosnika, ale i bez alarmu. */
.uw-task-brak
{
	border-bottom: 1px dotted #b08a5a;
	color: #8a7250;
	cursor: help;
}
.uw-task-nagroda
{
	display: block;
	margin: 3px 0;
	font-size: 11px;
	color: #3d1c05;
	white-space: nowrap;
}
.uw-task-nagroda img
{
	width: 26px;
	height: 26px;
	margin-right: 5px;
	vertical-align: -8px;
}
.uw-task-head
{
	position: relative;
	padding-left: 58px;
	min-height: 46px;
}
.uw-task-head span
{
	text-transform: none;
	letter-spacing: 0;
}
/* Portret taskera wchodzi w pasek naglowka — jest wyzszy niz pasek, wiec wystaje
   ponad niego tak, jak postac wystaje ponad kratke w grze. */
.uw-task-npc
{
	position: absolute;
	left: 8px;
	bottom: 0;
	width: 48px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.uw-task-filter span
{
	opacity: 0.65;
	font-size: 10px;
}

/* --- Strona "Last Kills" ------------------------------------------------------ */
.uw-lk-table td
{
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
}
.uw-lk-c-kiedy { width: 110px; text-align: right !important; color: #6b3a14; font-size: 11px; }
.uw-lk-c-zabojca { width: 250px; }
.uw-lk-lvl
{
	margin-left: 6px;
	color: #8a5a15;
	font-size: 10px;
}
.uw-lk-potwor
{
	color: #3d1c05;
}

/* --- Strony "Houses" i "Guilds" ----------------------------------------------- */
.uw-dom-table td, .uw-gil-table td
{
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
}
.uw-dom-c-town  { width: 120px; }
.uw-dom-c-size  { width: 80px; text-align: right !important; }
.uw-dom-c-rent  { width: 80px; text-align: right !important; }
.uw-dom-c-owner { width: 170px; }
.uw-dom-nazwa
{
	font-weight: bold;
	color: #3d1c05;
}
.uw-dom-lozka
{
	margin-left: 6px;
	color: #8a5a15;
	font-size: 10px;
}
.uw-dom-wolny
{
	display: inline-block;
	padding: 0 8px;
	background: #2f7a3e;
	border-radius: 8px;
	color: #fdedd1;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* W kolumnie wlasciciela portret jest tylko znaczkiem — nie moze rozpychac wiersza. */
.uw-dom-portret
{
	width: 32px;
	height: 32px;
	margin-right: 4px;
}
.uw-gil-c-leader  { width: 150px; }
.uw-gil-c-members { width: 90px; text-align: right !important; }
.uw-gil-c-since   { width: 110px; text-align: right !important; color: #6b3a14; font-size: 11px; }
.uw-gil-logo
{
	width: 48px;
	height: 48px;
	margin-right: 8px;
	vertical-align: middle;
}
.uw-gil-motd
{
	margin: 2px 0 0 56px;
	color: #6b3a14;
	font-size: 11px;
	font-style: italic;
}

/* --- Pudelko "Top players" w pasku bocznym ------------------------------------
   Zastapilo galerie, ktora pokazywala cztery razy ten sam obrazek. */
.uw-top5
{
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
}
.uw-top5 li
{
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 2px 4px;
	border-top: 1px solid #1c1c1a;
	border-bottom: 1px solid #4c4b46;
	font-size: 12px;
}
.uw-top5 li:first-child
{
	border-top: 0 none;
}
.uw-top5-miejsce
{
	flex: 0 0 16px;
	color: #8a7250;
	font-size: 11px;
	text-align: center;
}
.uw-top5-portret
{
	flex: 0 0 32px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
.uw-top5 li a
{
	flex: 1 1 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.uw-top5-lvl
{
	flex: 0 0 auto;
	color: #ffd07a;
	font-size: 11px;
}

/* --- Strona "Team" ------------------------------------------------------------
   Ekipy sa zwykle cztery osoby, nie czterysta — wiec zamiast tabeli kafelki. */
.uw-team-siatka
{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 6px 0 12px;
}
.uw-team-osoba
{
	display: flex;
	align-items: center;
	gap: 8px;
	width: 186px;
	padding: 6px 10px 6px 6px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
/* Kto jest w grze, ten ma zlota obwodke — widac to szybciej niz napis. */
.uw-team-online
{
	border-color: #a5730f;
	box-shadow: inset 0 0 0 1px rgba(216, 163, 38, 0.45);
}
.uw-team-portret
{
	flex: 0 0 48px;
	height: 52px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.uw-team-opis
{
	min-width: 0;
}
.uw-team-opis a
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.uw-team-znacznik
{
	display: inline-block;
	margin-top: 2px;
	padding: 0 7px;
	background: #2f7a3e;
	border-radius: 8px;
	color: #fdedd1;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-team-kiedy
{
	color: #8a5a15;
	font-size: 10px;
}
.uw-team-stopka
{
	margin: 14px 0 0;
	padding: 10px 12px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	font-size: 11px;
	color: #6b3a14;
}

/* --- Strony "Bans" i "Changelog" ---------------------------------------------- */
.uw-ban-c-powod { }
.uw-ban-c-data  { width: 110px; text-align: right !important; color: #6b3a14; font-size: 11px; }
.uw-ban-kto
{
	margin-left: 6px;
	color: #8a5a15;
	font-size: 10px;
}
/* Wygasle bany sa tylko kronika, wiec sa przygaszone. */
.uw-ban-stary td
{
	opacity: 0.7;
}
.uw-log-lista
{
	margin-top: 6px;
}
.uw-log-data
{
	margin: 12px 0 4px;
	color: #8a5a15;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-log-wpis
{
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 5px 6px;
	border-bottom: 1px solid #e2cba4;
	font-size: 12px;
}
.uw-log-rodzaj
{
	flex: 0 0 74px;
	padding: 0 7px;
	border-radius: 8px;
	color: #fdedd1;
	font-size: 9px;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
.uw-log-added   { background: #2f7a3e; }
.uw-log-removed { background: #a5220f; }
.uw-log-changed { background: #2a5d8f; }
.uw-log-fixed   { background: #a5730f; }
.uw-log-tresc
{
	flex: 1 1 auto;
	color: #3d1c05;
}

/* --- Wizytowka postaci --------------------------------------------------------- */
.uw-post-hero
{
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 10px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #3d1d07 0%, #170b02 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 199, 109, 0.18);
}
/* Postac w grze dostaje zielona obwodke — tak samo jak na stronie ekipy. */
.uw-post-hero-online
{
	border-color: #57a05f;
}
.uw-post-portret
{
	flex: 0 0 84px;
	height: 84px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	image-rendering: pixelated;
}
.uw-post-imie
{
	font-family: 'Patua One', Georgia, serif;
	font-size: 24px;
	line-height: 1.15;
	color: #ffd07a;
	text-shadow: 0 2px 0 #000;
}
.uw-post-podtytul
{
	margin-top: 2px;
	color: #cbb08a;
	font-size: 12px;
}
.uw-post-podtytul a
{
	color: #e0a349 !important;
}
.uw-post-plakietki
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 8px;
}
.uw-post-plakietka
{
	padding: 2px 9px;
	background: #5d2c0a;
	border-radius: 10px;
	color: #ffd07a;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-post-plakietka-online { background: #2f7a3e; color: #eafbe9; }
.uw-post-plakietka-ekipa  { background: #2a5d8f; color: #e6f0fb; }
.uw-post-plakietka-cichy  { background: none; border: 1px solid #6b4a1a; color: #cbb08a; }
.uw-post-siatka
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.uw-post-box
{
	flex: 1 1 260px;
	padding: 8px 10px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-post-box-tytul
{
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d6b98c;
	color: #8a5a15;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-post-wiersz
{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 3px 0;
	border-bottom: 1px solid #e7d3b1;
	font-size: 12px;
}
.uw-post-wiersz:last-child { border-bottom: none; }
.uw-post-wiersz span { color: #8a5a15; }
.uw-post-wiersz b { color: #3d1c05; text-align: right; }
.uw-post-skill
{
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 0;
	font-size: 12px;
}
.uw-post-skill-nazwa    { flex: 0 0 110px; color: #5a3a1a; }
.uw-post-skill-wartosc  { flex: 0 0 26px; color: #3d1c05; font-weight: bold; text-align: right; }
.uw-post-skill-procent  { flex: 0 0 32px; color: #8a5a15; font-size: 10px; text-align: right; }
.uw-post-pasek
{
	flex: 1 1 auto;
	height: 9px;
	background: #e0c9a3;
	border: 1px solid #c9ab7c;
	border-radius: 5px;
	overflow: hidden;
}
.uw-post-pasek-wnetrze
{
	display: block;
	height: 100%;
	background: linear-gradient(180deg, #c98a1a 0%, #8a5a15 100%);
}
.uw-post-pasek-magia { background: linear-gradient(180deg, #4f7fc0 0%, #2a5d8f 100%); }
.uw-post-pasek-exp   { background: linear-gradient(180deg, #4f9c58 0%, #2f7a3e 100%); }
/* Ostatni wiersz w skrzynce umiejetnosci to postep na kolejny poziom — oddzielony kreska,
   bo mowi o czyms innym niz reszta. */
.uw-post-skill-exp
{
	margin-top: 4px;
	padding-top: 6px;
	border-top: 1px solid #d6b98c;
}
.uw-post-stopka
{
	margin-top: 2px;
	color: #8a5a15;
	font-size: 10px;
	text-align: right;
}
.uw-post-komentarz
{
	padding: 8px 10px;
	background: #f9e8c8;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	color: #3d1c05;
	font-size: 12px;
}
.uw-post-szukaj-akcja
{
	margin: 0 0 10px;
	text-align: right;
}
.uw-post-szukaj-akcja input
{
	padding: 5px 18px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 3px;
	color: #ffd07a;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}
.uw-post-szukaj-akcja input:hover
{
	background: linear-gradient(180deg, #6d3610 0%, #431b06 100%);
}
.uw-post-znowu
{
	margin-top: 14px;
}

/* --- Strona "Commands" --------------------------------------------------------- */
.uw-cmd-grupa
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 4px;
}
.uw-cmd-karta
{
	flex: 1 1 270px;
	/* Bez tego kafelka nie moze zwezic sie ponizej swojej najszerszej tresci (domyslne
	   min-width: auto), wiec podglad konsoli rozpychal ja poza szerokosc strony. */
	min-width: 0;
	padding: 8px 10px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-cmd-glowa
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d6b98c;
}
.uw-cmd-ikona
{
	width: 32px;
	height: 32px;
	image-rendering: pixelated;
}
.uw-cmd-slowa
{
	padding: 2px 9px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 3px;
	color: #ffd07a;
	font-family: 'Courier New', monospace;
	font-size: 13px;
	font-weight: bold;
}
.uw-cmd-alias
{
	color: #8a5a15;
	font-size: 11px;
	font-style: italic;
}
.uw-cmd-tytul
{
	margin-left: auto;
	color: #8a5a15;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-cmd-opis
{
	color: #3d1c05;
	font-size: 12px;
	line-height: 1.5;
}
.uw-cmd-wariant
{
	margin-top: 5px;
	color: #5a3a1a;
	font-size: 12px;
	line-height: 1.5;
}
.uw-cmd-arg
{
	padding: 1px 6px;
	background: #efd7ae;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	color: #5d2c0a;
	font-family: 'Courier New', monospace;
	font-size: 12px;
}
.uw-cmd-warunki
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 6px;
}
.uw-cmd-warunki span
{
	padding: 1px 8px;
	background: #efd7ae;
	border: 1px solid #d6b98c;
	border-radius: 9px;
	color: #5a3a1a;
	font-size: 10px;
}
/* Podglad tego, co komenda wypisuje na czacie — dlatego ciemne tlo klienta. */
.uw-cmd-konsola
{
	margin: 7px 0 0;
	max-width: 100%;
	padding: 7px 9px;
	overflow-x: auto;
	background: #1a1008;
	border: 1px solid #4a2409;
	border-radius: 3px;
	color: #8fc8ff;
	font-family: 'Courier New', monospace;
	font-size: 11px;
	line-height: 1.5;
	white-space: pre;
}
.uw-cmd-uwaga
{
	margin-top: 7px;
	padding-left: 8px;
	border-left: 3px solid #a5490f;
	color: #6b3a14;
	font-size: 11px;
	line-height: 1.5;
}
.uw-cmd-lista
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.uw-cmd-mala
{
	padding: 2px 9px;
	background: #efd7ae;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	color: #5d2c0a;
	font-family: 'Courier New', monospace;
	font-size: 12px;
}
.uw-cmd-ekipa
{
	background: #e6d5bb;
	color: #8a5a15;
	opacity: 0.85;
}
.uw-cmd-stopka
{
	margin-top: 8px;
	color: #8a5a15;
	font-size: 11px;
	font-style: italic;
}

/* --- Strony "Rules" i "FAQ" ---------------------------------------------------- */
.uw-reg-hero
{
	margin: 0 0 10px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #3d1d07 0%, #170b02 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 199, 109, 0.18);
}
.uw-reg-hero-tytul
{
	font-family: 'Patua One', Georgia, serif;
	font-size: 20px;
	color: #ffd07a;
	text-shadow: 0 2px 0 #000;
}
.uw-reg-hero-opis
{
	margin-top: 4px;
	color: #cbb08a;
	font-size: 12px;
	line-height: 1.5;
}
.uw-reg-zasada
{
	display: flex;
	gap: 10px;
	margin-bottom: 6px;
	padding: 8px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-reg-numer
{
	flex: 0 0 26px;
	height: 26px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 50%;
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
.uw-reg-tresc  { flex: 1 1 auto; min-width: 0; }
.uw-reg-tytul
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: #3d1c05;
	font-size: 14px;
	font-weight: bold;
}
/* Konsekwencja stoi przy tytule, zeby nie trzeba bylo czytac calej zasady, by ja poznac. */
.uw-reg-kara
{
	padding: 1px 8px;
	background: #a5220f;
	border-radius: 9px;
	color: #fdedd1;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-reg-opis
{
	margin-top: 3px;
	color: #5a3a1a;
	font-size: 12px;
	line-height: 1.55;
}
.uw-reg-wolno
{
	padding: 8px 10px;
	background: #eef5e6;
	border: 1px solid #b9d3a8;
	border-radius: 3px;
}
.uw-reg-wolno-wiersz
{
	padding: 3px 0;
	color: #2f4d24;
	font-size: 12px;
	line-height: 1.5;
}
.uw-reg-wolno-wiersz span
{
	margin-right: 6px;
	color: #2f7a3e;
	font-weight: bold;
}
.uw-reg-czaszki
{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.uw-reg-czaszka
{
	flex: 1 1 220px;
	padding: 7px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	color: #5a3a1a;
	font-size: 12px;
	line-height: 1.5;
}
.uw-reg-kropka
{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 6px;
	border: 1px solid #6b4a1a;
	border-radius: 50%;
	vertical-align: middle;
}
.uw-reg-kropka-biala    { background: #f2ece0; }
.uw-reg-kropka-czerwona { background: #a5220f; }
.uw-reg-kropka-czarna   { background: #1a1008; }
.uw-reg-stopka
{
	margin: 6px 0 0;
	color: #8a5a15;
	font-size: 11px;
	line-height: 1.5;
}
.uw-reg-koniec,
.uw-faq-koniec
{
	padding: 8px 10px;
	background: #f9e8c8;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	color: #3d1c05;
	font-size: 12px;
	line-height: 1.55;
}
.uw-faq-koniec
{
	margin-top: 12px;
}
.uw-faq-wpis
{
	margin-bottom: 5px;
	padding: 8px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-faq-pytanie
{
	color: #3d1c05;
	font-size: 13px;
	font-weight: bold;
}
.uw-faq-odpowiedz
{
	margin-top: 3px;
	color: #5a3a1a;
	font-size: 12px;
	line-height: 1.55;
}
/* Pulapka, o ktora gracz sie potyka — osobno, bo latwo ja przeoczyc w akapicie. */
.uw-faq-uwaga
{
	margin-top: 6px;
	padding: 4px 8px;
	background: #f9e8c8;
	border-left: 3px solid #a5490f;
	color: #6b3a14;
	font-size: 11px;
	line-height: 1.5;
}

/* --- Strona "Server Info" ------------------------------------------------------ */
.uw-si-hero
{
	margin: 0 0 10px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #3d1d07 0%, #170b02 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 199, 109, 0.18);
}
.uw-si-hero-glowa
{
	margin-bottom: 8px;
	color: #e0a349;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.uw-si-polacz
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.uw-si-pole
{
	flex: 1 1 220px;
	min-width: 0;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid #6b4a1a;
	border-radius: 3px;
}
.uw-si-etykieta
{
	display: block;
	color: #cbb08a;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* Adres jest tu najwazniejszy — gracz przychodzi po niego i po nic innego. */
.uw-si-adres
{
	display: block;
	margin: 2px 0 3px;
	overflow-x: auto;
	color: #ffd07a;
	font-family: 'Courier New', monospace;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 2px 0 #000;
}
.uw-si-drobne
{
	display: block;
	color: #a38a68;
	font-size: 11px;
}
.uw-si-drobne a { color: #e0a349 !important; }
.uw-si-siatka
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.uw-si-karta
{
	flex: 1 1 250px;
	min-width: 0;
	padding: 8px 10px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-si-szeroka { flex-basis: 100%; }
.uw-si-tytul
{
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d6b98c;
	color: #8a5a15;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-si-tresc
{
	color: #3d1c05;
	font-size: 12px;
	line-height: 1.55;
}
.uw-si-wiersz
{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 3px 0;
	border-bottom: 1px solid #e7d3b1;
	font-size: 12px;
}
.uw-si-wiersz:last-child { border-bottom: none; }
.uw-si-wiersz span { color: #8a5a15; }
.uw-si-wiersz b { color: #3d1c05; text-align: right; }
.uw-si-plakietki
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 7px;
}
.uw-si-plakietka
{
	padding: 2px 9px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border-radius: 10px;
	color: #ffd07a;
	font-size: 11px;
}
.uw-si-linki
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.uw-si-linki a
{
	padding: 3px 12px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 11px;
	color: #5a3a1a !important;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-si-linki a:hover
{
	background: #f9ebd3;
	color: #3d1c05 !important;
}

/* --- Strony doswiadczenia ------------------------------------------------------ */
.uw-exp-table td
{
	vertical-align: middle;
}
.uw-exp-c-lvl  { white-space: nowrap; }
.uw-exp-c-num  { text-align: right !important; white-space: nowrap; }
.uw-exp-c-mult { width: 56px; text-align: center !important; }
.uw-exp-c-bar  { width: 34%; }
.uw-exp-ile
{
	margin-left: 6px;
	color: #8a5a15;
	font-size: 10px;
}
.uw-exp-mnoznik
{
	display: inline-block;
	min-width: 34px;
	padding: 1px 7px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border-radius: 9px;
	color: #ffd07a;
	font-size: 11px;
	text-align: center;
}
.uw-exp-pasek
{
	display: block;
	height: 9px;
	background: #e0c9a3;
	border: 1px solid #c9ab7c;
	border-radius: 5px;
	overflow: hidden;
}
.uw-exp-pasek-wnetrze
{
	display: block;
	height: 100%;
	background: linear-gradient(180deg, #c98a1a 0%, #8a5a15 100%);
}
/* Liczba, ktora gracz naprawde odczuwa — wiec ciemniejsza od reszty kolumn. */
.uw-exp-razem
{
	color: #5d2c0a;
	font-weight: bold;
}
.uw-exp-uwaga
{
	margin-top: 8px;
	padding: 8px 10px;
	background: #f9e8c8;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	color: #5a3a1a;
	font-size: 11px;
	line-height: 1.6;
}

/* --- "Newest arrivals": jedna postac na wiersz ---------------------------------- */
.uw-nowi-wiersz
{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 4px 8px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	margin-bottom: 4px;
	color: #3d1c05 !important;
	font-size: 12px;
}
.uw-nowi-wiersz:hover
{
	background: #f9ebd3;
	border-color: #a5730f;
}
.uw-nowi-imie
{
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	color: #5d2c0a;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.uw-nowi-kiedy
{
	flex: 0 0 auto;
	color: #8a5a15;
	font-size: 11px;
}
/* Poziom i wokacja na koncu wiersza, w stalej szerokosci — inaczej kazdy wiersz
   lamalby sie w innym miejscu i lista przestalaby byc lista. */
.uw-nowi-kim
{
	flex: 0 0 150px;
	color: #6b3a14;
	text-align: right;
}

/* --- Strona "Buy Points" (PayU) ------------------------------------------------
   Siostra sklepu, nie osobny serwis: tabela, kolumna obrazka i pigulki sa te same
   co w /gifts, wiec gracz przechodzacy miedzy jedna a druga widzi ten sam mebel.
   Przycisk "Buy" powtarza wyglad przycisku sklepu SWIADOMIE — tamten siedzi
   inline w gifts.html.twig (plik cudzej wtyczki) i nie ma go skad wspoldzielic. */
.uw-payu-intro
{
	margin: 4px 0 12px;
	font-size: 12px;
	line-height: 1.45;
}
/* Komunikaty stanu: powrot z platnosci i ostrzezenie o sandboxie. Pierwszy jest
   informacja (barwy pergaminu), drugi ostrzezeniem (te same barwy co koszt wlasny
   outfitu, `uw-attr-bad`) — zeby "to nie sa prawdziwe pieniadze" bilo po oczach. */
.uw-payu-note
{
	margin: 0 0 10px;
	padding: 6px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.45;
	color: #3d1c05;
}
.uw-payu-note-warn
{
	background: #f6d7c4;
	border-color: #cf9b7c;
}
.uw-payu-table
{
	margin: 0 auto 18px;
	width: 100% !important;
}
.uw-payu-table tr td
{
	padding: 4px 4px;
	text-align: center;
	vertical-align: middle;
}
.uw-payu-table input[type="submit"]
{
	padding: 5px 18px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 3px;
	color: #ffd07a;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}
.uw-payu-table input[type="submit"]:hover
{
	background: linear-gradient(180deg, #6d3610 0%, #431b06 100%);
}
.uw-payu-price
{
	font-family: 'Patua One', Georgia, serif;
	font-size: 15px;
	color: #3d1c05;
	white-space: nowrap;
}

/* Orientacyjna kwota w EUR i USD. CELOWO mniejsza i blada od ceny w zlotych: zlotowka
   jest cena, ta liczba tylko informacja obok niej. Odwrocenie tej hierarchii byloby
   wprowadzaniem w blad co do ceny. */
.uw-payu-orient
{
	margin-top: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7a5533;
}

/* Lamanie wolno MIEDZY walutami, nie w srodku kwoty. */
.uw-payu-orient-kwota
{
	white-space: nowrap;
}

.uw-payu-orient-nota
{
	margin: 6px 0 10px;
	padding: 6px 9px;
	border-left: 3px solid #c8a66a;
	background: #f6efe1;
	font-size: 12px;
	line-height: 1.45;
	color: #5a3a18;
}
/* Historia doladowan: pasek tytulu w barwie ciemnego drewna, jak naglowki grup
   na "Outfit Bonuses" i jak tytuly pudelek w pasku bocznym. */
.uw-payu-group td
{
	padding: 5px 8px !important;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left !important;
}
.uw-payu-history td
{
	font-size: 12px;
}
.uw-payu-when
{
	width: 190px;
	color: #6b3a14;
	white-space: nowrap;
}
.uw-payu-ok
{
	color: #1f6b32;
	font-weight: bold;
}
.uw-payu-wait
{
	color: #a5220f;
}
.uw-payu-stopka
{
	margin: 8px 0 0;
	font-size: 11px;
	color: #6b3a14;
}
/* Kafelek bramki na /points. Struktura floating-box jest z wtyczki sklepu, wiec
   ustawiamy sie w jej siatce; napis zastepuje logo operatora. */
.uw-payu-kafelek .floating-logo-box
{
	line-height: 130px;
}
.uw-payu-logo
{
	display: inline-block;
	width: 150px;
	padding: 12px 0;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}
.uw-payu-logo:hover
{
	background: linear-gradient(180deg, #6d3610 0%, #431b06 100%);
}
.uw-payu-kafelek-opis
{
	font-size: 12px;
	line-height: 1.5;
	color: #6b3a14;
}
/* Strona pakietow wstawiona w miejsce kafelkow (gdy PayU jest jedyna bramka). Kontener
   `.main-box` wtyczki sklepu jest `display: flex`, wiec nasza strona musi byc JEDNYM
   elementem zajmujacym caly wiersz — inaczej tabela i akapity rozjechalyby sie na kolumny. */
.uw-payu-strona
{
	flex: 1 1 100%;
	min-width: 0;
}
/* Marka operatora na stronie doladowania. Po usunieciu kroku wyboru bramki nic juz nie
   mowilo, CZYIM systemem gracz placi — a to informacja, ktorej kupujacy ma prawo oczekiwac
   przed klikniecem "zaplac". Uklad jest tym samym "hero", ktorego uzywaja Server Info
   i Rules: ciemne drewno, zlota ramka wewnetrzna, kicker wersalikami nad trescia. */
.uw-payu-hero
{
	margin: 0 0 10px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #3d1d07 0%, #170b02 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 199, 109, 0.18);
}
.uw-payu-hero-glowa
{
	margin-bottom: 8px;
	color: #e0a349;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.uw-payu-hero-marka
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}
.uw-payu-hero-tresc
{
	flex: 1 1 260px;
}
.uw-payu-hero-opis
{
	color: #cbb08a;
	font-size: 12px;
	line-height: 1.5;
}
.uw-payu-metody
{
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 7px;
}
/* Plakietki metod platnosci — te same, ktorymi Server Info opisuje mnozniki serwera. */
.uw-payu-metoda
{
	padding: 2px 9px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border-radius: 10px;
	color: #ffd07a;
	font-size: 11px;
}
/* Kolumna przycisku jest szersza niz w sklepie, bo napis mowi wprost, u kogo sie placi. */
.uw-payu-table .uw-payu-kup
{
	width: 150px;
}
/* Zdanie o mechanice rabatu — nad tabela progow. */
.uw-payu-rabat
{
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 1.45;
}
.uw-payu-zapkt
{
	color: #6b3a14;
	font-size: 12px;
	white-space: nowrap;
}
/* Wybor dowolnej wielokrotnosci bloku. Progi w tabeli to tylko skroty do najczestszych
   kwot — kupic mozna kazda pozycje z tej listy. */
.uw-payu-dowolna
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
	padding: 8px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	font-size: 12px;
	color: #3d1c05;
}
.uw-payu-dowolna select
{
	padding: 3px 6px;
	background: #fdf3e0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
	color: #3d1c05;
	font-size: 12px;
}
.uw-payu-dowolna input[type="submit"]
{
	padding: 5px 18px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border: 1px solid #8a5a15;
	border-radius: 3px;
	color: #ffd07a;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}
.uw-payu-dowolna input[type="submit"]:hover
{
	background: linear-gradient(180deg, #6d3610 0%, #431b06 100%);
}

.uw-payu-uwaga
{
	color: #a5220f;
	font-weight: bold;
}

/* --- Strona "Elixir System" ----------------------------------------------------
   Ten sam mebel co Server Info (hero + karty + pigulki) i co Spells (tabela, filtry),
   bo strona robi obie rzeczy naraz: najpierw ostrzega, potem wypisuje dziewiec pul
   statow. Nic tu nie jest nowym jezykiem wizualnym — nowe sa tylko szerokosci kolumn.

   Ostrzezenia stoja w hero SWIADOMIE. Reszta strony jest pergaminowa i przyjazna,
   wiec jedyna ciemna plama sciaga wzrok na te trzy zdania, przez ktore gracz moze
   stracic przedmiot przez nieporozumienie. */
.uw-eli-intro
{
	margin: 4px 0 12px;
	font-size: 12px;
	line-height: 1.5;
}
.uw-eli-akapit
{
	margin: 8px 0 10px;
	font-size: 12px;
	line-height: 1.5;
}
.uw-eli-hero
{
	margin: 0 0 12px;
	padding: 12px 14px;
	background: linear-gradient(180deg, #3d1d07 0%, #170b02 100%);
	border: 1px solid #8a5a15;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 199, 109, 0.18);
}
.uw-eli-hero-glowa
{
	margin-bottom: 9px;
	color: #e0a349;
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.uw-eli-ostrzezenia
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.uw-eli-ostrzezenie
{
	display: flex;
	flex: 1 1 240px;
	min-width: 0;
	gap: 9px;
	padding: 8px 10px;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid #6b4a1a;
	border-left: 3px solid #a5490f;
	border-radius: 3px;
	color: #cbb08a;
	font-size: 12px;
	line-height: 1.5;
}
.uw-eli-ostrzezenie b
{
	color: #ffd07a;
}
/* Numer jest kotwica, nie ozdoba: gracz ma zapamietac, ze sa DOKLADNIE trzy. */
.uw-eli-numer
{
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	background: linear-gradient(180deg, #a5490f 0%, #6b2c05 100%);
	border-radius: 50%;
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
/* Karty — te same co na Server Info. `uw-eli-szeroka` zajmuje caly wiersz. */
.uw-eli-siatka
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 4px;
}
.uw-eli-karta
{
	flex: 1 1 250px;
	min-width: 0;
	padding: 8px 10px 10px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-eli-szeroka { flex-basis: 100%; }
.uw-eli-tytul
{
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d6b98c;
	color: #8a5a15;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-eli-tresc
{
	color: #3d1c05;
	font-size: 12px;
	line-height: 1.55;
}
.uw-eli-lista
{
	margin: 5px 0 5px 16px;
	padding: 0;
}
.uw-eli-lista li
{
	margin-bottom: 2px;
}
/* Poziom przedmiotu — wyrozniony wszedzie tak samo, bo strona wraca do niego trzy razy
   i za kazdym razem po to, zeby powiedziec "tego eliksir nie rusza". */
.uw-eli-plus
{
	display: inline-block;
	padding: 0 6px;
	background: linear-gradient(180deg, #5d2c0a 0%, #341504 100%);
	border-radius: 8px;
	color: #ffd07a;
	font-size: 11px;
	line-height: 15px;
}
.uw-eli-tresc code, .uw-eli-akapit code, .uw-eli-uwaga code
{
	padding: 0 4px;
	background: #ecd7b3;
	border-radius: 2px;
	color: #5d2c0a;
	font-family: 'Courier New', monospace;
	font-size: 12px;
}
/* Naglowek drugiego rzedu: nad kazda tabela puli i nad tabelami pomocniczymi.
   Lzejszy od `uw-spell-head`, bo tam siedzi tytul calej sekcji. */
.uw-eli-podglowek
{
	margin: 14px 0 0;
	padding: 4px 10px;
	background: #ecd7b3;
	border-left: 3px solid #8a5a15;
	color: #6b3a14;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-eli-podglowek i
{
	margin-left: 6px;
	color: #8a7250;
	font-size: 11px;
	letter-spacing: 0;
	text-transform: none;
}
.uw-eli-uwaga
{
	margin: 6px 0 4px;
	padding: 8px 10px;
	background: #f9e8c8;
	border: 1px solid #d6b98c;
	border-left: 4px solid #a5490f;
	border-radius: 3px;
	color: #5a3a1a;
	font-size: 11px;
	line-height: 1.6;
}
/* Przyklad zapisu w opisie przedmiotu — dokladnie to, co gracz zobaczy w kliencie. */
.uw-eli-przyklad
{
	margin: 0 0 10px;
	padding: 9px 11px;
	background: #f6e2c0;
	border: 1px solid #d6b98c;
	border-radius: 3px;
}
.uw-eli-przyklad code
{
	display: block;
	margin-bottom: 6px;
	padding: 0;
	background: none;
	color: #3d1c05;
	font-family: 'Courier New', monospace;
	font-size: 15px;
	font-weight: bold;
}
.uw-eli-ikona
{
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
.uw-eli-table td
{
	vertical-align: middle;
}
.uw-eli-c-ikona    { width: 40px; text-align: center !important; }
.uw-eli-c-id       { width: 54px; text-align: center !important; color: #8a7250; }
.uw-eli-c-slots    { width: 80px; text-align: center !important; }
.uw-eli-c-szansa   { width: 130px; text-align: center !important; }
.uw-eli-c-krok     { width: 44px; text-align: center !important; color: #8a7250; }
.uw-eli-c-stan     { width: 90px; text-align: center !important; }
.uw-eli-c-sytuacja { width: 170px; }
.uw-eli-c-efekt    { width: 110px; text-align: center !important; }
.uw-eli-c-baza     { width: 60px; text-align: center !important; }
.uw-eli-c-war      { width: 132px; }
.uw-eli-c-kto      { width: 140px; }
.uw-eli-c-stat     { width: 150px; }
/* Wiersze od kroku 4 w dol: eliksir jest juz zuzyty. Tlo mowi to bez czytania. */
.uw-eli-po td
{
	background: #f6d7c4;
}
.uw-eli-stan
{
	display: inline-block;
	padding: 0 8px;
	background: #1f6b32;
	border-radius: 8px;
	color: #fdedd1;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.uw-eli-stan-zle
{
	background: #a5220f;
}
.uw-eli-kom
{
	color: #5d2c0a;
	font-family: 'Courier New', monospace;
	font-size: 12px;
}
/* Wariant, ktory na tej klasie sprzetu wygrywa — zaznaczony w tabeli porownawczej,
   bo cala jej teza brzmi "to zalezy od przedmiotu". */
.uw-eli-lepszy
{
	background: #eaf3e4;
	color: #1f6b32;
	font-weight: bold;
}
/* "flat only" to nie brak danych, tylko decyzja projektowa — stad kursywa, nie kreska. */
.uw-eli-brak
{
	color: #8a7250;
	font-style: italic;
}
.uw-eli-stat
{
	display: inline-block;
	margin: 0 2px 3px 0;
	padding: 1px 8px;
	background: #ecd7b3;
	border: 1px solid #d6b98c;
	border-radius: 9px;
	color: #5d2c0a;
	font-size: 11px;
	line-height: 15px;
	white-space: nowrap;
}
/* Naglowek zakladki puli: ikona eliksiru + jego ID, zeby po przelaczeniu bylo widac,
   czyja pule sie oglada. Zakladki same w sobie sa filtrami ze Spells. */
.uw-eli-naglowek
{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 2px;
	padding: 8px 10px;
	background: linear-gradient(180deg, #3d1d07 0%, #170b02 100%);
	border: 1px solid #8a5a15;
	border-radius: 3px;
	color: #ffd07a;
	font-family: 'Patua One', Georgia, serif;
	font-size: 15px;
}
.uw-eli-naglowek span
{
	color: #a38a68;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
}
.uw-eli-naglowek-opis
{
	color: #cbb08a;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
}