* {
margin: 0;
padding: 0
}
.container {
max-width: 1170px;
width: 100%;
}
@font-face {
font-family: bebas neue;
src: url(../fonts/bebasneue_regular-webfont.eot);
src: url(../fonts/bebasneue_regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/bebasneue_regular-webfont.woff2) format("woff2"), url(../fonts/bebasneue_regular-webfont.woff) format("woff"), url(../fonts/bebasneue_regular-webfont.ttf) format("truetype"), url(../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: bebas neue bold;
src: url(../fonts/bebasneue_bold-webfont.eot);
src: url(../fonts/bebasneue_bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/bebasneue_bold-webfont.woff2) format("woff2"), url(../fonts/bebasneue_bold-webfont.woff) format("woff"), url(../fonts/bebasneue_bold-webfont.ttf) format("truetype"), url(../fonts/bebasneue_bold-webfont.svg#bebas_neuebold) format("svg");
font-weight: 400;
font-style: normal
}
body {
background: #061123 url(../images/bg86.jpg) center 47px / auto no-repeat;
font-family: Bebas, sans-serif;
padding: 0
}
@media (max-width: 768px) {
body {
background-attachment: scroll;
}
}
body .logo {
display: block;
background: url(../images/logo.png?v=2) no-repeat;
height: 140px;
background-position: center
}
body .content {
margin-top: 30px
}
body .content .container {
position: relative
}
body .content .container .content-wrapper {
position: relative;
background: url(../images/frame-top-left.png), url(../images/frame-top-right.png), url(../images/frame-bottom-left.png), url(../images/frame-bottom-right.png), url(../images/frame-top.png), url(../images/frame-left.png), url(../images/frame-right.png), url(../images/frame-bottom.png), #d5ceb8;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x;
background-position: top left, top right, bottom left, bottom right, top, left, right, bottom;
padding: 30px
}
body .content .container .corner-top-left {
position: absolute;
background: url(../images/corner.png) no-repeat;
width: 169px;
height: 112px;
top: -10px;
left: -16px
}
body .content .container .corner-top-right {
position: absolute;
background: url(../images/corner.png) no-repeat;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
width: 169px;
height: 112px;
top: -10px;
right: -16px
}
body .content .container .borderfix {
background: #d5ceb8;
width: 100%;
height: 100%;
display: table;
box-sizing: border-box;
border: 1px solid #e8e1cd;
outline: 1px solid #c5bda4
}
body .content .container .main-content {
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden
}
body .content .container .main-content .box {
margin-bottom: 30px;
overflow: hidden
}
body .content .container .main-content .box .box-wrapper {
width: 330px
}
body .content .container .main-content .box .head {
background: linear-gradient(180deg, #d8b23a, #96781f);
border: 1px solid #7a611a;
height: 38px;
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
line-height: 36px;
text-align: center;
color: #241b00;
font-family: Bebas Neue Bold, sans-serif;
font-size: 24px
}
body .content .container .main-content .box .box-content {
background: #efe9da;
padding: 20px;
box-sizing: border-box;
border: 1px solid #fff;
box-shadow: -1px 0 0 0 #c6bda6, 1px 1px 0 0 #c6bda6, -1px 1px 0 0 #c6bda6, 1px 0 0 0 #c6bda6;
margin: 0 1px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px
}
body .content .container .main-content .box .box-content .item-wrapper .title {
color: #57503f;
font-family: Bebas Neue, sans-serif;
font-size: 16px
}
body .content .container .main-content .box .box-content .item-wrapper .value {
color: #57503f;
font-family: Bebas Neue Bold, sans-serif;
font-size: 16px
}
body .content .container .main-content .news {
background: #efe9da;
border-radius: 5px;
box-sizing: border-box;
border: 1px solid #fff;
box-shadow: -1px -1px 0 0 #c6bda6, 1px 1px 0 0 #c6bda6, -1px 1px 0 0 #c6bda6, 1px -1px 0 0 #c6bda6;
padding: 20px;
margin-bottom: 30px
}
body .content .container .main-content .news images {
max-width: 100%
}
body .content .container .main-content .news h3 {
font-size: 22px;
color: #57503f;
font-family: Bebas Neue Bold, sans-serif;
margin: 0
}
body .content .container .main-content .news .separator {
width: 100%;
height: 2px;
background: #f7f4ec;
border-top: 1px solid #cdc5ae;
margin: 20px 0
}
body .content .container .main-content .news p {
font-size: 14px;
line-height: 24px;
font-family: Georgia, serif
}
body .content .container .main-content .news .timestamp {
font-family: Bebas Neue Bold, sans-serif;
color: #57503f;
font-size: 14px
}
body .content .container .main-content .news .comments {
margin-top: -10px
}
body .content .container .main-content .news .comments a {
color: #d4af37;
font-family: Bebas Neue, sans-serif;
font-size: 14px
}
body .content .container .main-content .news .comments a:hover {
color: #d4af37
}
body .content .container .main-content .news .author {
font-family: Bebas Neue, sans-serif;
font-size: 14px;
color: #57503f;
margin-top: -10px
}
body .content .container .main-content .news .author strong {
font-family: Bebas Neue Bold, sans-serif
}
body .content .container .right-panel {
padding-top: 15px
}
body .content .container .right-panel .latest-posts ul {
list-style-type: none
}
body .content .container .right-panel .latest-posts ul .item {
padding-bottom: 2px!important;
margin-bottom: 5px!important
}
body .content .container .right-panel .latest-posts ul .item .info {
font-family: Bebas Neue, sans-serif;
font-size: 16px;
color: #857c66
}
body .content .container .right-panel .latest-posts ul li a {
font-family: Bebas Neue Bold, sans-serif;
font-size: 18px;
color: #6b5f45
}
body .content .container .right-panel .box {
margin-bottom: 30px;
overflow: hidden
}
body .content .container .right-panel .box .box-wrapper {
width: 330px
}
body .content .container .right-panel .box .head {
background: linear-gradient(180deg, #d8b23a, #96781f);
border: 1px solid #7a611a;
height: 38px;
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
line-height: 36px;
text-align: center;
color: #241b00;
font-family: Bebas Neue Bold, sans-serif;
font-size: 19px;
letter-spacing: 1.2px
}
body .content .container .right-panel .box .box-content {
background: #efe9da;
padding: 0px;
box-sizing: border-box;
border: 1px solid #fff;
box-shadow: -1px 0 0 0 #c6bda6, 1px 1px 0 0 #c6bda6, -1px 1px 0 0 #c6bda6, 1px 0 0 0 #c6bda6;
margin: 0 1px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px
}
body .content .container .right-panel .box .box-content .item {
border-bottom: 1px solid #cdc5ae;
box-shadow: 0 1px 0 0 #f7f4ec;
padding-bottom: 10px;
margin-bottom: 20px;
width: 100%
}
body .content .container .right-panel .box .box-content .item .item-head {
color: #6f6550;
font-family: Bebas Neue, sans-serif;
font-size: 18px;
padding-bottom: 0;
margin-bottom: 10px;
box-sizing: border-box;
border-bottom: 1px solid #cdc5ae;
box-shadow: 0 1px 0 0 #f7f4ec;
display: table
}
body .content .container .right-panel .box .box-content .item .wrap {
overflow: hidden;
width: 100%
}
body .content .container .right-panel .box .box-content .item .wrap .left {
float: left
}
body .content .container .right-panel .box .box-content .item .wrap .left images {
max-width: 60px;
max-height: 60px
}
body .content .container .right-panel .box .box-content .item .wrap .right {
margin-left: 70px
}
body .content .container .right-panel .box .box-content .item .wrap .right .title {
color: #57503f;
font-size: 24px;
font-family: Bebas Neue Bold, sans-serif
}
body .content .container .right-panel .box .box-content .item .wrap .right .info {
color: #57503f;
font-size: 18px;
font-family: Bebas Neue, sans-serif
}
body .content .container .right-panel .box .box-content .item:last-child {
border-bottom: none;
box-shadow: none;
padding-bottom: 0;
margin-bottom: 0
}
body .content .container .right-panel .box .box-content .featured-item {
padding: 0 20px;
height: 80px
}
body .content .container .right-panel .box .box-content .featured-item .slick-list {
width: 240px
}
body .content .container .right-panel .box .box-content .featured-item .wrap .left {
height: 60px
}
body .content .container .right-panel .box .box-content .featured-item .wrap .left images {
margin-top: 14px
}
body .content .container .right-panel .box .box-content .featured-item .wrap .left,
body .content .container .right-panel .box .box-content .featured-item .wrap .right {
margin-top: 10px
}
body .content .container .right-panel .box .box-content .featured-item .wrap .item-tooltip {
display: none;
float: left;
margin-left: 20px;
font-family: Georgia, serif;
font-size: 14px;
max-width: 180px
}
body .content .container .right-panel .box .box-content .featured-item .wrap:hover .item-tooltip {
display: block
}
body .content .container .right-panel .box .box-content .featured-item .wrap:hover .right {
display: none
}
body .content .container .right-panel .box .box-content .featured-item .wrap:focus {
outline: none
}
body .content .container .right-panel .teamspeak button {
font-family: Bebas Neue Bold, sans-serif;
height: 28px;
line-height: 0;
color: #fff;
background: #c9a227;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9a227), color-stop(100%, #66521a));
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: linear-gradient(to bottom, #c9a227 0%, #66521a 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c9a227', endColorstr='#66521a', GradientType=0);
border-radius: 5px;
margin: 0 5px
}
body .status-bar {
width: 100%;
background: #000;
font-family: Bebas Neue, sans-serif;
opacity: .75;
font-size: 18px;
border-bottom: 1px solid #c9a227
}
body .status-bar .container {
overflow: hidden
}
body .status-bar .container .item {
height: 40px;
padding: 0 15px;
line-height: 40px;
color: #746a54;
float: left;
border-left: 1px solid #c9a227
}
body .status-bar .container .item .value {
color: #d8cba6;
font-family: Bebas Neue Bold
}
body .status-bar .container .item .online {
font-family: Bebas Neue Bold;
color: #6cd94b
}
body .menu nav {
border-radius: 0;
height: 60px;
background: #c9a227;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9a227), color-stop(100%, #66521a));
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: linear-gradient(to bottom, #c9a227 0%, #66521a 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c9a227', endColorstr='#66521a', GradientType=0);
border: none;
box-shadow: inset 0 1px 0 0 #d6b95e, 0 4px 0 0 #4a3a0e;
font-family: Bebas Neue;
font-size: 24px
}
body .menu nav .dropdown-menu li a:hover {
color: #e3c256!important
}
body .menu nav .navbar-form {
margin-top: 12px
}
body .menu nav .navbar-form .form-group {
margin-right: -4px
}
body .menu nav .navbar-form .form-group input {
height: 36px;
background: #8a6d1f;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a6d1f), color-stop(100%, #5e4a15));
background: -webkit-linear-gradient(top, #8a6d1f 0%, #5e4a15 100%);
background: -webkit-linear-gradient(top, #8a6d1f 0%, #5e4a15 100%);
background: linear-gradient(to bottom, #8a6d1f 0%, #5e4a15 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8a6d1f', endColorstr='#5e4a15', GradientType=0);
border-radius: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: none;
box-shadow: inset 0 3px 0 0 #5c4a12, inset 0 -1px 0 0 #8f7220;
color: #fff
}
body .menu nav .navbar-form .form-group::-webkit-input-placeholder {
color: #dcc678
}
body .menu nav .navbar-form .btn {
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7d7d7));
background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: linear-gradient(to bottom, #ffffff 0%, #d7d7d7 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
border: none;
outline: none;
height: 34px;
color: #4e4a3e;
font-size: 18px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
body .menu nav .navbar-nav .dropdown-menu {
padding-top: 0;
padding-bottom: 4px;
background: #4abafb;
border: none;
border-radius: 0;
box-shadow: 0 5px 5px rgba(0, 0, 0, .175)
}
body .menu nav .navbar-nav .dropdown-menu li a {
line-height: 34px;
font-size: 18px
}
body .menu nav .navbar-nav li a {
color: #fff;
padding: 0;
line-height: 60px;
padding: 0 15px
}
body .menu nav .navbar-nav li.active a {
background: url(../images/menu-active.png) no-repeat;
background-size: 100% 44px;
background-position: bottom;
box-shadow: none;
color: #fff
}
body .menu nav .navbar-nav li.open a,
body .menu nav .navbar-nav li.open a:focus,
body .menu nav .navbar-nav li.open a:hover,
body .menu nav .navbar-nav li.open a:active {
background: #33302a;
color: #fff
}
body header .container .slick-slider {
margin-bottom: 0
}
body header .container .slider {
height: 250px
}
body header .container .slider .slick-dots {
bottom: -25px
}
body header .container .slider .item {
position: relative;
height: 250px
}
body header .container .slider .item images {
position: absolute;
z-index: 111;
top: 0;
height: 100%
}
body header .container .slider .item h2 {
font-size: 60px;
font-family: Georgia, serif;
text-shadow: 0 3px 3px rgba(0, 0, 0, .9);
color: #fff;
font-weight: 700;
position: relative;
z-index: 222
}
body header .container .slider .item p {
color: #fff;
text-shadow: 0 3px 3px rgba(0, 0, 0, .9);
font-size: 19px;
font-family: Georgia, serif;
font-weight: 700;
line-height: 28px;
position: relative;
z-index: 222
}
body header .container .slider .item:focus {
outline: none
}
body header .container #tabs {
height: 40px
}
body header .container #tabs li {
height: 40px;
width: 50%;
text-align: center
}
body header .container #tabs li a {
height: 40px;
line-height: 40px;
padding: 0;
border-radius: 0;
color: #fff;
font-size: 24px;
background: #5a4614;
border: none;
margin: 0;
font-family: Bebas Neue Bold, sans-serif
}
body header .container #tabs li.active a {
background: #b8860b;
box-sizing: border-box;
border: 1px solid #e8cd6d;
border-bottom: 1px solid #b8860b;
height: 41px
}
body header .container .tab-content {
background: #b8860b;
border: 1px solid #e8cd6d;
box-sizing: border-box
}
body header .container .tab-content .tab-pane form .form-group {
margin: 10px 15px 0
}
body header .container .tab-content .tab-pane form .form-group input {
height: 36px;
font-family: Bebas Neue, sans-serif;
background: #a8842a;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8842a), color-stop(100%, #8a6d1f));
background: -webkit-linear-gradient(top, #a8842a 0%, #8a6d1f 100%);
background: -webkit-linear-gradient(top, #a8842a 0%, #8a6d1f 100%);
background: linear-gradient(to bottom, #a8842a 0%, #8a6d1f 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a8842a', endColorstr='#8a6d1f', GradientType=0);
border-radius: 5px;
border: none;
box-shadow: inset 0 3px 0 0 #96781f, inset 0 -1px 0 0 #bd8b12;
color: #fff
}
body header .container .tab-content .tab-pane form .form-group::-webkit-input-placeholder {
color: #dcc678
}
body header .container .tab-content .tab-pane form .btn {
margin: 10px auto;
font-family: Bebas Neue, sans-serif;
display: block;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7d7d7));
background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: linear-gradient(to bottom, #ffffff 0%, #d7d7d7 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
border: none;
outline: none;
height: 34px;
color: #4e4a3e;
font-size: 18px
}
body .logged-account .tab-content {
background: rgba(16, 16, 16, .48)!important
}
body .logged-account .center-block {
display: table;
margin-top: 15px
}
body .logged-account .tab-pane {
box-sizing: border-box;
padding: 20px
}
body .logged-account .tab-pane span {
font-family: Bebas Neue, sans-serif;
color: #fff;
text-shadow: 0 1px 0 #544213;
font-size: 18px
}
body .logged-account .tab-pane span.value {
font-family: Bebas Neue Bold, sans-serif
}
body .btn-blue {
font-family: Bebas Neue Bold, sans-serif;
height: 28px;
line-height: 14px;
color: #fff;
background: #c9a227;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9a227), color-stop(100%, #66521a));
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: linear-gradient(to bottom, #c9a227 0%, #66521a 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c9a227', endColorstr='#66521a', GradientType=0);
border-radius: 5px;
margin: 0 5px
}
body .btn-silver {
font-family: Bebas Neue Bold, sans-serif;
height: 28px;
line-height: 14px;
color: #464646;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d7d7d7));
background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: linear-gradient(to bottom, #ffffff 0%, #d7d7d7 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
border-radius: 5px;
margin: 0 5px
}
.who-is-online .country {
width: 10%
}
.who-is-online .name {
width: 30%
}
.who-is-online .guild {
width: 30%
}
.who-is-online .level {
width: 10%
}
.who-is-online .vocation {
width: 20%
}
.who-is-online tr {
height: 30px
}
.who-is-online tr:nth-child(2n) {
background: #e6dfcc
}
.table-heading-separator {
border-bottom: 1px solid #cdc5ae;
box-shadow: 0 1px 0 0 #f7f4ec;
margin-bottom: 10px;
display: block
}
.Table3,
.Table5 {
width: 100%
}
.BigButton {
height: 25px
}
.TableContentAndRightShadow {
background-image: none!important
}
.main-content table images {
max-width: 450px
}
.buypoints .box-content {
overflow: hidden
}
.buypoints a {
margin-bottom: 30px;
display: block;
width: 30%;
margin-right: 5%;
float: left
}
.buypoints a images {
width: 100%
}
.buypoints a:nth-child(3) {
margin-right: 0%
}
.countdown {
font-family: Bebas Neue, sans-serif;
font-size: 18px;
color: #6b6350
}
.countdownspecial {
font-family: Bebas Neue, sans-serif;
font-size: 18px;
position: relative;
top: 0;
color: #6b6350
}
.countdown #cntdwn {
font-family: Bebas Neue Bold, sans-serif;
font-size: 24px;
color: #6b6350
}
.countdownspecial #cntdwnspecial {
font-family: Bebas Neue, sans-serif;
font-size: 18px;
color: #6b6350;
padding-top: 0;
font-family: Bebas Neue Bold, sans-serif;
font-size: 24px;
color: green
}
buypoints a {
margin-bottom: 30px
}
.error {
font-style: normal;
color: red;
font-weight: 700
}
.record {
margin-bottom: 20px;
font-family: Bebas Neue Bold, sans-serif
}
.record .title {
color: #e3c256;
font-size: 14px;
text-transform: uppercase
}
.record .value {
color: #6b6350;
font-family: Bebas Neue, sans-serif;
font-size: 20px
}
.record .input-value {
display: block;
background: #fff;
width: 100%;
border: none!important;
height: 32px;
border-radius: 3px
}
.record .radio-value {
color: #6b6350;
font-family: Bebas Neue, sans-serif;
line-height: 24px
}
.no-padding {
padding: 0!important
}
.negative {
color: #e74c3c!important
}
.positive {
color: #2ecc71!important
}
.btn.btn-positive {
font-family: Bebas Neue Bold, sans-serif;
color: #fff;
background: #c9a227;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9a227), color-stop(100%, #66521a));
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: -webkit-linear-gradient(top, #c9a227 0%, #66521a 100%);
background: linear-gradient(to bottom, #c9a227 0%, #66521a 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c9a227', endColorstr='#66521a', GradientType=0)
}
.aac-management td,
.aac-management th {
border-top: none!important;
border-bottom: none!important;
font-family: Bebas Neue, sans-serif;
color: #6b6350
}
.aac-management th {
font-family: Bebas Neue Bold, sans-serif;
color: #e3c256
}
.aac-management td {
vertical-align: middle!important
}
.green-notification {
color: green;
font-size: 20px;
text-align: center
}
.red-notification {
color: red;
font-size: 20px;
text-align: center
}
.centered {
text-align: center
}
.font-big {
font-weight: 700;
font-size: 30px
}
.guild-list {
border: 1px
}
.guild-list th {
background-color: #b8860b
}
.guild-list .table-heading {
height: 30px
}
.guild-list .guild-logo {
width: 10%;
text-align: center;
padding: 5px
}
.guild-list .name {
width: 55%
}
.guild-list .view {
text-align: center;
padding: 5px;
width: 15%
}
.guild-list tr:nth-child(2n) {
background: #e6dfcc
}
.guild-list tr:nth-child(2n-1) {
background: #cfc7b0
}
.guild-list td {
height: 25px
}
.guild-list {
border: 1px
}
.guild-list th {
background-color: #b8860b
}
.guild-show-list .table-heading {
height: 30px
}
.guild-show-list .guild-logo {
width: 10%;
text-align: center;
padding: 5px
}
.guild-show-list .name {
width: 55%
}
.guild-show-list .view {
text-align: center;
padding: 5px;
width: 15%
}
.guild-show-list td {
height: 25px
}
.guild-show-list {
border: 1px
}
.guild-show-list th {
background-color: #b8860b
}
.guild-show-list .even {
background: #e6dfcc
}
.guild-show-list .odd {
background: #cfc7b0
}
.death-list,
th,
td {
padding-left: 5px
}
.create-guild th {
background-color: #b8860b
}
.create-guild td {
height: 30px;
padding: 7px
}
.create-guild th {
padding: 6px
}
.create-guild tr .header {
height: 20px
}
.create-guild tr:nth-child(2n) {
background: #e6dfcc
}
.guild-information .guild-name {
font-size: 25px;
font-weight: 700
}
.guild-information {
padding-left: 30px
}
#comment {
max-width: 80%;
width: 80%
}
.help-block {
color: red
}
.gunz-table {
border-collapse: collapse
}
.gunz-table,
th,
td {
border-collapse: collapse;
border: 1px solid #efeadb;
padding-left: 5px
}
.gunz-table td {
height: 30px
}
.gunz-table tr:nth-child(2n) {
background: #e6dfcc
}
.gunz-table tr:nth-child(2n-1) {
background: #cfc7b0
}
.gunz-table th {
background-color: #b8860b;
border: none
}
.gunz-table .gunz-table-head td {
font-weight: 700;
text-align: center
}
.gunz-table .gunz-table-centered {
text-align: center
}
.forum-table {
border-collapse: collapse
}
.forum-table,
th,
td {
border-collapse: collapse;
border: 1px solid #efeadb;
padding-left: 5px
}
.forum-table td {
height: 30px
}
.forum-table .even {
background: #e6dfcc
}
.forum-table .odd {
background: #cfc7b0
}
.forum-table th {
background-color: #b8860b;
border: none
}
.forum-table .forum-post {
height: 150px
}
.forum-table .post-author {
vertical-align: top;
width: 30%
}
.forum-table .post-text {
vertical-align: top;
width: 70%
}
.forum-table .post-info {
vertical-align: top;
height: 50px
}
.forum-pages {
text-align: center;
font-size: 15px
}
.borderless td,
.borderless th {
border: none
}
.btn-margin {
margin-top: 5px!important;
margin-left: 5px!important;
margin-bottom: 5px!important
}
.outfitter-container {
width: 64px;
height: 64px;
position: relative;
margin-left: -24px;
margin-top: -23px;
}
.Table30 {
padding: 2px;
background: #efe9da;
border-spacing: 0;
margin: 0 6px 6px 0;
border: 1px solid #d5ceb8 !important;
-webkit-box-shadow: 2px 2px 5px 0 rgb(201, 162, 39);
-moz-box-shadow: 2px 2px 5px 0 rgb(201, 162, 39);
box-shadow: 2px 2px 5px 0 rgb(201, 162, 39);
float: left;
}
.Table30 td {
padding: 4px;
}
.progress-bar {
font-size: 11px;
line-height: 16px;
}
.progress {
height: 18px;
margin-bottom: 0;
border: 1px solid;
}
.SkillIcon {
width: 40px;
border: 2px solid #d5ceb8 !important;
border-radius: 5px;
overflow: hidden;
}
.CharItems {
width: 32px;
margin: 3px;
}
/* ===== Tibian dark-gold overrides ===== */
a, a:visited { color: #b8860b; }
a:hover, a:focus { color: #e3c256; text-decoration: none; }
.btn-primary { background: linear-gradient(180deg, #d4a12c 0%, #8a6d1f 100%); border: 1px solid #6e5412; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.45); box-shadow: 0 2px 3px rgba(60,45,10,.25); }
.btn-primary:hover, .btn-primary:focus { background: linear-gradient(180deg, #e3c256 0%, #b8860b 100%); border-color: #8a6d1f; }
.btn-info { background: linear-gradient(180deg, #b8860b 0%, #8a6d1f 100%); border-color: #6e5412; }
.btn-info:hover { background: #c9a227; }
.btn-success { background: linear-gradient(180deg, #7f9a3c 0%, #5f7a24 100%); border-color: #4c6318; }
.label-primary { background-color: #b8860b; }
.nav > li > a:hover, .nav > li > a:focus { background-color: #efe9da; }
.dropdown-menu > li > a:hover { background-color: #c9a227; color: #fff; }
body .content .container .main-content .box .head { background: linear-gradient(180deg, #d8b23a 0%, #96781f 100%); color: #241b00; }
body .content .container .main-content .box .box-content { background: #efe9da; border-color: #e8e1cd; }
body .content .container .main-content .box .box-content .item-wrapper .title,
body .content .container .main-content .box .head { color: #fff; }
body .status-bar { border-bottom-color: #b8860b; }
body .status-bar .container .item { color: #a89572; border-left-color: #b8860b; }
body .status-bar .container .item .value { color: #e3c256; }
body .menu nav { background: linear-gradient(180deg, #d8b23a 0%, #b8860b 100%); box-shadow: none; }
.navbar-default .navbar-nav > li > a { color: #f0e6c8; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.open > a { color: #fff; background: #8a6d1f; }
.navbar-default { background: transparent; border-color: transparent; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f3eddd; }
/* ===== Tibian extras ===== */
html { scrollbar-color: #8a6d1f #061123; }
.btn-success { background: linear-gradient(180deg, #d4a12c 0%, #8a6d1f 100%); border: 1px solid #6e5412; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.45); box-shadow: 0 2px 3px rgba(60,45,10,.25); }
.btn-success:hover, .btn-success:focus { background: #c9a227; border-color: #7a5c0e; }
.navbar-form .btn { background: linear-gradient(180deg, #c9a227 0%, #96781f 100%); border-color: #7a5c0e; color: #fff; }
.dropdown-menu { background: #1d1810; border: 1px solid #6e5412; }
.dropdown-menu > li > a { color: #e8ddc0; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #8a6d1f; color: #fff; }
.form-control { border-color: #b8a878; }
.form-control:focus { border-color: #c9a227; box-shadow: 0 0 0 2px rgba(201,162,39,.25); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f3eddd; }
.table-content td { border-color: #e6dfcc; }
/* search button - gold (body-prefix: wygrywa z oryginalna regula) */
body .menu nav .navbar-form .btn {
background: linear-gradient(to bottom, #c9a227 0%, #96781f 100%);
border: none;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
body .menu nav .navbar-form .btn:hover, body .menu nav .navbar-form .btn:focus {
background: linear-gradient(to bottom, #e3c256 0%, #b8860b 100%);
color: #fff;
}
/* =========================================================
TIBIAN - polish pass v3 (footer, statusbar, nav, news cards)
========================================================= */
/* --- status bar --- */
.status-bar { background: #100d07; border-bottom: 1px solid #3a2f12; }
.status-bar .item { color: #c9a227; text-transform: uppercase; font-size: 14px; letter-spacing: .6px; }
.status-bar .label-sm { font-size: 11px; padding: 3px 7px; }
.status-bar .value, .status-bar a.value { color: #f2e9cf; }
.status-bar .label-success { background: #3f7d3a; }
.status-bar a[href*="downloads"] {
background: linear-gradient(180deg, #c9a227, #96781f);
color: #fff !important;
padding: 3px 12px;
border-radius: 3px;
font-weight: 600;
text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.status-bar a[href*="downloads"]:hover { background: linear-gradient(180deg, #e3c256, #b8860b); }
/* --- nav: hover + active --- */
body .menu nav .navbar-nav > li > a:hover,
body .menu nav .navbar-nav > li.open > a {
background: linear-gradient(to bottom, #e3c256 0%, #b8860b 100%);
color: #fff;
}
body .menu nav .navbar-nav > li.active > a,
body .menu nav .navbar-nav > li.dropdown.active > a {
background: rgba(201,162,39,.30);
color: #fff;
box-shadow: inset 0 -3px 0 #e3c256;
}
/* --- news cards --- */
article.tn-item {
border: 1px solid #d8cba6;
border-radius: 5px;
overflow: hidden;
background: #f7f3e8;
margin-bottom: 22px;
box-shadow: 0 2px 8px rgba(0,0,0,.28);
}
.tn-head {
background: linear-gradient(180deg, #c9a227 0%, #96781f 100%);
color: #fff;
padding: 9px 14px;
display: flex;
align-items: center;
gap: 10px;
text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.tn-icon { width: 24px; height: 24px; }
.tn-date { font-size: 12px; opacity: .92; white-space: nowrap; }
.tn-title { margin: 0; font-size: 15px; font-weight: 600; display: inline; }
.tn-author { margin-left: auto; font-size: 12px; opacity: .9; }
.tn-body { padding: 16px 18px; color: #3a3428; background: #f7f3e8; }
.tn-body a { color: #8a6d1f; font-weight: 600; }
.tn-foot {
background: #efe8d3;
border-top: 1px solid #e0d5b4;
padding: 7px 14px;
text-align: right;
font-size: 12px;
}
.tn-foot a { color: #8a6d1f; font-weight: 600; text-decoration: none; }
.tn-foot a:hover { color: #6e5412; text-decoration: underline; }
/* --- forms: checkbox + secondary button --- */
.form-check-input { accent-color: #b8860b; }
.form-check-label { color: #3a3428; }
.btn-secondary {
background: transparent;
border: 1px solid #b8860b;
color: #8a6d1f;
}
.btn-secondary:hover { background: #f0e6c8; color: #6e5412; }
/* --- footer --- */
.tibian-footer {
background: #120f08;
border-top: 2px solid #6e5412;
margin-top: 26px;
padding: 20px 0 22px;
color: #9c8a58;
font-size: 13px;
}
.tibian-footer .tf-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.tibian-footer b { color: #dcbb4e; }
.tibian-footer a { color: #c9a227; margin-left: 16px; text-decoration: none; }
.tibian-footer a:hover { color: #e3c256; text-decoration: underline; }
.tibian-footer .tf-left a { margin-left: 0; }
.tibian-footer .tf-sub { display: block; margin-top: 5px; font-size: 11px; color: #7d6f4a; letter-spacing: .2px; }
.tibian-footer .tf-sub a { margin-left: 0; color: #a8892f; }
.tibian-footer .tf-sub a:hover { color: #e3c256; }
/* dropdown menu - dark gold (fix niebieskiego) */
body .menu nav .navbar-nav > li > .dropdown-menu {
background: #17120a;
border: 1px solid #6e5412;
border-top: 2px solid #c9a227;
box-shadow: 0 8px 22px rgba(0,0,0,.55);
padding: 4px 0;
}
body .menu nav .navbar-nav > li > .dropdown-menu > li > a {
color: #e8ddc0;
padding: 7px 18px;
font-size: 13px;
}
body .menu nav .navbar-nav > li > .dropdown-menu > li > a:hover,
body .menu nav .navbar-nav > li > .dropdown-menu > li > a:focus {
background: linear-gradient(to bottom, #c9a227, #96781f);
color: #fff;
}
/* focus gold */
.form-control:focus, input.form-control:focus { border-color: #c9a227; box-shadow: 0 0 0 3px rgba(201,162,39,.25); outline: none; }
a:focus-visible, .btn:focus-visible { outline: 2px solid #c9a227; outline-offset: 1px; }
.form-check-input:focus { outline: 2px solid #c9a227; outline-offset: 1px; }
/* wewnetrzna stopka MyAAC - kontrast */
.centered.small, .centered.small a { color: #6b5a2e; }
/* --- ramka contentu: ciemne zdobienia + zlota linia --- */
body .content .container .content-wrapper {
background: url(../images/frame-top-left.png?v=E), url(../images/frame-top-right.png?v=E), url(../images/frame-bottom-left.png?v=E), url(../images/frame-bottom-right.png?v=E), url(../images/frame-top.png?v=E), url(../images/frame-left.png?v=E), url(../images/frame-right.png?v=E), url(../images/frame-bottom.png?v=E), #e9e2d0;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat-x;
background-position: top left, top right, bottom left, bottom right, top, left, right, bottom;
box-shadow: 0 12px 34px rgba(0,0,0,.50);
padding: 30px;
}
/* --- ramka: dolne ornamenty + glebia --- */
body .content .container .corner-bottom-left {
position: absolute;
background: url(../images/corner.png) no-repeat;
width: 169px; height: 112px;
bottom: -10px; left: -16px;
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
body .content .container .corner-bottom-right {
position: absolute;
background: url(../images/corner.png) no-repeat;
width: 169px; height: 112px;
bottom: -10px; right: -16px;
-webkit-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
transform: scale(-1, -1);
}
body .content .container .content-wrapper { box-shadow: 0 14px 44px rgba(0,0,0,.60); }
body .content .container .borderfix { box-shadow: inset 0 0 34px rgba(70,52,16,.28); }
.form-check-input { width: 16px; height: 16px; vertical-align: middle; margin-top: 0; }
.form-check-label { vertical-align: middle; }
/* --- formularze + pasek sily hasla + .white --- */
.white, td.white, .white b, tr[bgcolor] td.white { color: #fff !important; }
.form-control, input[type="text"], input[type="password"], input[type="email"], select, textarea {
border: 1px solid #cbb87e; border-radius: 4px; background: #fffdf6;
}
.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
border-color: #c9a227; box-shadow: 0 0 0 3px rgba(201,162,39,.22); outline: none;
}
input[type="radio"], input[type="checkbox"] { accent-color: #b8860b; }
#progress { border-radius: 3px; font-size: 12px; padding: 3px 0; }
#progress.error { background: linear-gradient(180deg, #a83a3a, #7a2020); color: #fff; }
#progress.warning { background: linear-gradient(180deg, #c98a27, #96781f); color: #fff; }
#progress.note { background: linear-gradient(180deg, #c9a227, #a8851f); color: #2b1f00; }
#progress.success { background: linear-gradient(180deg, #4a8f3f, #35702c); color: #fff; }
/* --- hero badges --- */
.hero-badges { text-align: center; margin: -14px 0 14px; }
.hero-badges .hb { display: inline-block; padding: 4px 14px; border-radius: 20px; font-size: 11px; font-weight: 600; letter-spacing: .7px; text-transform: uppercase; margin: 0 5px 6px; }
.hb-red { background: rgba(158,42,42,.85); color: #ffe3e3; border: 1px solid #c05050; }
.hb-green { background: rgba(52,110,45,.85); color: #e2f5dc; border: 1px solid #4a8f3f; }
.hb-gold { background: rgba(150,120,31,.85); color: #fff6d8; border: 1px solid #c9a227; }
body .hero { position: relative; padding: 168px 0 0; }
@media (min-width: 769px) {
body .hero .hero-badges { position: absolute; right: 0; top: 40px; margin: 0; text-align: right; }
body .hero .hero-badges .hb { display: block; margin: 0 0 8px auto; }
}
/* --- boosted cards --- */
.boost-card { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid #d8cba6; border-radius: 5px; background: #f7f3e8; margin-bottom: 10px; }
.boost-card:last-child { margin-bottom: 0; }
.boost-creature { border-left: 4px solid #4a8f3f; }
.boost-boss { border-left: 4px solid #c98a27; }
.boost-card .bimg img { width: 40px; height: 40px; image-rendering: pixelated; }
.boost-card .blab { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: #6b6350; }
.boost-card .bname { font-weight: 700; color: #3a2f12; font-size: 14px; }
.boost-empty { color: #6b6350; font-size: 13px; padding: 6px 2px; }
/* boosted - szlif */
.boost-card { box-shadow: 0 2px 6px rgba(60,44,10,.12); }
.boost-card .bimg img { width: 48px; height: 48px; }
.boost-card .blab { color: #5a5340; font-weight: 600; }
/* kontrast w boxach */
.box-content td, .box-content .value, .box-content small { color: #3a3428; }
.box-content table td { color: #3a3428; }
.hero-badges .hb { text-shadow: 0 1px 2px rgba(0,0,0,.6); padding: 5px 16px; }
/* --- tabele AAC (panel, rankingi) --- */
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f7f2e4; }
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background-color: #fffdf7; }
.table td, .table th, .table-content td, .table-content th { border-color: #e6dcc0; color: #3a3428; }
.table thead th { background: #efe7d0; color: #5a4a1a; }
/* btn-info -> zloty (byl niebieski) */
.btn-info { background: linear-gradient(180deg, #d4a12c, #8a6d1f); border: 1px solid #6e5412; color: #fff8e1; text-shadow: 0 1px 1px rgba(0,0,0,.45); box-shadow: 0 2px 3px rgba(60,45,10,.25); }
.btn-info:hover, .btn-info:focus { background: linear-gradient(180deg, #d8b23a, #a8851f); border-color: #7a611a; color: #fff8e1; }
/* btn-danger ciemniejszy */
.btn-danger { background: linear-gradient(180deg, #9e3a3a, #7a2828); border-color: #5f1f1f; color: #ffecec; }
/* label-success wyciszony */
.label-success { background: #4a8f3f; }
.label-danger { background: #9e3a3a; }
.label-primary { background: #96781f; }
/* --- character bazaar box --- */
.bz-item { display: block; padding: 8px 10px; border: 1px solid #e0d5b6; border-radius: 4px; background: #f7f3e8; margin-bottom: 8px; text-decoration: none; }
.bz-item:hover { border-color: #c9a227; background: #fbf7ec; }
.bz-name { display: block; font-weight: 700; color: #3a2f12; }
.bz-meta { font-size: 12px; color: #6b6350; }
.bz-meta b { color: #96781f; }
.bz-all { display: block; text-align: center; margin-top: 4px; font-weight: 600; color: #96781f; }
.bz-empty { color: #6b6350; font-size: 13px; padding: 6px 2px; }
/* --- rules page --- */
.rules-h { color: #5a4a1a; border-bottom: 2px solid #d8cba6; padding-bottom: 6px; margin: 22px 0 12px; font-size: 19px; }
.rules-h:first-child { margin-top: 4px; }
.rules-list { margin: 0 0 8px 0; padding-left: 22px; }
.rules-list li { margin-bottom: 8px; line-height: 1.55; color: #3a3428; }
.rules-note { background: #f7f2e4; border-left: 4px solid #c9a227; padding: 12px 16px; margin: 18px 0; color: #3a3428; border-radius: 0 4px 4px 0; }
.rules-foot { color: #6b6350; font-style: italic; margin-top: 14px; }
/* --- home CTA --- */
.home-cta { display: flex; gap: 14px; justify-content: center; margin: 4px 0 20px; flex-wrap: wrap; }
.cta-btn { padding: 13px 30px; border-radius: 5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.1px; font-size: 13px; text-decoration: none !important; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 3px 10px rgba(0,0,0,.45); transition: transform .12s ease, filter .12s ease; }
.cta-btn:hover { transform: translateY(-1px); filter: brightness(1.1); }
.cta-gold { background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00 !important; border-color: #7a611a; }
.cta-dark { background: linear-gradient(180deg, #3a3324, #241f14); color: #e8dcc0 !important; border-color: #5a4a1a; }
.cta-discord { background: linear-gradient(180deg, #5865F2, #3b45c4); color: #fff !important; border-color: #2f38a8; }
/* CTA szlify */
.home-cta { margin: 10px 0 26px; }
.cta-dark { border-color: #c9a227 !important; color: #f0e6c8 !important; }
@media (max-width: 768px) { .home-cta { flex-direction: column; align-items: stretch; padding: 0 14px; } .cta-btn { width: 100%; text-align: center; } }
/* newsy czytelniej */
.news .news-content, .news p { line-height: 1.65; }
/* --- MOBILE --- */
@media (max-width: 768px) {
body { overflow-x: hidden; }
body .logo { height: 96px; background-size: contain; }
.navbar-nav { float: none !important; margin: 0; }
.navbar-nav > li { display: block; float: none; width: 100%; }
.navbar-nav > li > a { display: block; width: 100%; padding: 12px 16px; }
.navbar-nav .dropdown-menu { position: static; float: none; width: 100%; box-shadow: none; }
.navbar-form { float: none !important; margin: 8px 0 !important; padding: 0 12px; }
.navbar-form .form-control { width: 100%; }
body .content .container .main-content, body .content .container .right-panel { width: 100% !important; float: none !important; }
body .content .container .content-wrapper { padding: 16px; }
.status-bar .item { display: inline-block; margin-bottom: 4px; }
.hero-badges { margin: 0 0 10px; }
.hero-badges .hb { display: block; margin: 4px auto; max-width: 260px; }
.cta-btn { padding: 12px 20px; font-size: 12px; }
}
/* hero sub + sticky */
.hero-sub { text-align: center; color: #e3d3a8; letter-spacing: 2.2px; text-transform: uppercase; font-size: 12px; margin: -8px 0 12px; text-shadow: 0 1px 4px rgba(0,0,0,.95), 0 0 14px rgba(0,0,0,.8); }
.menu.container { position: sticky; top: 0; z-index: 1030; background: linear-gradient(180deg, #d8b23a 0%, #b8860b 100%); width: 100%; max-width: 1170px; margin: 0 auto; padding: 0; }
/* --- spells tabs --- */
.ts_Spells > input[type="radio"] { display: none; }
.ts_Spells > label { display: inline-block; padding: 7px 18px; margin-right: 6px; border-radius: 4px 4px 0 0; background: #e2d7b8; color: #5a4a1a; font-weight: 600; cursor: pointer; border: 1px solid #d8cba6; border-bottom: none; }
.ts_Spells > input[type="radio"]:checked + label { background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00; border-color: #7a611a; }
.ts_Spells .table td { font-size: 13px; }
/* konto: akcje */
.acc-actions { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.acc-actions .btn { padding: 7px 16px; font-size: 12px; }
.acc-coins { margin-top: 12px; font-size: 13px; color: #4a3b1e; text-align: center; }
.acc-coins-label { text-transform: uppercase; letter-spacing: .5px; font-size: 11px; color: #7a6a45; }
.acc-coins b { color: #241b00; font-size: 15px; }
.acc-coins a { color: #8a6d1c; font-weight: 600; margin-left: 6px; text-decoration: none; }
.acc-coins a:hover { text-decoration: underline; }
/* --- MOBILE forms --- */
@media (max-width: 768px) {
form .form-control, form select, form input[type="text"], form input[type="email"], form input[type="password"], form textarea {
width: 100% !important;
box-sizing: border-box;
}
form input[type="radio"], form input[type="checkbox"] { transform: scale(1.25); margin: 4px 8px 4px 0; }
#createaccount input[type="submit"], form.form input[type="submit"] { width: 100%; min-height: 42px; font-size: 15px; margin-top: 8px; }
form label { font-size: 14px; }
}
/* mobile: 1px overflow fix (corner.png) */
@media (max-width: 768px) {
html { overflow-x: hidden; }
body .content .container .corner-top-right, body .content .container .corner-bottom-right { right: 0; }
}
/* latest posts (sidebar) */
.latest-posts .lp-item { display: flex; gap: 8px; align-items: baseline; padding: 4px 0; border-bottom: 1px dotted rgba(90,74,26,.25); font-size: 13px; }
.latest-posts .lp-item:last-child { border-bottom: none; }
.latest-posts .lp-num { color: #8a7a4a; }
.latest-posts .lp-item a { color: #7a5c00; text-decoration: none; font-weight: 600; }
.latest-posts .lp-item a:hover { text-decoration: underline; }
.latest-posts .lp-author { color: #6b6350; margin-left: auto; font-size: 12px; }
.latest-posts .lp-empty { text-align: center; padding: 12px; color: #6b6350; }
/* top frag (sidebar) */
.topfrag-row { text-align: left; padding: 4px 0; border-bottom: 1px dotted rgba(90,74,26,.25); font-size: 13px; }
.topfrag-row:last-child { border-bottom: none; }
.topfrag-row a { color: #3a3428; text-decoration: none; font-weight: 600; }
.topfrag-row a:hover { text-decoration: underline; }
.topfrag-row .tf-num { color: #8a6d1f; }
.topfrag-row .tf-frags { color: #6b6350; font-weight: 600; font-size: 12px; }
/* --- pasek statusu v2 (wzor chillera, nasze kolory) --- */
body .status-bar { width: 100%; background: linear-gradient(180deg, #171207 0%, #0d0a06 100%); font-family: 'Bebas Neue', sans-serif; opacity: 1; font-size: 14px; border-bottom: 1px solid rgba(201,162,39,.55); box-shadow: 0 2px 10px rgba(0,0,0,.5); }
body .status-bar .container { display: flex; align-items: center; justify-content: space-between; height: 46px; overflow: visible; }
body .status-bar .sb-left { display: flex; align-items: center; height: 100%; }
body .status-bar .sb-item { display: flex; align-items: center; gap: 9px; padding: 0 18px; height: 100%; border-right: 1px solid rgba(201,162,39,.22); }
body .status-bar .sb-item:first-child { padding-left: 2px; }
body .status-bar .sb-label { font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; color: #a89468; }
body .status-bar .sb-value { font-size: 15px; letter-spacing: .6px; color: #f2e9cf; text-transform: uppercase; }
body .status-bar .sb-status { display: flex; align-items: center; gap: 9px; text-decoration: none !important; }
body .status-bar .sb-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
body .status-bar .sb-on { background: #6cd94b; box-shadow: 0 0 8px rgba(108,217,75,.8); }
body .status-bar .sb-off { background: #e05252; box-shadow: 0 0 8px rgba(224,82,82,.8); }
body .status-bar .sb-status-txt { font-size: 15px; letter-spacing: .6px; text-transform: uppercase; color: #f2e9cf; }
body .status-bar .sb-status-num { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #8d7c58; }
body .status-bar .sb-download { display: inline-block; padding: 7px 18px; border-radius: 6px; background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00 !important; font-weight: 700; font-size: 13px; letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none !important; border: 1px solid #7a611a; box-shadow: 0 2px 8px rgba(0,0,0,.45); transition: filter .15s ease, transform .15s ease; }
body .status-bar .sb-download:hover { filter: brightness(1.15); transform: translateY(-1px); }
body .status-bar .sb-right { display: flex; align-items: center; gap: 12px; height: 100%; padding-right: 2px; }
body .status-bar .sb-social { color: #c9b98c; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid rgba(201,162,39,.35); border-radius: 8px; transition: color .15s ease, border-color .15s ease, background .15s ease; }
body .status-bar .sb-social:hover { color: #f5c542; border-color: #f5c542; background: rgba(201,162,39,.1); }
@media (max-width: 768px) {
body .status-bar .container { flex-wrap: wrap; height: auto; padding: 8px 0; }
body .status-bar .sb-left { flex-wrap: wrap; }
body .status-bar .sb-item { padding: 4px 12px; border-right: none; height: auto; }
body .status-bar .sb-right { padding: 4px 12px; }
}
/* --- Account dashboard: nowy uklad manage (wzor chillera, kolory Tibian) --- */
.accd { width: 100%; }
.accd-main > a[name], .accd-side > a[name] { position: absolute; }
/* --- v36: fb04 — outfit na liscie Support (ots.me 64x64, postac w 32..63) --- */
.team-outfit { position: relative; display: inline-block; width: 40px; height: 40px; overflow: hidden; vertical-align: middle; border-radius: 6px; background: #fffdf7; border: 1px solid #e3d9be; }
.team-outfit img { position: absolute; left: -40px; top: -40px; width: 80px; height: 80px; image-rendering: pixelated; }
.accd-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 18px; align-items: start; }
.accd-main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.accd-side { display: flex; flex-direction: column; gap: 18px; }
.accd-card { background: #efe9da; border: 1px solid #d9cdaf; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(60,45,10,.18); }
.accd-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; background: linear-gradient(180deg, #d8b23a, #96781f); border-bottom: 1px solid #7a611a; }
.accd-head-center { justify-content: center; text-align: center; }
.accd-kicker { display: block; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(36,27,0,.75); }
.accd-title { margin: 2px 0 0; font-size: 21px; line-height: 1.1; letter-spacing: 1.5px; text-transform: uppercase; color: #241b00; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; }
.accd-head-center .accd-title { margin: 0; }
.accd-sub { display: block; font-size: 12px; color: rgba(36,27,0,.72); letter-spacing: .4px; margin-top: 2px; }
.accd-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; white-space: nowrap; }
.accd-pill-ok { background: rgba(63,125,58,.18); color: #2e5c2a; border: 1px solid rgba(63,125,58,.5); }
.accd-pill-warn { background: rgba(176,84,32,.15); color: #8a4218; border: 1px solid rgba(176,84,32,.45); }
.accd-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.accd-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 18px; }
.accd-field { display: flex; align-items: center; gap: 11px; background: #f7f2e5; border: 1px solid #e3d9be; border-radius: 7px; padding: 10px 13px; min-width: 0; }
.accd-wide { grid-column: 1 / -1; }
.accd-ico { flex: 0 0 30px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: rgba(201,162,39,.18); border: 1px solid rgba(201,162,39,.4); border-radius: 7px; color: #8a6d1c; }
.accd-field-txt { display: flex; flex-direction: column; min-width: 0; }
.accd-label { font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; color: #8d7a52; }
.accd-value { font-size: 15px; color: #2b2416; word-break: break-word; }
.accd-inline-form { margin-left: auto; }
.accd-card-actions { padding: 0 18px 16px; }
.accd-actions-row { display: flex; gap: 10px; flex-wrap: wrap; padding-top: 14px; }
.accd-table { width: 100%; border-collapse: collapse; margin: 0; }
.accd-table th { background: rgba(201,162,39,.22); color: #5c4a1a; text-transform: uppercase; font-size: 11px; letter-spacing: 1.1px; padding: 9px 12px; text-align: left; border-bottom: 1px solid #d9cdaf; }
.accd-table td { padding: 9px 12px; border-bottom: 1px solid #e7ddc4; color: #2b2416; font-size: 14px; }
.accd-table tr:nth-child(even) td { background: #f2ebd8; }
.accd-table tr:hover td { background: #f0e8d2; }
.accd-on { color: #3f7d3a; font-weight: 700; }
.accd-off { color: #b04040; }
.accd-session { padding: 16px 18px 6px; text-align: center; }
.accd-welcome { font-size: 22px; letter-spacing: 1.5px; text-transform: uppercase; color: #241b00; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; margin: 2px 0 4px; }
.accd-session-name { font-size: 13px; color: #6a5a38; margin-bottom: 8px; word-break: break-word; }
.accd-rows { padding: 6px 18px 4px; }
.accd-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-top: 1px solid #e3d9be; }
.accd-row .accd-value { font-size: 14px; }
.accd-coinrow { flex-wrap: wrap; }
.accd-coinrow .accd-coins { display: inline-flex; align-items: center; gap: 6px; color: #8a6d1c; }
.accd-coinrow .accd-coins b { font-size: 17px; color: #241b00; }
.accd-getcoins { margin-left: 8px; font-size: 12px; color: #8a6d1c; font-weight: 700; text-decoration: none !important; border: 1px solid rgba(201,162,39,.5); border-radius: 6px; padding: 3px 9px; white-space: nowrap; }
.accd-getcoins:hover { background: rgba(201,162,39,.12); }
.accd-side-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px 18px 18px; }
.accd-btn { display: block; text-align: center; padding: 10px 12px; border-radius: 7px; font-size: 13px; letter-spacing: 1.1px; text-transform: uppercase; font-weight: 700; text-decoration: none !important; transition: filter .15s ease, transform .15s ease; }
.accd-btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.accd-btn-gold { background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00 !important; border: 1px solid #7a611a; }
.accd-btn-red { background: linear-gradient(180deg, #9e3a3a, #7a2828); color: #ffecec !important; border: 1px solid #5f1f1f; }
.accd-sec { padding: 14px 18px 16px; }
.accd-sec-txt { font-size: 13px; color: #4a3b1e; margin: 0 0 10px; }
.accd-alert { background: rgba(176,84,32,.12); border: 1px solid rgba(176,84,32,.4); color: #7a3c14; border-radius: 7px; padding: 9px 11px; font-size: 12.5px; margin-bottom: 10px; }
.accd-sec-links { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.accd-sec-links a { color: #8a6d1c; font-weight: 600; font-size: 13px; text-decoration: none !important; border-bottom: 1px dashed rgba(201,162,39,.5); padding-bottom: 5px; }
.accd-sec-links a:hover { color: #241b00; }
.accd input[type=submit] { display: inline-block; padding: 9px 18px; border-radius: 7px; background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00; font-weight: 700; font-size: 13px; letter-spacing: 1.1px; text-transform: uppercase; border: 1px solid #7a611a; cursor: pointer; font-family: inherit; transition: filter .15s ease; }
.accd input[type=submit]:hover { filter: brightness(1.12); }
.accd-card-actions form { display: inline-block; margin: 0 8px 8px 0; }
.accd-card-actions form[action*="characters/delete"] input[type=submit] { background: linear-gradient(180deg, #9e3a3a, #7a2828); color: #ffecec; border-color: #5f1f1f; }
@media (max-width: 900px) {
.accd-grid { grid-template-columns: 1fr; }
.accd-fields { grid-template-columns: 1fr; }
}
/* --- v36: sidebar Account box (spójny z manage / accd) --- */
body .content .container .right-panel .box .box-content .accd-flat { background: transparent; border: 0; box-shadow: none; border-radius: 0; overflow: visible; }
body .content .container .right-panel .box .box-content .accd-flat .accd-session { padding: 14px 14px 2px; }
body .content .container .right-panel .box .box-content .accd-flat .accd-welcome { font-size: 19px; }
body .content .container .right-panel .box .box-content .accd-flat .accd-rows { padding: 2px 14px; }
body .content .container .right-panel .box .box-content .accd-flat .accd-row { padding: 8px 0; }
body .content .container .right-panel .box .box-content .accd-flat .accd-side-btns { padding: 12px 14px 14px; }
body .content .container .right-panel .box .box-content .accd-flat .accd-btn { font-size: 11px; padding: 9px 6px; letter-spacing: .5px; white-space: nowrap; }
body .content .container .right-panel .box .box-content .accd-flat .accd-coinrow { justify-content: space-between; }
body .content .container .right-panel .box .box-content .accd-flat .accd-coinrow .accd-coins { margin-left: auto; }
body .content .container .right-panel .box .box-content .accd-flat .accd-getcoins { margin-left: 6px; }
body .content .container .right-panel .box .box-content .accd-flat .accd-session-name { margin-bottom: 6px; }
.acc-sep { height: 1px; background: #d5cbae; margin: 10px 14px; }
.acc-lost { display: block; text-align: center; font-size: 13px; font-weight: 700; color: #8a6d1c; text-decoration: none; padding: 2px 0 10px; letter-spacing: .3px; }
.acc-lost:hover { color: #241b00; text-decoration: underline; }
.acc-register { text-align: center; padding: 0 14px 14px; }
.acc-register-text { font-size: 12px; color: #7a6a4a; margin-bottom: 6px; }
.acc-register-btn { display: block; background: linear-gradient(180deg, #d8b23a, #96781f); border: 1px solid #7a611a; border-radius: 6px; color: #241b00 !important; font-weight: 700; font-size: 13px; letter-spacing: .8px; padding: 9px 10px; text-decoration: none !important; }
.acc-register-btn:hover { filter: brightness(1.08); }
.acc-login-form { padding: 12px 14px 2px; }
.acc-login-form .form-group { margin-bottom: 10px; }
.acc-login-form .remember-row { margin: 6px 0 12px; }
.acc-login-btn { width: 100%; display: block; }
/* --- v36: undelete (fb08) + linki w rosterze --- */
.accd-undelete { color: #2f6428; font-weight: 700; text-decoration: none; border-bottom: 1px dotted #2f6428; }
.accd-undelete:hover { color: #1d4a18; }
.accd-gone { color: #9a8c6a; font-size: 12px; }
.und-wrap { max-width: 560px; }
.und-lead { font-size: 14px; color: #3a3428; margin: 10px 0 14px; }
.und-form { margin: 0 0 10px; }
.und-row { margin-bottom: 12px; }
.und-row label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: #6b5a30; margin-bottom: 5px; }
.und-row input { width: 100%; max-width: 320px; padding: 9px 11px; border: 1px solid #cdbf9a; border-radius: 6px; background: #fffdf7; color: #2b2416; font-size: 14px; }
.und-row input:focus { outline: none; border-color: #b99b3e; box-shadow: 0 0 0 2px rgba(201,162,39,.18); }
.und-actions { display: flex; gap: 10px; align-items: center; }
.und-back { background: #4a3b1e; border: 1px solid #2f2408; border-radius: 7px; color: #f5e9c8 !important; font-weight: 700; font-size: 12px; letter-spacing: .8px; text-transform: uppercase; padding: 9px 14px; text-decoration: none !important; }
.und-back:hover { background: #5c4a26; color: #fff8e2 !important; }
/* --- v36: fb07 — tworzenie postaci (radio, odstepy, bez
) --- */
.cc-intro { font-size: 14px; color: #3a3428; margin: 10px 0 4px; }
.cc-warn { color: #a3232a; font-weight: 700; margin-top: 6px; }
.cc-namehint { font-size: 10px; }
.cc-label { vertical-align: top; padding-top: 3px; }
.cc-submit { margin-top: 14px; }
.chp-sign-toggle { margin: 8px 0 6px; }
.chp-search { margin-top: 14px; }
.chf { margin-top: 14px; }
.chf-intro { font-size: 14px; color: #3a3428; margin: 10px 0 4px; }
.acc-submit { margin-top: 14px; }
body .main-content .radio-list { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 2px 0 4px; }
body .main-content .opt { display: inline-flex; align-items: center; gap: 7px; margin: 0 20px 10px 0; font-size: 14px; color: #2b2416; cursor: pointer; }
body .main-content .radio-list .opt { margin: 0; }
body .main-content .opt input[type=radio] { margin: 0; }
/* --- Character Bazaar (instant buy) --- */
.bzm { width: 100%; }
.bzm-card { background: #efe9da; border: 1px solid #d9cdaf; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(60,45,10,.18); }
.bzm-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; background: linear-gradient(180deg, #d8b23a, #96781f); border-bottom: 1px solid #7a611a; flex-wrap: wrap; }
.bzm-kicker { display: block; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(36,27,0,.75); }
.bzm-title { margin: 2px 0 0; font-size: 21px; line-height: 1.1; letter-spacing: 1.5px; text-transform: uppercase; color: #241b00; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; }
.bzm-sub { display: block; font-size: 12px; color: rgba(36,27,0,.72); letter-spacing: .4px; margin-top: 2px; }
.bzm-sell { display: inline-block; background: #241b00; color: #f5c542 !important; padding: 9px 14px; border-radius: 7px; font-size: 12px; letter-spacing: 1.2px; text-transform: uppercase; font-weight: 700; text-decoration: none !important; white-space: nowrap; transition: filter .15s ease; }
.bzm-sell:hover { filter: brightness(1.25); }
.bzm-note { padding: 10px 18px; font-size: 12.5px; color: #4a3b1e; background: rgba(201,162,39,.10); border-bottom: 1px solid #e3d9be; }
.bzm-table { width: 100%; border-collapse: collapse; margin: 0; }
.bzm-table th { background: rgba(201,162,39,.22); color: #5c4a1a; text-transform: uppercase; font-size: 11px; letter-spacing: 1.1px; padding: 9px 12px; text-align: left; border-bottom: 1px solid #d9cdaf; }
.bzm-table th a { color: #5c4a1a !important; text-decoration: none !important; }
.bzm-table th a:hover { color: #241b00 !important; }
.bzm-table td { padding: 10px 12px; border-bottom: 1px solid #e7ddc4; color: #2b2416; font-size: 14px; vertical-align: middle; }
.bzm-table tr:nth-child(even) td { background: #f2ebd8; }
.bzm-table tr:hover td { background: #f0e8d2; }
.bzm-char { display: flex; align-items: center; gap: 11px; }
.bzm-char img { background: rgba(36,27,0,.05); border: 1px solid #e3d9be; border-radius: 7px; }
.bzm-char-txt { display: flex; flex-direction: column; min-width: 0; }
.bzm-name { font-weight: 700; color: #5c4a1a !important; font-size: 15px; text-decoration: none !important; }
.bzm-name:hover { color: #241b00 !important; }
.bzm-voc { font-size: 12px; color: #8d7a52; }
.bzm-lvl { font-weight: 700; color: #2b2416; }
.bzm-price { font-weight: 700; color: #241b00; white-space: nowrap; }
.bzm-coin { display: inline-block; width: 14px; height: 14px; background: url("data:image/svg+xml;utf8,") center/contain no-repeat; vertical-align: -2px; }
.tc-ico { display: inline-block; width: 14px; height: 14px; background: url("data:image/svg+xml;utf8,") center/contain no-repeat; vertical-align: -2px; }
.bzm-buybtn { display: inline-block; padding: 8px 14px; border-radius: 7px; background: linear-gradient(180deg, #4a8f3f, #2f6428); color: #fff !important; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #24501f; cursor: pointer; text-decoration: none !important; transition: filter .15s ease; }
.bzm-buybtn:hover { filter: brightness(1.15); }
.bzm-login { background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00 !important; border-color: #7a611a; }
.bzm-details { margin-left: 10px; font-size: 12px; color: #8a6d1c !important; text-decoration: none !important; border-bottom: 1px dashed rgba(201,162,39,.5); }
.bzm-details:hover { color: #241b00 !important; }
.bzm-mine { font-size: 12px; color: #8d7a52; font-style: italic; }
.bzm-buyform { display: inline; }
.bzm-empty { text-align: center; padding: 26px; color: #6b6350; }
.bzm-empty a { color: #8a6d1c !important; font-weight: 700; }
.bzm-msg { padding: 12px 16px; border-radius: 8px; margin-bottom: 14px; font-size: 14px; }
.bzm-msg a { color: inherit; font-weight: 700; }
.bzm-msg-ok { background: rgba(63,125,58,.15); border: 1px solid rgba(63,125,58,.45); color: #2e5c2a; }
.bzm-msg-err { background: rgba(176,60,60,.12); border: 1px solid rgba(176,60,60,.4); color: #8a2f2f; }
/* --- Bazaar: pasek FOR SALE na szczegolach --- */
.bzm-sale-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; background: linear-gradient(180deg, #f0cd52, #d4a12c); border: 1px solid #b08818; border-radius: 8px; margin-bottom: 14px; box-shadow: 0 2px 8px rgba(60,45,10,.2); flex-wrap: wrap; }
.bzm-sale-left { display: flex; flex-direction: column; }
.bzm-sale-left strong { font-size: 20px; letter-spacing: 1.5px; text-transform: uppercase; color: #241b00; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; }
.bzm-sale-left span { font-size: 12px; color: rgba(36,27,0,.75); }
.bzm-sale-right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bzm-sale-price { font-size: 20px; font-weight: 700; color: #241b00; }
/* ===== Spójność: legacy strony MyAAC -> karty kremowe + złote nagłówki (2026-10-05) ===== */
body .main-content h1, body .main-content h2, body .main-content h3 {
font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; color: #241b00; letter-spacing: 1.2px; text-transform: uppercase; font-weight: 400;
}
body .main-content h2 { font-size: 26px; margin: 2px 0 12px; }
body .main-content h3 { font-size: 20px; margin: 2px 0 10px; }
/* stare tabele (cellspacing / myaac-table / bootstrap) */
body .main-content table[cellspacing], body .main-content table.myaac-table, body .main-content table.table {
width: 100%; border-collapse: collapse; background: #f7f2e5; border: 1px solid #e3d9be; border-radius: 7px; overflow: hidden; margin: 0 0 14px;
}
body .main-content table[cellspacing] td, body .main-content table.myaac-table td, body .main-content table.table td,
body .main-content table[cellspacing] th, body .main-content table.myaac-table th, body .main-content table.table th {
padding: 8px 11px; border-bottom: 1px solid #e7ddc4; color: #2b2416; font-size: 13.5px; font-family: 'Inter', Arial, sans-serif; background: transparent;
}
body .main-content tr[bgcolor] { background: transparent !important; }
body .main-content td.white, body .main-content th.white {
background: linear-gradient(180deg, #d8b23a, #96781f) !important; color: #241b00 !important; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; font-size: 19px; letter-spacing: 1.5px; text-transform: uppercase; padding: 10px 16px; border-bottom: 1px solid #7a611a !important;
}
body .main-content td.white b { font-weight: 400; }
body .main-content table[cellspacing] tr:nth-child(even) td:not(.white) { background: #f2ebd8; }
body .main-content table[cellspacing] tr:hover td:not(.white) { background: #f0e8d2; }
body .main-content .white { color: #5c4a1a !important; }
/* v36 (fb05): naglowki tabel — bialy tekst na kremowym po zdjeciu bgcolor */
body .main-content tr[bgcolor] .white, body .main-content tr[bgcolor] .white b, body .main-content tr[bgcolor] .white span, body .main-content tr[bgcolor] .white a, body .main-content tr[bgcolor] .white font { color: #5c4a1a !important; }
body .main-content table[cellspacing] > tbody > tr[bgcolor]:first-child > td { background: rgba(201,162,39,.22); }
/* formularze */
body .main-content input[type=text], body .main-content input[type=password], body .main-content input[type=email], body .main-content input[type=number], body .main-content select, body .main-content textarea {
background: #fffdf7; border: 1px solid #d9cdaf; border-radius: 6px; padding: 7px 10px; color: #2b2416; font-family: 'Inter', Arial, sans-serif; font-size: 13px; max-width: 100%;
}
body .main-content select { cursor: pointer; }
body .main-content input[type=submit], body .main-content input[type=button], body .main-content button:not(.accd-btn):not(.bzm-buybtn):not(.is-tab):not(.chp-mini-btn) {
background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00; font-weight: 700; border: 1px solid #7a611a; border-radius: 7px; padding: 8px 16px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 12.5px; font-family: inherit;
}
body .main-content input[type=submit]:hover, body .main-content input[type=button]:hover { filter: brightness(1.1); }
body .main-content label { color: #4a3b1e; font-size: 13px; font-family: 'Inter', Arial, sans-serif; }
body .main-content a { color: #8a6d1c; }
body .main-content a:hover { color: #241b00; }
body .main-content small { color: #6b6350; font-family: 'Inter', Arial, sans-serif; font-size: 11.5px; }
/* highscores — filtry */
.hs-filters { display: flex; gap: 18px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid #e3d9be; background: rgba(201,162,39,.07); }
.hs-filters label { display: flex; flex-direction: column; gap: 5px; font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; color: #8d7a52; }
.hs-pages { display: flex; justify-content: flex-end; gap: 14px; padding: 10px 18px; }
.hs-pages a { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; }
.hs-on { color: #3f7d3a; font-weight: 700; }
.hs-off { color: #b04040; font-weight: 700; }
/* TableContent (stare strony: create, bazar details) */
body .main-content .TableContent { background: #f7f2e5; border: 1px solid #e3d9be !important; border-radius: 7px; }
body .main-content .TableContent td { padding: 7px 10px; border-bottom: 1px solid #e7ddc4; color: #2b2416; font-size: 13.5px; font-family: 'Inter', Arial, sans-serif; }
body .main-content .TableContent tr:nth-child(even) td { background: #f2ebd8; }
body .main-content .InnerTableContainer { padding: 4px 0; }
/* formularze .accd (change-password / info / email) */
.accd-form { padding: 18px 22px 22px; display: flex; flex-direction: column; gap: 14px; }
.accd-field { display: flex; flex-direction: column; gap: 6px; }
.accd-field label { font-size: 10px; letter-spacing: 1.4px; text-transform: uppercase; color: #8d7a52; font-weight: 700; }
.accd-field input[type=text], .accd-field input[type=password], .accd-field input[type=email], .accd-field select {
background: #fffdf7; border: 1px solid #d9cdaf; border-radius: 7px; padding: 9px 12px; color: #2b2416; font-family: 'Inter', Arial, sans-serif; font-size: 14px;
}
.accd-field input:focus, .accd-field select:focus { outline: none; border-color: #c9a227; box-shadow: 0 0 0 3px rgba(201,162,39,.18); }
.accd-actions { display: flex; align-items: center; gap: 12px; padding-top: 6px; }
.accd-actions input[type=submit] {
background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00; font-weight: 700; border: 1px solid #7a611a; border-radius: 8px; padding: 10px 22px; cursor: pointer; text-transform: uppercase; letter-spacing: 1.2px; font-size: 13px;
}
.accd-actions input[type=submit]:hover { filter: brightness(1.08); }
.accd-btn-ghost {
display: inline-block; padding: 9px 20px; border-radius: 8px; border: 1px solid #c9a227; color: #7a611a !important; text-transform: uppercase; letter-spacing: 1.2px; font-size: 12px; font-weight: 700; text-decoration: none !important;
}
.accd-btn-ghost:hover { background: rgba(201,162,39,.12); }
/* Bazar details — kremowe bloki (spójność) */
body .main-content .AuctionBodyBlock { background: #f7f2e5 !important; border: 1px solid #e3d9be !important; border-radius: 8px; padding: 10px; }
body .main-content .AuctionCharacterName { font-size: 17px; font-weight: 700; padding: 10px 14px 2px; color: #241b00; }
body .main-content .AuctionCharacterName a { color: #8a6d1c; }
body .main-content .CVIcon { display: inline-flex !important; width: 36px; height: 36px; align-items: center; justify-content: center; background: #fffdf7; border: 1px solid #d9cdaf; border-radius: 6px; }
body .main-content .CVIcon img { width: 32px !important; height: 32px !important; image-rendering: pixelated; max-width: none; }
body .main-content .CVIcon.NoEquipment img { opacity: .5; }
body .main-content .ShortAuctionDataLabel { color: #8d7a52; }
body .main-content .ShortAuctionDataValue { color: #7a611a; font-weight: 700; }
body .main-content .AuctionOutfit { display: flex; align-items: center; justify-content: center; min-width: 118px; min-height: 118px; padding: 6px; background: #fffdf7; border: 1px solid #e3d9be; border-radius: 8px; }
body .main-content .AuctionOutfitImage { height: 96px; width: auto; image-rendering: pixelated; display: block; margin: 0 auto; }
body .main-content .AuctionLinks a { color: #8a6d1c; }
/* sidebar — pola logowania (kremowe) */
body .right-panel input[type=text], body .right-panel input[type=password], body .right-panel input[type=email] {
background: #fffdf7; border: 1px solid #d9cdaf; border-radius: 6px; padding: 7px 10px; color: #2b2416; font-family: 'Inter', Arial, sans-serif; font-size: 13px;
}
body .right-panel input[type=submit], body .right-panel button[type=submit] {
background: linear-gradient(180deg, #d8b23a, #96781f); color: #241b00; font-weight: 700; border: 1px solid #7a611a; border-radius: 7px; padding: 8px 14px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;
}
body .right-panel label { color: #4a3b1e; font-size: 12px; }
/* stare nagłówki tabel (CaptionContainer z GIF-ramkami) -> złoty pasek Bebas */
body .main-content .CaptionContainer { background: linear-gradient(180deg, #d8b23a, #96781f); border-bottom: 1px solid #7a611a; border-radius: 7px 7px 0 0; }
body .main-content .CaptionContainer .Text { font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 1.5px; text-transform: uppercase; color: #241b00; padding: 10px 16px; }
body .main-content [class^="CaptionEdge"], body .main-content [class^="CaptionBorder"], body .main-content [class^="CaptionVertical"] { display: none !important; }
body .main-content .TableShadowContainerRightTop, body .main-content .TableShadowRightTop, body .main-content .TableShadowContainer, body .main-content .TableShadowLeftBottom, body .main-content .TableShadowRightBottom { display: none !important; }
body .main-content .TableContentAndRightShadow { background-image: none !important; }
body .main-content .TableContainer { background: #f7f2e5; border: 1px solid #e3d9be; border-radius: 8px; overflow: hidden; margin: 0 0 14px; }
body .main-content .TableContainer .TableContent { border: 0 !important; }
/* inline bialy tekst (stare strony MyAAC) -> ciemny na kremowym */
body .main-content [style*="color: #ffffff"], body .main-content [style*="color:#ffffff"], body .main-content [style*="color: #fff"], body .main-content [style*="color:#fff"] { color: #5c4a1a !important; }
/* LabelV — etykiety starych formularzy */
body .main-content td.LabelV, body .main-content .LabelV { color: #5c4a1a !important; font-family: 'Inter', Arial, sans-serif; font-size: 13px; font-weight: 600; vertical-align: middle; }
body .main-content td.LabelV span, body .main-content .LabelV span { color: inherit !important; }
body .main-content td.LabelV .red { color: #b04040 !important; }
/* jednolity nagłówek strony (pg-head) */
.pg-head { background: linear-gradient(180deg, #d8b23a, #96781f); border: 1px solid #7a611a; border-radius: 8px; padding: 11px 18px; margin: 0 0 16px; }
.pg-head h1 { font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; font-size: 23px; color: #241b00; letter-spacing: 1.6px; margin: 0; text-transform: uppercase; font-weight: 400; }
/* inputy sidebar (formularz logowania) — spojne kremowe */
body .content .container .right-panel input.form-control, body .content .container .right-panel select.form-control, body .content .container .right-panel textarea.form-control {
background: #fffdf7 !important; border: 1px solid #d9cdaf !important; border-radius: 6px !important;
color: #2b2416 !important; font-family: 'Inter', Arial, sans-serif; font-size: 13px; height: 36px; box-shadow: none !important;
}
body .content .container .right-panel input.form-control:focus { border-color: #c9a227 !important; outline: none; }
body .content .container .right-panel .form-check-input { accent-color: #96781f; }
body .content .container .right-panel label, body .content .container .right-panel .form-check-label { color: #4a3b1e; font-family: 'Inter', Arial, sans-serif; font-size: 12.5px; }
/* ==== MOBILE: menu (poziomy scroll, bez nachodzenia) ==== */
@media (max-width: 768px) {
body .menu nav { height: auto; min-height: 50px; }
body .menu nav ul.navbar-nav { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; float: none; margin: 0; }
body .menu nav ul.navbar-nav::-webkit-scrollbar { display: none; }
body .menu nav ul.navbar-nav > li { float: none; flex: 0 0 auto !important; width: auto !important; }
body .menu nav ul.navbar-nav > li > a { width: auto !important; }
body .menu nav ul.navbar-nav li a { padding: 11px 13px !important; font-size: 17px; white-space: nowrap; }
body .menu nav .navbar-form { display: none; }
}
/* ==== v11: przyciski-linki (a.btn) + mobile ramka ==== */
body .content a.btn, body .content a.btn:visited { color: #fff !important; text-decoration: none !important; }
body .content a.btn-info { color: #fff8e1 !important; }
body .content a.btn:hover { color: #fff !important; }
@media (max-width: 768px) {
/* bez ozdobnej ramki (pionowe kreski) — czysty pergamin */
body .content .container .content-wrapper { background: #d5ceb8; padding: 10px; }
/* karty nie wychodza poza ramke */
body .content .container .main-content .box .box-wrapper,
body .content .container .right-panel .box .box-wrapper { width: 100% !important; }
body .content .container .main-content .box, body .content .container .right-panel .box { margin: 0 0 14px; }
}
/* ==== v12: padding formularza w boxach + checkbox + tlo caly obraz ==== */
body .content .container .right-panel .box .box-content form { padding: 12px 12px 4px; }
body .content .container .right-panel .box .box-content form .form-group:last-child { margin-bottom: 4px; }
body .content .container .right-panel input[type="checkbox"], body .content .container .right-panel .form-check-input {
width: 18px !important; height: 18px !important; accent-color: #8a6d1f; border: 1px solid #8a6d1f; border-radius: 3px; vertical-align: middle; background: #fffdf7;
}
body .content .container .right-panel label { margin-left: 4px; }
/* ==== v15: chillera-styl sidebar (account/medale/bazaar/boosted) ==== */
body .content .container .right-panel .login-note { font-size: 12px; color: #7a6a4a; text-align: center; padding: 10px 12px 2px; }
body .content .container .right-panel .acc-label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #8a7a5a; margin: 0 0 3px 2px; font-weight: 700; }
body .content .container .right-panel .remember-row { display: flex; align-items: center; }
body .content .container .right-panel .remember-row label { margin: 0 0 0 6px; }
body .content .container .right-panel .login-btns { display: flex; gap: 8px; margin-top: 2px; }
body .content .container .right-panel .login-btns .btn-gold { flex: 2; }
body .content .container .right-panel .login-btns .btn-outline-gold { flex: 1; background: #f7f2e5; color: #8a6d1f; border: 1px solid #b89a3a; font-weight: 700; font-size: 12px; padding: 9px 4px; text-align: center; border-radius: 4px; }
body .content .container .right-panel .login-btns .btn-outline-gold:hover { background: #efe6cd; }
body .content .container .right-panel .acc-foot { text-align: center; font-size: 12px; color: #7a6a4a; padding: 9px 10px 11px; border-top: 1px solid #cdc5ae; margin: 6px 12px 0; }
body .content .container .right-panel .acc-foot a { color: #96781f; font-weight: 700; }
body .content .container .right-panel .medal { font-size: 13px; margin-right: 3px; }
body .content .container .right-panel .m1 { color: #f5c542; }
body .content .container .right-panel .m2 { color: #bfbfbf; }
body .content .container .right-panel .m3 { color: #cd7f32; }
body .content .container .right-panel .rank-num { color: #8a7a5a; margin-right: 3px; }
body .content .container .right-panel .bz-flag { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #96781f; font-weight: 700; margin-bottom: 2px; }
body .content .container .right-panel .bz-buy { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; color: #8a6d1f; }
body .content .container .right-panel .boost-row { display: flex; gap: 8px; }
body .content .container .right-panel .boost-row .boost-card { flex: 1; margin-bottom: 0; padding: 8px 10px; gap: 8px; }
body .content .container .right-panel .boost-row .boost-card .bimg img { width: 40px; height: 40px; }
body .content .container .right-panel .boost-row .boost-card .bname { font-size: 12px; }
/* ==== v16: fix checkbox (scale wynosił w lewo) + Lost Account kontrast ==== */
body .content .container .right-panel .remember-row input[type="checkbox"] { transform: none !important; margin: 0 !important; width: 20px !important; height: 20px !important; }
body .content .container .right-panel .remember-row { padding-left: 1px; }
body .content .container .right-panel .login-btns a.btn-outline-gold,
body .content .container .right-panel .login-btns .btn-outline-gold {
color: #6b5410 !important; background: #fdfbf4 !important; border: 1.5px solid #a8892e !important; font-weight: 700 !important;
}
body .content .container .right-panel .login-btns a.btn-outline-gold:hover { background: #f0e8d2 !important; }
/* ==== v16b: formularz logowania NIE jest w .box-content — padding bezpośrednio ==== */
body .content .container .right-panel .tab-pane#login form.form { padding: 2px 12px 6px; }
body .content .container .right-panel .tab-pane#login .remember-row { padding-left: 0; }
/* ==== v25b: tabele na mobile — scroll poziomy (highscores, listy) ==== */
@media (max-width: 640px) {
.table-content { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; max-width: 100% !important; }
/* ranking: ukryj Outfit, zwez padding — Rank/Name/Level/Points mieszcza sie bez scrolla */
.accd-table th:nth-child(2), .accd-table td:nth-child(2) { display: none !important; }
.accd-table th, .accd-table td { padding: 4px 5px !important; font-size: 12px !important; }
}
/* ==== v34: CHARACTER PROFILE (strona postaci — karty w stylu chillera, spójne z .accd) ==== */
.chp { display: flex; flex-direction: column; gap: 14px; }
.chp-card { background: #efe9da; border: 1px solid #d9cdaf; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(60, 45, 10, .18); }
.chp-head { padding: 10px 16px; background: linear-gradient(180deg, #d8b23a, #96781f); border-bottom: 1px solid #7a611a; color: #241b00; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; font-size: 17px; line-height: 1.2; letter-spacing: 1.2px; text-transform: uppercase; }
.chp-edit { float: right; margin: 0 0 8px 10px; font-size: 12px; }
/* profile card */
.chp-profile-inner { display: flex; align-items: center; gap: 20px; padding: 18px; }
.chp-outfit { flex: 0 0 auto; position: relative; width: 128px; height: 128px; background: #fdfbf2; border: 1px solid #d3c194; border-radius: 8px; overflow: hidden; }
/* ots.me zwraca 64x64 z postacia w prawym dolnym rogu (bbox 32..63) — centrujemy: skala 2x, srodek postaci (95,95) na srodek boxa (64,64) => offset -31 */
.chp-outfit img { position: absolute; left: -31px; top: -31px; width: 128px; height: 128px; image-rendering: pixelated; }
.chp-ident { flex: 1; min-width: 0; }
.chp-name { font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; font-size: 27px; line-height: 1.1; letter-spacing: 1.5px; color: #2f2408; text-transform: uppercase; }
.chp-name .chp-on { color: #2e7d32; }
.chp-name .chp-off { color: #b3261e; }
.chp-voc { margin-top: 3px; color: #6b5a2e; font-size: 14px; }
.chp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.chp-chip { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; background: #e2d7b8; border: 1px solid #c9b98a; color: #55461f; }
.chp-chip-on { background: rgba(63, 125, 58, .18); border-color: rgba(63, 125, 58, .5); color: #2e5c2a; }
.chp-chip-off { background: rgba(158, 58, 58, .12); border-color: rgba(158, 58, 58, .4); color: #8a2a2a; }
/* information rows */
.chp-info { padding: 4px 16px 12px; }
.chp-row { display: grid; grid-template-columns: 132px 1fr 132px 1fr; column-gap: 14px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid #ddd2b4; }
.chp-row:last-child { border-bottom: none; }
.chp-l { color: #8a7a55; font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.chp-v { color: #3d2f10; font-size: 14px; min-width: 0; overflow-wrap: anywhere; }
.chp-v-wide { grid-column: 2 / -1; }
.chp-ban { color: #b3261e; font-size: 12px; font-weight: 700; }
.chp-mini-btn { display: inline-flex; align-items: center; height: 24px; margin-left: 8px; padding: 0 12px; background: #ece0c4; border: 1px solid #c9b98a; border-radius: 999px; color: #55461f; font-family: inherit; font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; cursor: pointer; }
.chp-mini-btn:hover { background: #f8f0dc; border-color: #c99b2d; color: #8a6d1f; }
/* details: inventory + exp + skills */
.chp-details { display: flex; flex-wrap: wrap; gap: 8px 26px; padding: 16px; }
.chp-dcol { flex: 1 1 260px; min-width: 240px; }
.chp-subhead { margin: 4px 0 7px; color: #8a6d1f; font-size: 11px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; }
.chp-soul { margin-bottom: 12px; color: #3d2f10; font-size: 14px; }
.chp-expbar { height: 14px; background: #e2d7b8; border: 1px solid #cbb87e; border-radius: 999px; overflow: hidden; }
.chp-expfill { height: 100%; background: linear-gradient(180deg, #7fbf5a, #4e9134); border-radius: 999px 0 0 999px; }
.chp-exp-num { margin-top: 6px; color: #6b5a2e; font-size: 12px; }
.chp-skills { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 6px; }
.chp-skill { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 10px; background: #fdfbf2; border: 1px solid #d9cdaf; border-radius: 6px; }
.chp-skill-n { color: #8a7a55; font-size: 11px; letter-spacing: .5px; text-transform: uppercase; }
.chp-skill-v { color: #3d2f10; font-size: 14px; font-weight: 700; }
/* equipment */
.chp-eq { display: flex; justify-content: center; gap: 6px; padding: 16px; }
.chp-eq-col { display: flex; flex-direction: column; gap: 6px; }
.chp-eq-slot { width: 56px; height: 56px; background: #fdfbf2; border: 1px solid #d3c194; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.chp-eq-slot img { image-rendering: pixelated; }
.chp-eq-skull { height: 26px; display: flex; align-items: center; justify-content: center; }
/* item summary */
.chp-itemsummary { padding: 14px 16px; }
.ItemSummaryTabs { display: flex; gap: 6px; margin: 0 0 12px; flex-wrap: wrap; align-items: center; }
.is-tab { display: inline-flex; align-items: center; gap: 5px; height: 32px; box-sizing: border-box; background: #ece0c4; border: 1px solid #d8c9a3; color: #55461f; font-family: inherit; font-size: 12.5px; font-weight: 700; padding: 0 14px; border-radius: 7px; cursor: pointer; letter-spacing: .03em; text-transform: uppercase; transition: all .15s; }
.is-tab:hover { border-color: #c99b2d; color: #8a6d1f; background: #f8f0dc; }
.is-tab.is-active { background: linear-gradient(180deg, #f5d76a, #d4a12c); border-color: #b8860b; color: #241c07; box-shadow: 0 2px 8px rgba(201, 155, 45, .45), inset 0 1px 0 rgba(255, 255, 255, .5); }
.is-tab-count { background: rgba(36, 28, 7, .14); border-radius: 8px; padding: 1px 7px; font-size: 10.5px; line-height: 13px; margin-left: 2px; }
.is-tab.is-active .is-tab-count { background: rgba(36, 28, 7, .22); }
.ItemSummaryPanel { display: none; }
.ItemSummaryPanel.is-panel-active { display: block; }
.ItemSummaryGrid { display: grid; grid-template-columns: repeat(auto-fill, 44px); gap: 5px; padding: 2px 0; }
.is-cell { position: relative; width: 44px; height: 44px; background: #fffdf6; border: 1px solid #d3c194; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.is-cell img { width: 32px; height: 32px; image-rendering: pixelated; max-width: none; }
.is-cell:hover { border-color: #c99b2d; box-shadow: 0 0 0 1px #c99b2d inset; background: #fff9e8; }
.is-count { position: absolute; right: 2px; bottom: 2px; font-size: 10px; font-weight: 700; color: #241c07; background: #f7e9c4; border: 1px solid #c99b2d; border-radius: 3px; padding: 0 4px; line-height: 14px; font-variant-numeric: tabular-nums; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
.is-empty { text-align: center; padding: 14px; color: #8a7a55; font-style: italic; font-size: 13px; }
/* quests / deaths / victims */
.chp-quests { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 3px 18px; padding: 13px 16px; }
.chp-quest { color: #3d2f10; font-size: 13px; }
.chp-quest-mark { font-weight: 700; }
.chp-quest-done .chp-quest-mark { color: #2e7d32; }
.chp-quest-todo { color: #8a7a55; }
.chp-quest-todo .chp-quest-mark { color: #b3261e; }
.chp-dt { width: 100%; border-collapse: collapse; }
.chp-dt td, .chp-dt th { padding: 8px 14px; border-bottom: 1px solid #ddd2b4; color: #3d2f10; font-size: 13px; text-align: left; }
.chp-dt th { color: #8a7a55; font-size: 11px; letter-spacing: .8px; text-transform: uppercase; }
.chp-dt tr:last-child td { border-bottom: none; }
.chp-dt-t { white-space: nowrap; color: #8a7a55 !important; }
.chp-unjust { color: #b3261e; font-size: 10px; }
.chp-just { color: #2e7d32; font-size: 10px; }
/* signature */
.chp-sign { padding: 16px; text-align: center; }
.chp-sign input[type=text] { width: 400px; max-width: 100%; }
@media (max-width: 768px) {
.chp-row { grid-template-columns: 108px 1fr; }
.chp-profile-inner { flex-direction: column; text-align: center; }
.chp-chips { justify-content: center; }
.chp-name { font-size: 22px; }
.chp-details { flex-direction: column; }
.chp-dcol { min-width: 0; }
.ItemSummaryGrid { grid-template-columns: repeat(auto-fill, 40px); }
.is-cell { width: 40px; height: 40px; }
.is-cell img { width: 30px; height: 30px; }
.chp-dt td, .chp-dt th { padding: 6px 8px; }
}
/* ==== v35: bazar details — karty .chp (zakup + info) ==== */
.chp-buyrow { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 14px; }
.chp-price { display: inline-flex; align-items: baseline; gap: 7px; background: #fdfbf2; border: 1px solid #d3c194; border-radius: 8px; padding: 8px 16px; }
.chp-price small { color: #8a7a55; font-size: 11px; letter-spacing: .8px; text-transform: uppercase; }
.chp-price strong { color: #241b00; font-size: 22px; font-family: 'Bebas Neue Bold', 'Bebas Neue', sans-serif; letter-spacing: 1px; }
.chp-buyactions { display: inline-flex; align-items: center; }
.chp-buyactions .bzm-buytrigger { font-size: 15px; padding: 10px 22px; }
.chp-kv { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid #e6dcc0; }
.chp-kv:last-child { border-bottom: none; }
.chp-kv span { color: #8a7a55; font-size: 12px; }
.chp-kv b { color: #3d2f10; font-size: 13.5px; text-align: right; }
.chp-skills-wide .chp-skill-full { grid-column: 1 / -1; }
.chp-skill-full { display: flex; align-items: center; gap: 10px; }
.chp-skill-full .chp-skill-n { flex: 0 0 128px; }
.chp-skill-full .chp-skill-v { flex: 0 0 34px; text-align: right; }
.chp-skill-pct { flex: 1; display: inline-flex; align-items: center; gap: 8px; }
.chp-skill-bar { flex: 1; height: 8px; background: #e2d7b8; border: 1px solid #cbb87e; border-radius: 999px; overflow: hidden; }
.chp-skill-bar i { display: block; height: 100%; background: linear-gradient(180deg, #7fbf5a, #4e9134); }
.chp-skill-pct em { color: #6b5a2e; font-size: 11.5px; font-style: normal; font-variant-numeric: tabular-nums; min-width: 44px; text-align: right; }
.chp-charms { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 3px 18px; padding: 13px 16px; }
.chp-charm { color: #3d2f10; font-size: 13px; }
.chp-charm-mark { font-weight: 700; }
.chp-charm-on .chp-charm-mark { color: #2e7d32; }
.chp-charm-off { color: #8a7a55; }
.chp-charm-off .chp-charm-mark { color: #b3261e; }
.chp-back { display: flex; justify-content: center; padding: 4px 0 10px; }
.chp-backbtn { display: inline-flex; align-items: center; gap: 9px; background: linear-gradient(180deg, #d4a12c, #8a6d1f); color: #fff !important; font-weight: 700; font-size: 14px; padding: 10px 22px; border-radius: 4px; border: 1px solid #6b5410; text-shadow: 0 1px 0 rgba(0, 0, 0, .25); }
.chp-backbtn:hover { background: linear-gradient(180deg, #dcae3e, #96781f); }
@media (max-width: 768px) {
.chp-buyrow { flex-direction: column; align-items: stretch; }
.chp-price { justify-content: center; }
.chp-buyactions { justify-content: center; }
.chp-skill-full .chp-skill-n { flex-basis: 96px; }
}
/* --- v36: guilds (sprzatanie stray
) --- */
.gld-desc { margin-top: 6px; }
.gld-gap { height: 12px; }
.gld-empty-sub { margin-top: 6px; }
.gld-cta-txt { margin-bottom: 8px; }
.gld-help { margin-top: 10px; font-size: 13px; }
.gld-help-txt { margin-bottom: 4px; }