/* Glador: responsive fantasy UI. Keep ornaments intact using nine-slice borders. */
@font-face {
  font-family: GladorDisplay; src: url('fonts/TrajanPro.ttf') format('truetype');
  font-style: normal; font-weight: 400; font-display: swap;
}
:root {
  --glador-gold: #c7954b;
  --glador-light: #f1d49a;
  --glador-muted: #c5a980;
  --glador-frame: url('../images/refresh/dragon-frame.webp');
  --glador-board: url('../images/refresh/temple-board.webp');
  --glador-surface: radial-gradient(ellipse at 50% 0, #251011, #100809 75%);
  --glador-gold-text: linear-gradient(180deg,#fff3cb 6%,#e8c47e 43%,#be8744 55%,#f5d59b 86%);
}

html { min-width: 0; }
body {
  min-width: 0 !important;
  min-height: 100vh;
  color: #ded4bf;
  background-color: #111314;
  background-image: linear-gradient(180deg,rgba(18,7,9,.08) 300px,rgba(17,19,20,.28) 750px,#111314 1380px),url('../images/refresh/living-temple-v1.webp');
  background-position: center top,center top;
  background-repeat: no-repeat;
  background-attachment: scroll,scroll;
  background-size: 100% 1400px,auto 1400px;
}
body > .container { width: 100%; max-width: none; padding: 0; }
body > .container > .row { margin: 0; }
body > .container > .row > .col { padding: 0; }
*, *::before, *::after { box-sizing: border-box; }
.sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;
}
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid #ffe0a1 !important; outline-offset: 3px;
}

/* One navigation, one download control. No duplicate welcome card. */
#header, #header #logo { height: 245px; }
#header { pointer-events: none; }
#header #logo .main_logo {
  width: min(500px, 86vw); height: auto; aspect-ratio: 596 / 250; pointer-events: auto;
  top: 25px;
}
#header #logo .main_logo a, #header #logo .main_logo a:hover {
  background: url('../images/refresh/glador-farm-logo.webp') no-repeat center top / 100% auto;
  transition: filter .2s ease;
}
#header #logo .main_logo a:hover { filter: brightness(1.12); }
#header #logo .main_logo a { animation: glador-logo-breathe 7s ease-in-out infinite; }
@keyframes glador-logo-breathe {
  0%,100% { transform: translateY(0); filter: drop-shadow(0 3px 5px #000b) brightness(1); }
  50% { transform: translateY(-3px); filter: drop-shadow(0 2px 10px #e5632355) brightness(1.1); }
}
#main-container {
  position: relative; display: grid; width: calc(100% - 48px); max-width: 1480px;
  margin: 0 auto !important; grid-template-columns: 300px minmax(0,1fr) 300px;
  grid-template-areas: "download download download" "nav nav nav" "calendar news account";
  gap: 24px 22px; align-items: start;
}
#main-container > .pobierz_gre {
  display: block; grid-area: download; width: 170px; height: auto; aspect-ratio: 1;
  margin: -8px auto -48px !important; z-index: 3; position: relative;
}
#main-container > .pobierz_gre a, #main-container > .pobierz_gre a:hover {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
  background: url('../images/refresh/download-medallion.webp') no-repeat center !important;
  background-size: contain !important; text-decoration: none !important; transition: filter .22s ease;
}
#main-container > .pobierz_gre .glador-download-title {
  display: flex; flex-direction: column; align-items: center; gap: 3px; padding-top: 17px;
  color: #ffe3a3; font: 400 17px/1.1 GladorDisplay,Georgia,serif; letter-spacing: .025em;
  text-align: center; text-transform: uppercase; text-decoration: none !important; filter: drop-shadow(0 2px 2px #000);
}
.glador-download-title > span, .glador-download-title > strong {
  background: linear-gradient(#fff4d1 12%,#ffda88 43%,#c28635 55%,#ffdc8b 84%);
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.glador-download-title > strong { font-size: 27px; font-weight: 400; letter-spacing: .065em; }
#main-container > .pobierz_gre a:hover,
#main-container > .pobierz_gre a:focus-visible {
  filter: brightness(1.5) drop-shadow(0 0 10px rgba(255,195,95,.45)) drop-shadow(0 0 18px rgba(157,43,24,.55));
  text-decoration: none !important;
}
#main-container > .main_menu {
  grid-area: nav; position: relative; z-index: 2; display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr)); align-items: center;
  width: min(calc(100% - 60px),1100px); height: auto; min-height: 104px;
  margin: 0 auto !important; padding: 24px 60px 14px;
  border: 1px solid #a67c3f; border-image: none; border-radius: 11px;
  background: radial-gradient(ellipse at 50% 0,#68292766,transparent 75%),linear-gradient(#29100f,#16080a 70%,#23100d);
  box-shadow: inset 0 0 0 3px #210c0a,inset 0 0 0 4px #95703a,inset 0 0 22px #000a;
  filter: drop-shadow(0 6px 8px rgba(0,0,0,.65));
}
#main-container > .main_menu::before, #main-container > .main_menu::after {
  content: ''; position: absolute; top: -37px; width: 122px; height: 183px;
  background: url('../images/refresh/navigation-dragon-v1.webp') center / contain no-repeat;
  pointer-events: none; z-index: 3; filter: drop-shadow(0 3px 3px #000b);
}
#main-container > .main_menu::before { left: -44px; }
#main-container > .main_menu::after { right: -44px; transform: scaleX(-1); }
#main-container > .main_menu .left_bg, #main-container > .main_menu .right_bg { display: none; }
#main-container > .main_menu > div:not(#hHoursHead) {
  float: none; width: auto; height: auto; background: none; position: relative; z-index: 1;
}
#main-container > .main_menu > div > a,
#main-container > .main_menu > div > a:hover {
  display: flex; width: 100%; min-height: 48px; height: auto; padding: 10px 8px;
  align-items: center; justify-content: center; background: none !important; border: 0;
  color: #f1d49a; font: 700 15px/1.2 Georgia,serif; text-align: center;
  text-transform: uppercase; letter-spacing: .06em; text-shadow: 0 2px 3px #000;
  text-decoration: none; transition: color .18s ease, background .18s ease;
}
#main-container > .main_menu > div + div > a { border-left: 1px solid rgba(192,131,58,.25); }
#main-container > .main_menu > div > a:hover,
#main-container > .main_menu > div > a[aria-current="page"] {
  color: #fff0c2; background: radial-gradient(ellipse at bottom,rgba(145,29,25,.36),transparent 72%) !important;
  box-shadow: inset 0 -1px #b57c36;
}
#main-container > .main_menu a::after { content: none; }
#content-left { grid-area: calendar; }
#content-center { grid-area: news; }
#content-right { grid-area: account; display: flex; flex-direction: column; gap: 24px; }
#content-left, #content-center, #content-right {
  float: none !important; width: 100%; min-width: 0; height: auto;
  margin: 0 !important; padding: 0; transform: none;
}

/* A single closed frame around the artwork, heading and complete calendar. */
#evcal-box, #login-box, #rank-box, #content {
  position: relative; width: 100%; height: auto; min-height: 0; margin: 0 !important;
  border: 14px solid transparent; border-image: var(--glador-frame) 125 fill / 21px stretch;
  background: transparent; box-shadow: 0 9px 25px rgba(0,0,0,.5);
}
#evcal-box, #login-box, #rank-box {
  border-image-width: 21px;
  border-image-outset: 5px;
}
#evcal-box { padding: 1px 1px 8px; }
#evcal-box::before { content: none; }
.evcal-art { position: relative; width: 100%; overflow: hidden; }
.evcal-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; mask-image: linear-gradient(#000 60%,transparent 100%); }
.evcal-art::after {
  content: none;
}
.evcal-art h2 {
  position: absolute; z-index: 1; right: 2px; bottom: 8px; left: 2px; margin: 0;
  color: #f5d596; font: 700 17px/1.2 Georgia,serif; text-align: center;
  text-transform: uppercase; letter-spacing: .025em; text-shadow: 0 2px 3px #000;
}
.evcal-game-icons {
  display: flex; justify-content: center; align-items: center; gap: 15px;
  padding: 4px 0 11px; background: transparent; border-bottom: 1px solid #655538;
}
.evcal-game-icons img { display: block; width: 38px; height: 38px; object-fit: contain; }
#evcal-content { float: none; width: 100%; height: auto; margin: 0; padding: 8px 2px 0; }
#evcal-box .datepicker { width: 100%; max-height: none; margin: 0; overflow: visible; }
#evcal-box .ui-datepicker-inline { width: 100%; padding: 0; background: transparent; border: 0; }
#evcal-box .ui-datepicker-header { min-height: 41px; padding: 10px 32px; margin: 0 0 6px; }
#evcal-box .ui-datepicker-header { background: transparent; border-color: #655538; }
#evcal-box .ui-datepicker-title { margin: 0; padding: 0; font-size: 14px; line-height: 20px; }
#evcal-box .ui-datepicker-prev, #evcal-box .ui-datepicker-next {
  width: 30px; height: 30px; line-height: 28px; border-radius: 3px;
}
#evcal-box .ui-datepicker-prev { left: 0; }
#evcal-box .ui-datepicker-next { right: 0; }
#evcal-box .ui-datepicker-calendar { width: 100%; table-layout: fixed; margin: 0; }
#evcal-box .ui-datepicker-calendar th { padding: 4px 0 8px; font-size: 11px; }
#evcal-box .ui-datepicker-calendar th span {
  width: auto; height: auto; line-height: inherit; border: 0; color: #b99965; font-size: 11px;
}
#evcal-box .ui-datepicker-calendar td { padding: 2px; }
#evcal-box .ui-datepicker-calendar td a, #evcal-box .ui-datepicker-calendar td span {
  position: relative; width: 100%; height: 32px; line-height: 30px; font-size: 13px;
  border-radius: 3px; box-shadow: none;
}
#evcal-box .ui-datepicker-calendar .evcal-has-event a {
  background: linear-gradient(#351616,#1b0d0f); border-color: #897349; color: #f4d293;
}
#evcal-box .ui-datepicker-calendar .ui-datepicker-today a {
  border-color: #ffd995; color: #fff6d1; box-shadow: inset 0 0 0 1px #bc843c;
}
#evcal-box .ui-datepicker-calendar a:hover { background: #572426; border-color: #f0ba62; }
.evcal-hint { margin: 10px 0 0; text-align: center; color: #ba9766; font: 12px/1.4 Calibri,Arial,sans-serif; }
.evcal-modal { background: var(--glador-surface); border-color: #8b754b; border-radius: 5px; }
.evcal-modal-head { background: transparent; border-color: #695a3e; }
.evcal-modal-date { text-transform: none; }
.evcal-modal-close { width: 40px; height: 40px; border-radius: 3px; }
.evcal-card { border-radius: 4px; }

/* Client-style frame: four fixed corners and four repeat-only, 1px rails. */
#content {
  --frame-corner: 74px;
  --frame-fill-top: 31px;
  --frame-fill-side: 19px;
  --frame-fill-bottom: 27px;
  min-height: 200px; padding: 46px 31px 41px; border: 0;
  background: none; isolation: isolate; box-shadow: none;
  container-type: inline-size;
}
#content::before { content: none; }
#content::after {
  content: ''; position: absolute;
  inset: var(--frame-fill-top) var(--frame-fill-side) var(--frame-fill-bottom);
  z-index: -1;
  background: radial-gradient(ellipse at 50% 0,rgba(46,17,18,.88),rgba(12,6,8,.92) 76%);
  box-shadow: inset 0 0 54px rgba(0,0,0,.34); border-radius: 0;
}
.glador-news-frame { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.glador-news-frame i { position: absolute; display: block; background-repeat: no-repeat; }
.glador-news-frame .frame-corner { width: var(--frame-corner); height: var(--frame-corner); background-size: 100% 100%; z-index: 1; }
.frame-tl { top: 0; left: 0; background-image: url('../images/refresh/news-frame-v2/top-left.webp'); }
.frame-tr { top: 0; right: 0; background-image: url('../images/refresh/news-frame-v2/top-right.webp'); }
.frame-bl { bottom: 0; left: 0; background-image: url('../images/refresh/news-frame-v2/bottom-left.webp'); }
.frame-br { bottom: 0; right: 0; background-image: url('../images/refresh/news-frame-v2/bottom-right.webp'); }
.glador-news-frame .frame-top, .glador-news-frame .frame-bottom {
  left: var(--frame-corner); right: var(--frame-corner); height: var(--frame-corner);
  background-size: 1px var(--frame-corner); background-repeat: repeat-x;
}
.glador-news-frame .frame-left, .glador-news-frame .frame-right {
  top: var(--frame-corner); bottom: var(--frame-corner); width: var(--frame-corner);
  background-size: var(--frame-corner) 1px; background-repeat: repeat-y;
}
.frame-top { top: 0; background-image: url('../images/refresh/news-frame-v2/top.webp'); }
.frame-bottom { bottom: 0; background-image: url('../images/refresh/news-frame-v2/bottom.webp'); }
.frame-left { left: 0; background-image: url('../images/refresh/news-frame-v2/left.webp'); }
.frame-right { right: 0; background-image: url('../images/refresh/news-frame-v2/right.webp'); }
#content .coon { position: relative; z-index: 1; }
#content-btm { display: none; }
#content .coon { width: 100%; min-height: 0; }
#content .coon .main-head, #content .coon .main-headCal {
  width: 100%; height: auto; min-height: 57px; margin: 0;
  background: none;
  border-bottom: 1px solid #71603f;
}
#content .coon .main-title {
  display: flex; width: 100%; height: auto; min-height: 57px; padding: 15px 10px;
  align-items: center; justify-content: center; color: #f1d49a;
  font: 400 17px/1.3 GladorDisplay,Georgia,serif; letter-spacing: .035em;
}
#content .coon .main-content {
  display: block; width: 100%; min-height: 0; background: transparent;
}
#content .coon .main-news-right, #content .coon .main-news-value,
#content .coon .main-news-valueCal, #content .coon .main-news-valueFb {
  width: 100%; max-width: 100%; min-width: 0; min-height: 0;
}
#content .coon .main-news-value, #content .coon .main-news-valueCal {
  padding: 23px 18px; color: #e0d7c4; font-size: 16px; line-height: 1.7; overflow-x: auto;
}
#content .coon .main-bottom {
  width: 100%; height: auto; min-height: 33px; margin-bottom: 18px;
  background: none; border-bottom: 1px solid rgba(157,98,45,.3);
}
#content .coon .main-bottom:last-child { margin-bottom: 0; border-bottom: 0; }
#content .coon .main-news-date { float: none; height: auto; margin: 0; padding: 8px 12px; text-align: right; color: #aa895f; font-size: 12px; }
#content .coon img, #content .coon video { max-width: 100%; height: auto; }
#content .coon iframe, #content .coon table { max-width: 100%; }
#content .coon input, #content .coon select, #content .coon textarea { max-width: 100%; }
#content .reg-input, #content .ucp-input { animation: none !important; width: 100% !important; }
#content input:-webkit-autofill {
  animation: none !important; -webkit-box-shadow: 0 0 0 1000px #141617 inset !important;
  -webkit-text-fill-color: #f1d5a6;
}

/* Matching player and ranking panels replace fixed-size sliced backgrounds. */
#login-box, #rank-box { padding: 10px 7px 15px; }
.glador-panel-title {
  margin: 0 0 17px; padding: 9px 0 14px; border-bottom: 1px solid #655538;
  color: #f1d49a; font: 700 18px/1.2 Georgia,serif; text-align: center; text-transform: uppercase; letter-spacing: .06em;
}
#login-form { width: 100%; padding: 0; margin: 0; }
#login-form .wprowadzanie { width: 100%; max-width: 100%; height: auto; margin: 0 0 9px !important; background: none; }
#login-form input[type="text"], #login-form input[type="password"] {
  width: 100% !important; height: 42px; margin: 0; padding: 0 12px !important; animation: none !important;
  background: rgba(8,4,5,.65) !important; border: 1px solid #8b764e; border-radius: 2px;
  color: #f1d5a6; font: 15px Calibri,Arial,sans-serif; box-shadow: inset 0 2px 7px #000;
}
#login-form input::placeholder { color: #ac8e69; opacity: 1; }
#login-form input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #101213 inset !important; -webkit-text-fill-color: #f1d5a6; }
#login-form .lgnBtns { padding: 3px 0 0; width: 100%; font-size: 13px; line-height: 1.8; background: transparent; }
#login-form .lgnBtns a { color: #cfbf9e; }
#login-form .lgnBtns a:hover { color: #ffe2a0; text-decoration: underline; }
#login-box #login-form input.log,
#login-box #login-form input.log:hover,
#login-box #login-form input.log:focus-visible,
#login-box #login-form input.log:active {
  width: 100%; height: auto; aspect-ratio: 321 / 103; margin: -3px 0 4px !important; padding: 0;
  background: url('../images/refresh/login-button.webp') no-repeat center / contain;
  border: 0; border-image: none; box-shadow: none; cursor: pointer;
  color: transparent; text-shadow: none; font: 700 15px Georgia,serif;
}
#login-box #login-form input.log { transition: filter .18s ease; }
#login-box #login-form input.log:hover, #login-box #login-form input.log:focus-visible { filter: brightness(1.17) drop-shadow(0 0 5px #b12e2555); }
#login-box #login-form input.log:active { filter: brightness(.95); }
#login-box .main_menu { position: static; width: 100%; height: auto; padding: 0; margin: 0; }
#login-box .btn-ucp-modern {
  margin: 0 0 7px; width: 100%; min-height: 43px; height: auto; padding: 10px;
  background: linear-gradient(135deg,rgba(87,25,26,.26),rgba(9,3,4,.48)); border: 1px solid #66513a;
  border-radius: 2px; color: #e1d2b4; font-size: 12px; letter-spacing: .02em;
  box-shadow: inset 0 1px rgba(255,255,255,.035); backdrop-filter: none;
}
#login-box .btn-ucp-modern:hover { background: #361318; border-color: #bf9b58; padding-left: 10px; }
#content .payment-card { background: linear-gradient(135deg,rgba(81,23,24,.25),rgba(4,2,3,.42)); }
#content .payment-card:hover { background: linear-gradient(135deg,rgba(105,33,35,.4),rgba(15,4,6,.5)); }
#content .payment-card-icon { background: #210c0f; }
#rank-box .top-player, #rank-players, #rank-guilds {
  width: 100%; height: auto; background: none; margin: 0; padding: 0;
}
#rank-box .btnsR { width: 100%; display: flex; gap: 6px; padding: 0 0 12px; }
#rank-box .rank-btn, #rank-box .rank-btn:hover {
  display: flex !important; align-items: center; justify-content: center; gap: 7px;
  width: 50%; height: 42px; margin: 0; padding: 5px; background: rgba(15,4,6,.4);
  border: 1px solid #786544; border-radius: 2px; color: #e4c389;
  font: 700 13px Calibri,Arial,sans-serif; text-transform: uppercase; text-decoration: none;
}
#rank-box .rank-btn:hover { background: #3d292a; color: #fff0c2; }
#rank-box .rank-btn[aria-pressed="true"] { background: linear-gradient(#51292a,#251c1e); border-color: #c4a46a; color: #ffe4ab; box-shadow: inset 0 -2px #b6833e; }
#rank-box .top-player table { width: 100%; max-width: 100%; margin: 0; table-layout: fixed; }
#rank-box .top-player .cache_rank_row {
  height: 39px; background: transparent;
  border-bottom: 1px solid rgba(170,147,107,.2);
}
#rank-box td { padding: 7px 4px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#rank-box td:first-child { width: 26px; text-align: center; color: #a88a65; }
#rank-box td:last-child { width: 60px; text-align: right; color: #d0ad71; }
#rank-box td a { color: #ebc794; }
#rank-box br { display: none; }

/* Timeline is always present and starts loading without a click. */
#content .glador-fb-feed {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 650px; padding: 20px 8px; position: relative;
}
.glador-fb-feed iframe { order: 1; display: block; max-width: 100%; height: 600px; border: 0; margin: 0 auto; background: transparent; }
.glador-fb-status { position: absolute; top: 3px; right: 8px; left: 8px; color: #ceb78f; font-size: 12px; text-align: center; }
.glador-fb-status[hidden] { display: none; }
.glador-fb-direct { display: block; order: 2; padding: 12px 4px 0; color: #e3c89d; font-size: 12px; text-align: center; }

/* Dynamic copy remains HTML; the ruby artwork never scales the percentage. */
.glador-promotion { grid-column: 1 / -1; position: relative; margin: 10px 12px 0; border-top: 1px solid #97713c77; }
.ruby-promo-link {
  display: grid; grid-template-columns: 152px minmax(0,1fr); gap: 23px; align-items: center;
  min-height: 125px; max-width: 700px; margin: 0 auto; background: none;
  color: #efdbb5; text-decoration: none !important;
}
.ruby-promo-art { width: 152px; height: 152px; object-fit: contain; margin: -6px 0 -8px; filter: drop-shadow(0 0 12px #b523272e); transition: filter .2s; }
.ruby-promo-copy { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 20px; align-items: center; width: 100%; padding: 13px 0; text-shadow: 0 2px 4px #000; }
.ruby-eyebrow { font: 700 11px/1.4 Calibri,Arial,sans-serif; text-transform: uppercase; letter-spacing: .18em; color: #d6aa6c; }
.ruby-title { grid-column: 1; margin: 5px 0 6px; font: 400 clamp(17px,1.45vw,23px)/1.25 GladorDisplay,Georgia,serif; color: #f5e1ba; }
.ruby-bonus { grid-column: 2; grid-row: 2 / 4; font: 14px/1.5 Calibri,Arial,sans-serif; color: #e4d5bf; white-space: nowrap; }
.ruby-bonus b { margin: 0 4px; font: 700 31px/1.25 Georgia,serif; color: #ffbd91; }
.ruby-cta { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 12px; margin-top: 4px; padding: 0; font: 700 13px/1.3 Calibri,Arial,sans-serif; color: #f4d395; }
.ruby-promo-link:hover .ruby-cta { color: #fff2cc; border-color: #ffe1a1; }
.ruby-promo-link:hover .ruby-promo-art { filter: brightness(1.1) drop-shadow(0 0 14px #c42f3544); }

/* Metallic headings only: body text keeps a solid, readable color. */
@supports (background-clip: text) {
  .glador-panel-title, .evcal-art h2, #content .coon .main-title,
  .glador-nav-label, .ruby-title {
    background-image: var(--glador-gold-text);
    background-size: 100% 100%; background-position: center; background-repeat: no-repeat;
    -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
    text-shadow: none; filter: drop-shadow(0 2px 2px #000);
  }
}

/* One account design language, including older table-based forms. */
#content .coon > .row { margin: 0; }
#content .coon > .row > .col { min-width: 0; padding: 0; }
#content .account-info-modern {
  background: none; backdrop-filter: none; border: 0; box-shadow: none;
  padding: 0; margin: 0 0 8px; gap: 6px 24px; border-radius: 0;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
#content .info-item, #content .info-item:hover {
  min-width: 0; padding: 15px 2px; background: transparent; border: 0;
  border-bottom: 1px solid #76533266; border-radius: 0; box-shadow: none; transform: none;
  flex-direction: column; align-items: flex-start; gap: 8px; text-align: left;
}
#content .info-label { color: #b9a27c; font-size: 11px; letter-spacing: .06em; }
#content .info-value { color: #ecd3a5; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
#content .chars-modern-container { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 20px; padding: 28px 12px 16px; }
#content .char-card-modern {
  width: 100%; min-width: 0; padding: 28px 15px 18px;
  background: radial-gradient(ellipse at top,rgba(91,27,27,.38),rgba(8,3,4,.2));
  backdrop-filter: none; border: 1px solid #765332; border-top: 2px solid #b18a4e;
  border-radius: 3px; box-shadow: 0 6px 18px #0004;
}
#content .char-card-modern:hover { transform: translateY(-2px); border-color: #cfac68; }
#content .char-card-modern:hover .char-avatar-wrapper { transform: none; }
#content .char-details h4 a { color: #f0d8a9; font-family: Georgia,serif; }
#content .char-class, #content .char-level { color: #bda887; line-height: 1.5; }
#content .char-actions input[type="button"] { min-height: 40px; border-radius: 2px; }
#content .char-actions:has(> input:disabled[value="---"]) { display: none; }
#content .settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 20px 0; gap: 14px; }
#content .settings-item {
  padding: 19px 15px; min-height: 123px; align-items: flex-start;
  background: linear-gradient(125deg,rgba(89,27,29,.18),transparent);
  backdrop-filter: none; border-color: #76533288; border-radius: 3px; box-shadow: none;
}
#content .settings-item:hover { background: rgba(93,30,30,.23); box-shadow: none; transform: none; border-color: #c49955; }
#content .settings-item img { width: 38px; height: 38px; margin-right: 14px; }
#content .settings-item:hover img { transform: none; }
#content .settings-title { color: #ecd09a; font: 700 15px/1.45 Georgia,serif; letter-spacing: .01em; text-transform: none; }
#content .settings-desc { color: #c4b395; font-size: 13px; line-height: 1.6; opacity: 1; }
#content .register-form { max-width: 540px; margin: 0 auto; padding: 4px 0; }
#content .register-form table, #content .register-form tbody, #content .register-form tr, #content .register-form td { display: block; width: 100%; }
#content .register-form td { padding: 0; text-align: left !important; color: #d7c5a5; font-size: 14px; font-weight: 400; }
#content .register-form .input.reg-input, #content .ucp-input, #content .code-input, #content .pay-detail-bonus-input {
  min-width: 0; width: 100%; max-width: 100%; height: 46px; margin: 9px 0 6px; padding: 10px 13px !important;
  background: rgba(5,2,3,.65); border: 1px solid #80613d; border-radius: 2px;
  color: #f1d8ae; box-shadow: inset 0 2px 7px #0006; font: 15px/1.5 Calibri,Arial,sans-serif;
}
#content .register-form .reg-button, #content .ucp-btn-glow,
#content .code-submit-btn, #content .pay-detail-btn, #content .pay-detail-bonus-btn {
  min-height: 46px; height: auto; padding: 12px 18px; margin: 15px auto 6px;
  max-width: 100%; white-space: normal; border: 1px solid #b0894c; border-bottom: 2px solid #714623;
  border-radius: 2px; background: linear-gradient(#65292a,#341113); color: #f5d7a3;
  box-shadow: inset 0 1px #eab96a30,0 4px 9px #0004; font: 700 14px/1.5 Calibri,Arial,sans-serif;
  text-transform: uppercase; letter-spacing: .035em; transition: filter .15s;
}
#content .register-form .reg-button:hover:not(:disabled), #content .ucp-btn-glow:hover,
#content .code-submit-btn:hover, #content .pay-detail-btn:hover { transform: none; filter: brightness(1.16); }
#content .register-form .reg-button:disabled { opacity: .5; cursor: not-allowed; }
#content .ucp-recovery-card { background: none; border: 0; box-shadow: none; border-radius: 0; max-width: 540px; padding: 10px 0 !important; }
#content .ucp-recovery-icon { background: #210d10; border-color: #947146; box-shadow: none; }
#content .ucp-recovery-desc { color: #d5c4a5; max-width: 100%; line-height: 1.7; }
#content .ucp-note { background: rgba(121,56,30,.09); border-color: #79603b66; border-left-color: #b99152; border-radius: 2px; box-shadow: none; color: #d6c09a; padding: 14px; }
#content .email-step { background: none; border: 0; border-left: 2px solid #826039; border-radius: 0; padding: 16px 18px; }
#content .email-step.active { border-color: #e2b263; box-shadow: none; }
#content .email-step.done { border-color: #57c276; }
#content .email-desc, #content .email-meta { color: #c4b395; line-height: 1.6; }
#content .email-title { color: #ecd09a; font: 700 16px/1.4 Georgia,serif; }
#content .op-tab, #content .op-btn { background: rgba(7,3,4,.45); border-color: #795535; border-radius: 2px; backdrop-filter: none; box-shadow: none; min-height: 40px; }
#content .op-tab.active { background: linear-gradient(#542024,#291013); border-color: #caa366; }
#content .op-meta, #content .op-controls { flex-wrap: wrap; gap: 10px; }
#content .log-item { background: rgba(0,0,0,.16); backdrop-filter: none; border: 0; border-bottom: 1px solid #76533266; border-radius: 0; box-shadow: none; padding: 12px 4px; }
#content .log-text { color: #ead0a5; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
#content .log-time { color: #b8a17d; }
#content .payment-card, #content .pay-pack-card { border-color: #83603a; border-left: 2px solid #a9773d; border-radius: 3px; box-shadow: none; }
#content .payment-card:hover, #content .pay-pack-card:hover { border-color: #c4a069; transform: none; box-shadow: 0 4px 15px #0003; }
#content .payment-card-name, #content .pay-pack-coins { color: #f0d09c; }
#content .payment-card-desc { color: #bdad93; }
#content .payment-card-arrow { color: #ad8955; }
#content .pay-pack-card { background: linear-gradient(125deg,rgba(78,22,24,.22),rgba(0,0,0,.12)); }
#content .pay-pack-price { color: #f2d097; background: rgba(89,29,27,.35); border-color: #9a713c88; }
#content .pay-pack-label, #content .pay-pack-arrow { color: #baa183; }
#content .pay-section-header, #content .code-redeem-title, #content .pay-empty-title { color: #edcc95; font-family: Georgia,serif; }
#content .code-redeem-panel, #content .pay-detail-panel, #content .pay-empty-state { background: none; border-color: #73533255; box-shadow: none; border-radius: 3px; }
#content .pay-packages-intro, #content .pay-detail-notice { color: #c7b291; background: none; }
#content .code-redeem-subtitle { color: #c7b291; }
#content .code-input::placeholder { color: #baa183; opacity: .8; }
#content .btn-payment-back, #content .pay-empty-back { color: #dfbd84 !important; background: transparent; border-color: #76533288; border-radius: 2px; }
#content a.pack { width: 100%; margin: 0 0 16px; padding: 18px; min-height: 100px; display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 4px 16px; background: rgba(60,15,20,.15); border-color: #826039; border-radius: 3px; }
#content a.pack img { float: none; width: 58px; grid-column: 1; grid-row: 1 / 3; opacity: 1; }
#content .pack-name, #content .pack-desc { width: auto; padding: 0; grid-column: 2; }
#content .pack-name { color: #e7c791; font: 700 17px/1.4 Georgia,serif; }
#content .pack-desc { color: #c4b395; line-height: 1.6; }
#content .support-shell { font-family: Calibri,Arial,sans-serif; text-align: left; }
#content .support-shell.support-split { grid-template-columns: minmax(0,1fr) 220px; align-items: start; gap: 22px; }
#content .support-card { min-width: 0; background: none; border: 0; padding: 8px 0; border-radius: 0; box-shadow: none; overflow: visible; }
#content .support-card::before { content: none; }
#content .support-faq { border-left: 1px solid #76533288; padding-left: 18px; color: #c4b395; font-size: 14px; line-height: 1.6; }
#content .support-faq-title, #content .support-section-title { color: #e8c995; font: 700 16px/1.5 Georgia,serif; margin-bottom: 12px; }
#content .support-form-modern .form-group label { text-align: left; color: #d8bd91; }
#content .support-input, #content .support-area { min-width: 0; width: 100%; max-width: 100%; min-height: 46px; background: rgba(5,2,3,.65); border: 1px solid #80613d; border-radius: 2px; color: #f1d8ae; font: 16px/1.5 Calibri,Arial,sans-serif; padding: 10px 13px; }
#content .support-area { min-height: 170px; }
#content .support-form-modern .selectric { background: #170b0d; border-color: #80613d; border-radius: 2px; }
#content .support-form-modern .selectric .label { padding-left: 12px; margin-left: 0; text-align: left; height: 44px; line-height: 44px; }
#content .support-form-modern .selectric .button { border: 0; background: none; }
#content .support-form-modern .selectric-items { background: #210e12; border-color: #9b7544; }
#content .support-form-modern .selectric-items li { border-bottom: 1px solid #76533255; color: #ddc7a4; }
#content .support-form-modern .selectric-items li.selected, #content .support-form-modern .selectric-items li:hover { background: #522126; color: #ffe4b2; }
#content .field-hint, #content .form-rules { color: #bda98c; font-size: 12px; line-height: 1.6; }
#content .form-rules { background: none; padding: 10px 0; text-align: left; }
#content .support-btn { min-height: 44px; height: auto; white-space: normal; border-radius: 2px; border-color: #a47b43; background: linear-gradient(#65292a,#341113); box-shadow: none; }
#content .support-table th { padding: 10px 6px; color: #bfa784; font-size: 11px; }
#content .support-table td { padding: 12px 6px; background: rgba(0,0,0,.12); color: #e0c7a0; border-color: #76533266; overflow-wrap: anywhere; }
#content .support-table tr:hover td { background: rgba(92,30,31,.18); transform: none; box-shadow: none; }
#content .support-table:has(td[colspan]) thead { display: none; }
#content .support-table td[colspan] { border: 0; background: none; line-height: 1.7; }
#content .chat-message { min-width: 0; max-width: 100%; }
#content .chat-content { min-width: 0; overflow-wrap: anywhere; box-shadow: none; border-radius: 3px; }
#content .chat-message.out .chat-content { background: #301216; border-color: #765332; }
#content .chat-message.in .chat-content { background: #1c1415; border-color: #80613d; }
@container (max-width: 620px) {
  #content .settings-grid, #content .account-info-modern { grid-template-columns: minmax(0,1fr); }
  #content .settings-item { min-height: 0; }
  #content .main-news-value { padding-left: 10px; padding-right: 10px; }
  #content .log-wrap { flex-direction: column; align-items: flex-start; gap: 5px; }
  #content .log-time { white-space: normal; }
  #content .support-shell.support-split { grid-template-columns: minmax(0,1fr); }
  #content .support-faq { border-left: 0; border-top: 1px solid #76533288; padding: 18px 0 0; }
  #content .support-table, #content .support-table tbody { display: block; width: 100%; }
  #content .support-table thead { display: none; }
  #content .support-table tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-bottom: 1px solid #76533266; padding: 12px 0; gap: 8px; }
  #content .support-table td { display: block; width: auto; border: 0 !important; border-radius: 0 !important; text-align: left !important; padding: 4px; }
  #content .support-table td::before { display: block; color: #ad9576; font-size: 11px; margin-bottom: 4px; }
  #content .support-table td:nth-child(1)::before { content: 'ID'; }
  #content .support-table td:nth-child(2)::before { content: 'Tytuł wiadomości'; }
  #content .support-table td:nth-child(3)::before { content: 'Status'; }
  #content .support-table td:nth-child(4)::before { content: 'Etap zgłoszenia'; }
  #content .support-table td:nth-child(5)::before { content: 'Priorytet'; }
  #content .support-table td:nth-child(6)::before { content: 'Wysłano'; }
  #content .support-table td:nth-child(2), #content .support-table td:nth-child(7), #content .support-table td[colspan] { grid-column: 1 / -1; }
  #content .support-table td[colspan]::before { content: none; }
  #content .support-header-actions { position: static; flex-wrap: wrap; margin-bottom: 15px; }
  #content .chat-message { flex-direction: column; }
  #content .chat-message.out { flex-direction: column; align-items: flex-end; }
  #content .chat-header { flex-wrap: wrap; gap: 6px; }
}
@container (max-width: 370px) {
  #content .chars-modern-container { grid-template-columns: minmax(0,1fr); padding-right: 0; padding-left: 0; }
  #content .info-value { font-size: 14px; }
  #content .email-step { padding: 12px; }
  #content .code-input-row, #content .pay-detail-bonus-row { flex-wrap: wrap; }
  #content .code-redeem-panel, #content .pay-detail-panel { padding: 15px 4px; }
  #content .op-tab { min-width: 100%; }
  #content a.pack { grid-template-columns: 38px minmax(0,1fr); padding: 13px; gap: 7px 10px; }
  #content a.pack img { width: 38px; }
  #content .pack-name { font-size: 15px; }
  #content .pack-desc { grid-column: 1 / -1; }
}

#footer {
  position: relative; width: 100%; height: 155px; margin-top: 42px;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.4));
  border-top: 1px solid #5e5036;
}
#footer .content { width: 100%; height: 100%; }
#footer .content .foot { right: 16px; bottom: 15px; left: 16px; width: auto; height: auto; }
#footer .content #copyright { width: auto; max-width: 750px; margin: 0 auto; padding: 8px; font: 12px/1.6 Calibri,Arial,sans-serif; color: #e1c399; text-shadow: 0 1px 3px #000; }
.cc-window { font-family: Calibri,Arial,sans-serif !important; text-transform: none !important; font-size: 12px !important; }
#dc-widget { z-index: 999 !important; }
body:has(.cc-window:not(.cc-invisible)) #dc-widget { bottom: 95px !important; }

@media (max-width: 1279px) {
  #main-container { max-width: 1000px; grid-template-columns: 280px minmax(0,1fr); grid-template-areas: "download download" "nav nav" "calendar news" "account news"; }
  #content-center { height: 100%; }
  #content-right { margin-top: 0 !important; }
}
@media (max-width: 899px) {
  #main-container { width: calc(100% - 28px); max-width: 780px; grid-template-columns: 1fr 1fr; grid-template-areas: "download download" "nav nav" "news news" "calendar account"; gap: 20px; }
  #content-center { height: auto; }
  #header, #header #logo { height: 210px; }
  #header #logo .main_logo { width: min(420px,86vw); }
  #main-container > .main_menu { padding-right: 28px; padding-left: 28px; }
  #main-container > .main_menu > div > a { font-size: 12px; letter-spacing: .015em; }
  #evcal-box { max-width: 360px; margin: 0 auto !important; }
  #login-box, #rank-box { max-width: 360px; margin: 0 auto !important; }
}
@media (max-width: 699px) {
  #main-container > .main_menu {
    width: calc(100% - 24px); grid-template-columns: repeat(2,minmax(0,1fr));
    min-height: 0; padding: 26px 10px 12px; border-width: 1px;
  }
  #main-container > .main_menu::before, #main-container > .main_menu::after { width: 75px; height: 112px; top: -28px; }
  #main-container > .main_menu::before { left: -24px; }
  #main-container > .main_menu::after { right: -24px; }
  #main-container > .main_menu > div > a { min-height: 47px; font-size: 12px; padding: 10px 3px; border: 0; }
  #main-container > .main_menu > .rankingi { grid-column: 1 / -1; }
  #main-container > .main_menu > div + div > a { border-left: 0; }
  #main-container > .main_menu > .home, #main-container > .main_menu > .rejestracja,
  #main-container > .main_menu > .support, #main-container > .main_menu > .forum { border-bottom: 1px solid rgba(194,127,51,.23); }
  #main-container > .main_menu > .home, #main-container > .main_menu > .support { border-right: 1px solid rgba(194,127,51,.23); }
  .ruby-promo-link { grid-template-columns: 120px minmax(0,1fr); gap: 12px; }
  .ruby-promo-art { width: 120px; height: 136px; }
  .ruby-promo-copy { grid-template-columns: minmax(0,1fr); gap: 3px; }
  .ruby-bonus { grid-column: 1; grid-row: auto; white-space: normal; }
}
@media (max-width: 599px) {
  body { background-size: 100% 1400px,auto 1100px; background-position: center top,55% top; }
  #header, #header #logo { height: 170px; }
  #header #logo .main_logo { width: min(340px,90vw); top: 24px; }
  #main-container { width: calc(100% - 24px); max-width: 430px; grid-template-columns: minmax(0,1fr); grid-template-areas: "download" "nav" "calendar" "news" "account"; gap: 20px; }
  body.glador-subpage #main-container { grid-template-areas: "download" "nav" "news" "calendar" "account"; }
  #main-container > .pobierz_gre { width: 138px; margin: -2px auto -39px !important; }
  #main-container > .pobierz_gre .glador-download-title { font-size: 14px; padding-top: 13px; }
  .glador-download-title > strong { font-size: 22px; }
  #content {
    --frame-corner: 54px; --frame-fill-top: 23px;
    --frame-fill-side: 14px; --frame-fill-bottom: 20px;
    min-height: 160px; padding: 34px 21px 30px;
  }
  #evcal-box, #login-box, #rank-box { border-image-outset: 3px; }
  #content .coon .main-title { font-size: 16px; padding: 14px 8px; }
  #content .coon .main-news-value, #content .coon .main-news-valueCal { padding: 18px 12px; font-size: 15px; line-height: 1.6; }
  #content .download-row { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; padding: 16px 13px; }
  #content .download-row-icon { width: 38px; height: 38px; }
  #content .download-row-info { min-width: 0; width: auto; }
  #content .download-row-title { font-size: 15px; line-height: 1.3; }
  #content .download-row-meta { margin-top: 5px; font-size: 12px; line-height: 1.5; }
  #content .download-row-btn { display: flex; grid-column: 1 / -1; width: 100%; min-height: 44px; align-items: center; justify-content: center; }
  #content .ucp-recovery-card { padding: 18px 12px; }
  #content .row:has(.payment-methods-grid) { margin: 0; }
  #content .row:has(.payment-methods-grid) > .col { padding: 0; min-width: 0; }
  #content .payment-methods-grid { padding: 16px 0; gap: 12px; }
  #content .payment-card { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 15px 12px; }
  #content .payment-card-icon { grid-column: 1; grid-row: 1; width: 42px; height: 42px; margin: 0; }
  #content .payment-card-icon svg { width: 32px; height: 32px; }
  #content .payment-card-body { grid-column: 1 / -1; grid-row: 2; min-width: 0; width: 100%; }
  #content .payment-card-arrow { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
  #content .payment-card-name { font-size: 15px; line-height: 1.4; }
  #content .payment-card-desc { font-size: 13px; line-height: 1.5; }
  #content .payment-card-body .blik-badge { max-width: 100%; flex-wrap: wrap; }
  #evcal-box, #login-box, #rank-box { max-width: none; }
  .evcal-art img { max-height: 195px; }
  .evcal-art h2 { font-size: 18px; }
  #evcal-box .ui-datepicker-calendar td a, #evcal-box .ui-datepicker-calendar td span { height: 37px; line-height: 35px; }
  #login-form input[type="text"], #login-form input[type="password"] { font-size: 16px; height: 46px; }
  .evcal-modal-overlay { padding: 12px; }
  .evcal-modal { max-width: 100%; max-height: 90vh; }
  .evcal-modal-close { width: 44px; height: 44px; }
  .evcal-card { gap: 9px; padding: 10px; }
  .evcal-card-ic { width: 38px; height: 38px; flex: 0 0 38px; }
  .evcal-card-ic img { max-width: 38px; max-height: 38px; }
  .evcal-card-head { flex-wrap: wrap; gap: 6px; }
  .evcal-card-body { min-width: 0; }
  .glador-promotion { margin: 9px 0 0; }
  .ruby-promo-link { min-height: 155px; grid-template-columns: 88px minmax(0,1fr); gap: 8px; }
  .ruby-promo-art { width: 96px; height: 116px; margin: 0 0 0 -8px; }
  .ruby-promo-copy { grid-template-columns: minmax(0,1fr); gap: 3px; padding: 12px 0 3px; }
  .ruby-title { font-size: 15px; margin: 2px 0; }
  .ruby-bonus { grid-column: 1; grid-row: auto; white-space: normal; font-size: 11px; }
  .ruby-bonus b { font-size: 24px; margin: 0; }
  .ruby-eyebrow { font-size: 9px; }
  .ruby-cta { font-size: 11px; gap: 6px; }
  #footer { margin-top: 26px; height: 190px; }
  .cc-window { padding: 11px 13px !important; line-height: 1.35 !important; }
  .cc-message { margin: 0 0 8px !important; }
  .cc-btn { min-height: 36px; padding: 7px 12px !important; }
  #dc-widget { display: none !important; }
  #dc-widget-link { gap: 0 !important; padding: 8px !important; border-radius: 50% !important; }
  #dc-widget-link > div:nth-child(2), #dc-widget-link > div:nth-child(3) { display: none !important; }
  body:has(.cc-window:not(.cc-invisible)) #dc-widget { bottom: 160px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}