/* Default-v4: presentation layer. The original stylesheet remains the compatibility base. */
body.kings-modern {
  --king-bg: #101316;
  --king-panel: rgba(17, 21, 24, .96);
  --king-raised: #1c2125;
  --king-line: rgba(212, 188, 143, .17);
  --king-gold: #d7b779;
  --king-text: #e9e7e1;
  --king-muted: #a1a5a6;
  color: var(--king-text);
  font: 14px/1.6 "Segoe UI", Arial, sans-serif;
  text-rendering: optimizeLegibility;
}
.kings-modern *, .kings-modern *::before, .kings-modern *::after { box-sizing: border-box; }
.kings-modern a { color: var(--king-gold); text-decoration: none; }
.kings-modern a:hover { color: #f6dfb3; text-decoration: none; }
.kings-modern a, .kings-modern button, .kings-modern input { -webkit-tap-highlight-color: transparent; }
.kings-modern :focus-visible { outline: 2px solid #e9c782 !important; outline-offset: 4px; }
.kings-modern ::selection { color: #fff; background: #795b2d; }
.kings-modern .visually-hidden, .kings-modern .skip-link:not(:focus) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.kings-modern .skip-link:focus { position: fixed; z-index: 10000; top: 12px; left: 12px; background: #111; padding: 12px 20px; }
.kings-modern .video-shade {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(7,10,14,.35) 0%, rgba(7,10,14,.08) 28%, rgba(7,10,14,.67) 76%, rgba(7,10,14,.88) 100%);
}
.kings-modern .wrap { width: calc(100% - 64px); max-width: 1280px; margin: 0 auto; overflow: visible; }
.kings-modern .site-topbar {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  min-height: 64px; border-bottom: 1px solid var(--king-line);
}
.kings-modern .site-wordmark { color: #eee9de; font: 600 18px/1 Georgia, serif; letter-spacing: .06em; }
.kings-modern .site-wordmark span { color: var(--king-gold); }
.kings-modern .server-presence { display: flex; align-items: center; gap: 8px; color: #c1c6c3; font-size: 12px; }
.kings-modern .server-presence strong { color: #edf1e9; font-variant-numeric: tabular-nums; }
.kings-modern .presence-dot { width: 6px; height: 6px; border-radius: 50%; background: #91cfa4; box-shadow: 0 0 0 4px rgba(145,207,164,.09); margin-right: 3px; }
.kings-modern .topbar-tools { display: flex; align-items: center; gap: 15px; }
.kings-modern .wrap .language { display: flex; gap: 5px; width: auto; margin: 0; padding: 0; }
.kings-modern .wrap .language a { display: grid; place-items: center; min-width: 32px; height: 32px; border: 1px solid transparent; border-radius: 5px; opacity: .65; }
.kings-modern .wrap .language a:hover, .kings-modern .wrap .language a.active { opacity: 1; background: rgba(215,183,121,.08); border-color: var(--king-line); }
.kings-modern .wrap .language img { width: 22px; height: 15px; object-fit: contain; }
.kings-modern .video-toggle { width: 32px; height: 32px; padding: 0; border: 1px solid var(--king-line); border-radius: 5px; background: rgba(16,19,22,.6); color: #c6c2b8; font-size: 11px; }
.kings-modern .video-toggle:hover { color: var(--king-gold); border-color: var(--king-gold); }
.kings-modern .video-toggle[hidden] { display: none; }
.kings-modern .wrap .header.site-hero { position: relative; height: 252px; }
.kings-modern .hero-bottom { position: absolute; bottom: 22px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.kings-modern .hero-edition { display: flex; align-items: center; gap: 10px; color: #d6d2c8; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; text-shadow: 0 1px 8px #000; }
.kings-modern .hero-edition .fa { color: var(--king-gold); }
.kings-modern .hero-divider { opacity: .35; margin: 0 3px; }
.kings-modern .hero-actions { display: flex; align-items: center; gap: 12px; }
.kings-modern .hero-download, .kings-modern .hero-register {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 42px; padding: 9px 20px; border-radius: 5px; font-size: 12px; font-weight: 600;
}
.kings-modern .hero-download { color: #201a10; background: linear-gradient(135deg,#e2c48a,#b99558); border: 1px solid #e4c894; box-shadow: 0 4px 18px rgba(0,0,0,.18); }
.kings-modern .hero-download:hover { color: #171109; background: #efd59d; }
.kings-modern .hero-register { color: #e0d3b9; border: 1px solid rgba(215,183,121,.35); background: rgba(18,21,24,.8); }
.kings-modern .hero-register:hover { background: #262520; border-color: var(--king-gold); }

/* Desktop shell: all existing modules remain in their original content slot. */
.kings-modern .wrap .main { display: grid; grid-template-columns: 208px minmax(0,1fr) 240px; gap: 20px; align-items: start; width: 100%; margin: 0; }
.kings-modern .wrap .main .sidebar, .kings-modern .wrap .main .sidebar.left,
.kings-modern .wrap .main .sidebar.right, .kings-modern .wrap .main .content {
  width: auto; min-width: 0; float: none; margin: 0; padding: 0; background: none;
}
.kings-modern .wrap .main .sidebar .container { width: auto; margin: 0; padding: 0; }
.kings-modern .wrap .main .top, .kings-modern .sidebar-bottom, .kings-modern .box-bottom,
.kings-modern .content-middle { display: none; }
.kings-modern .wrap .main .sidebar .container .title {
  display: flex; align-items: center; gap: 9px; width: auto; height: auto; margin: 0;
  padding: 17px 18px 13px; color: #dbd5c9; font: 600 11px/1.5 "Segoe UI",Arial,sans-serif;
  letter-spacing: .13em; text-transform: uppercase; text-align: left;
  background: var(--king-panel); border: 1px solid var(--king-line); border-bottom: 0; border-radius: 8px 8px 0 0;
}
.kings-modern .wrap .main .sidebar .container .title .fa { color: var(--king-gold); font-size: 13px; letter-spacing: 0; }
.kings-modern .wrap .main .sidebar .container .box {
  width: auto; margin: 0; padding: 5px 17px 18px; color: var(--king-text);
  background: var(--king-panel); border: 1px solid var(--king-line); border-top: 0; border-radius: 0 0 8px 8px;
}
.kings-modern .wrap .main .sidebar .container .space { height: 16px; }
.kings-modern .wrap .main .sidebar .container .box ul { display: block; list-style: none; width: auto; margin: 0; padding: 0; }
.kings-modern .wrap .main .sidebar.left .container .navigation-box { padding: 4px 8px 10px; }
.kings-modern .wrap .main .sidebar.left .container .box ul li { padding: 0; margin: 3px 0; border: 0; background: none; line-height: 1.4; }
.kings-modern .wrap .main .sidebar.left .container .box ul li a {
  display: flex; align-items: center; gap: 11px; min-height: 42px; padding: 10px 11px;
  color: #b9bebf; background: transparent; border: 1px solid transparent; border-radius: 5px;
  font: 400 13px/1.45 "Segoe UI",Arial,sans-serif; text-align: left;
  transition: color .15s, background-color .15s, border-color .15s;
}
.kings-modern .wrap .main .sidebar.left .container .box ul li a::before { content: none; }
.kings-modern .navigation-box a > .fa { flex: 0 0 16px; text-align: center; color: #777e7f; font-size: 13px; }
.kings-modern .wrap .main .sidebar.left .container .box ul li a:hover { color: #f0e6d3; background: rgba(215,183,121,.055); }
.kings-modern .wrap .main .sidebar.left .container .box ul li a[aria-current="page"] {
  color: #efd5a1; border-color: rgba(215,183,121,.22); background: linear-gradient(90deg,rgba(215,183,121,.14),rgba(215,183,121,.03));
}
.kings-modern .navigation-box a[aria-current="page"] > .fa { color: var(--king-gold); }
.kings-modern .navigation-disclosure > summary, .kings-modern .mobile-panel-link { display: none; }
.kings-modern .navigation-disclosure > summary::-webkit-details-marker { display: none; }
.kings-modern .navigation-disclosure { margin-bottom: 16px; }

/* Account panel, form fields and server information. */
.kings-modern .wrap .main .sidebar.right .container .box ul li { padding: 9px 0; color: var(--king-muted); font-size: 12px; line-height: 1.55; border-bottom: 1px solid rgba(255,255,255,.055); overflow-wrap: anywhere; }
.kings-modern .wrap .main .sidebar.right .container .box ul li:last-child { border-bottom: 0; }
.kings-modern .wrap .main .sidebar.right .container .box ul li span.text { float: right; color: #dfc693; margin-left: 10px; font-weight: 600; }
.kings-modern .wrap .main .sidebar.right .container .box ul li a { color: #d9d3c8; padding: 3px 0; background: none; }
.kings-modern .wrap .main .sidebar.right .container .box ul li a:hover { color: var(--king-gold); }
.kings-modern .wrap .main .sidebar.right .container .box ul li span.online { color: #91cfa4; }
.kings-modern .wrap .main .sidebar.right .container .box ul li span.offline { color: #b99393; }
.kings-modern .login-label { display: block; margin: 9px 0 5px; color: #a8adae; font-size: 11px; }
.kings-modern .wrap .main .sidebar.right .container .box .login-input {
  position: static; width: 100%; height: 40px; padding: 9px 11px; margin: 0;
  color: #eee9df; background: #0c1013; border: 1px solid #333839; border-radius: 5px; font-size: 13px;
}
.kings-modern .wrap .main .sidebar.right .container .box .login-input:focus { border-color: var(--king-gold); }
.kings-modern input::placeholder, .kings-modern textarea::placeholder { color: #7e8689; opacity: 1; }
.kings-modern .wrap .main .sidebar.right .container .box .remember-login { margin: 13px 0; color: var(--king-muted); font-size: 11px; }
.kings-modern .remember-login label { display: flex; align-items: center; gap: 7px; cursor: pointer; }
.kings-modern input[type="checkbox"], .kings-modern input[type="radio"] { accent-color: var(--king-gold); width: 15px; height: 15px; }
.kings-modern .wrap .main .sidebar.right .container .box .login-submit {
  position: static; display: block; width: 100%; height: 41px; margin: 12px 0 0; padding: 8px 16px;
  color: #211b11; background: linear-gradient(135deg,#dec28b,#bf9a60); border: 1px solid #d4b379;
  border-radius: 5px; font-size: 13px; font-weight: 600; text-shadow: none;
}
.kings-modern .wrap .main .sidebar.right .container .box .login-submit:hover { background: #e8ca91; }
.kings-modern .wrap .main .sidebar.right .container .box .loading-login { position: static; width: 100%; height: 41px; margin: 12px 0 0; text-align: center; }
.kings-modern .wrap .main .sidebar.right .container .box .forgot-password { margin-top: 12px; font-size: 11px; }
.kings-modern .wrap .main .sidebar.right .container .box .forgot-password a { color: #a5a8a6; }
.kings-modern .social-login { font-size: 11px; margin-top: 15px; border-top: 1px solid var(--king-line); padding-top: 12px; }

/* Shared content styles also cover AJAX pages and existing plugin views. */
.kings-modern .wrap .main .content .container {
  min-height: 470px; margin: 0; padding: 27px 26px; color: var(--king-text);
  background: var(--king-panel); border: 1px solid var(--king-line); border-top-color: rgba(215,183,121,.4);
  border-radius: 9px; box-shadow: 0 15px 50px rgba(0,0,0,.2);
}
.kings-modern .wrap .main .content .container .c { margin: 0; position: relative; z-index: auto; min-width: 0; }
.kings-modern .ajax-container { min-width: 0; overflow-wrap: break-word; }
.kings-modern .wrap .main .content .container h1.title {
  display: flex; align-items: center; gap: 17px; margin: 27px 0 17px; padding: 0;
  color: #ece2d0; background: none; font: 400 20px/1.4 Georgia,"Times New Roman",serif;
  text-align: left; text-transform: none; letter-spacing: .01em;
}
.kings-modern .wrap .main .content .container h1.title:first-child { margin-top: 0; }
.kings-modern .wrap .main .content .container h1.title::after { content: ""; flex: 1; min-width: 20px; height: 1px; background: linear-gradient(90deg,var(--king-line),transparent); }
.kings-modern .wrap .main .content .container h2.title { color: #dcc294; background: #1c2225; border: 1px solid var(--king-line); border-image: none; border-radius: 5px; padding: 11px 13px; font: 600 13px/1.4 "Segoe UI",Arial,sans-serif; text-transform: none; }
.kings-modern ul.news { padding: 0; margin: 0 0 23px; list-style: none; }
.kings-modern ul.news li { padding: 15px 16px; margin: 8px 0; color: var(--king-muted); background: #191e22; border: 1px solid rgba(255,255,255,.055); border-left: 2px solid #8e7650; border-radius: 5px; line-height: 1.65; }
.kings-modern ul.news li:hover { background: #1e2429; border-left-color: #dec28b; }
.kings-modern ul.news li a { color: #dddcd6; font: 600 14px/1.6 "Segoe UI",Arial,sans-serif; }
.kings-modern ul.news li a:hover { color: #e7c88f; }
.kings-modern ul.news li p.author-created { margin: 6px 0 0; color: #959c9f; font-size: 10px; line-height: 1.5; }
.kings-modern ul.news li p.author-created strong { font-weight: 400; }
.kings-modern ul.news .news-type { display: inline-block; color: #d5b57a; font-size: 10px; text-transform: uppercase; margin-right: 7px; letter-spacing: .04em; }
.kings-modern ul.news li p.body { color: #abb0b1; margin: 8px 0 0; }
.kings-modern .breadcrumber { color: #a1a8ab; margin: -6px 0 22px; font-size: 11px; line-height: 1.7; }
.kings-modern .breadcrumber li + li::before { content: "/"; padding: 0 8px; color: #62696c; }
.kings-modern .box-panel { margin-bottom: 18px; background: #161c20; border: 1px solid var(--king-line); border-radius: 6px; overflow: hidden; }
.kings-modern .box-panel .box-panel-title { display: block; position: static; width: auto; margin: 0; padding: 12px 16px; background: #20262a; color: #ddc698; border: 0; border-image: none; box-shadow: none; font-size: 13px; font-weight: 600; }
.kings-modern .box-panel .box-panel-content { margin: 0; padding: 16px; color: var(--king-text); background: none; border: 0; outline: 0; box-shadow: none; scrollbar-width: thin; scrollbar-color: #796744 #12181c; }
.kings-modern .box-panel .submit { padding: 14px 16px; background: #1b2125; border-top: 1px solid var(--king-line); }
.kings-modern .form { background: none; }
.kings-modern .form .row { margin-bottom: 15px; background: none; border-bottom: 1px solid rgba(255,255,255,.045); padding-bottom: 15px; }
.kings-modern .form .label, .kings-modern .form label { color: #c1c6c7; }
.kings-modern .form .field { min-width: 0; }
.kings-modern .form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.kings-modern .form select, .kings-modern .form textarea {
  max-width: 100%; min-height: 39px; padding: 8px 10px; color: #e8e6df;
  background: #0e1317; border: 1px solid #384045; border-radius: 4px; font-size: 13px; box-shadow: none;
}
.kings-modern .form .required, .kings-modern .form .error-message { color: #efaaaa; }
.kings-modern .form .error input { border-color: #d59090 !important; }
.kings-modern .btn, .kings-modern a.btn, .kings-modern .btn-secondary {
  height: auto; min-height: 36px; padding: 8px 13px; color: #e6d3b0; background: #292921;
  background-image: none; border: 1px solid #66593e; border-image: none; border-radius: 4px;
  font: 600 12px/1.5 "Segoe UI",Arial,sans-serif; text-shadow: none; box-shadow: none; filter: none;
}
.kings-modern .btn:hover, .kings-modern .btn-secondary:hover, .kings-modern .btn-secondary.active { color: #17130e; background: #d7b779; border-color: #d7b779; }
.kings-modern hr { border: 0; border-top: 1px solid var(--king-line); margin: 19px 0; }
.kings-modern table.list { width: 100%; border-collapse: collapse; font-size: 12px; color: #d0d3d3; }
.kings-modern table.list th { padding: 10px 8px; color: #a7adae; background: #252b2e; border: 0; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.kings-modern table.list td { padding: 10px 8px; color: #c7cdce; border-bottom: 1px solid rgba(255,255,255,.045); background: #191f22; }
.kings-modern table.list tr:nth-child(even) td { background: #1e2428; }
.kings-modern table.list tr:hover td { background: #292d2c; }
.kings-modern .top-ranking { min-width: 0; margin-bottom: 10px; }
.kings-modern .top-ranking > table { width: 100%; margin: 0; }
.kings-modern .top-ranking .type { padding: 8px; background: #292922; color: #d9bd87; border: 1px solid var(--king-line); border-bottom: 0; border-radius: 5px 5px 0 0; font-size: 11px; font-weight: 600; }
.kings-modern .top-ranking table.list td, .kings-modern .top-ranking table.list th { padding: 8px 5px; font-size: 10px; text-align: left; }
.kings-modern .top-ranking table.list td:last-child, .kings-modern .top-ranking table.list th:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.kings-modern .top-ranking table.list tbody tr:first-child td { color: #dec28b; }
.kings-modern .top-ranking .score, .kings-modern .top-ranking .name { color: #d6c08f; background: #202729; border-color: #41443b; text-shadow: none; }
.kings-modern .rankings .character { background-color: #1a2024; color: #d7d7d0; border-color: var(--king-line); }
.kings-modern .rankings .character .desc .name, .kings-modern .rankings .character .desc .name a { color: #dec28b; }
.kings-modern .rankings .character .class, .kings-modern .rankings .character .guild-name { color: #a9b0b3; }
.kings-modern .rankings .character .level { color: #e6ddd0; }
.kings-modern .paginator .pagination li a { display: inline-block; min-width: 32px; padding: 5px 9px; margin: 2px; border: 1px solid var(--king-line); border-radius: 4px; background: #202629; }
.kings-modern .rates { background: #29271d; border: 1px solid #65583a; border-radius: 5px; padding: 12px; color: #e3d5b6; }
.kings-modern .community-intro { background: #202629; border-color: var(--king-line); border-radius: 5px; padding: 17px; }
.kings-modern .community-intro h2 { color: #e7decc; font-size: 18px; }
.kings-modern .community-link { flex-wrap: wrap; gap: 10px; background: #202629; border-color: var(--king-line); box-shadow: none; }
.kings-modern .community-icon { color: #d7b779; background: rgba(215,183,121,.07); border-color: var(--king-line); }
.kings-modern .community-info { flex: 1 1 110px; }
.kings-modern .community-info strong { color: #e9dfc9; font-size: 16px; }
.kings-modern .community-info small { color: #a7afb1; }
.kings-modern .community-action { background: rgba(215,183,121,.1); color: #d8bf8e; }
.kings-modern .castle-owner-detail strong, .kings-modern .castle-owner-detail strong a { color: #d8bf8e; }
.kings-modern .castle-owner-detail span { color: #a7afb1; }
.kings-modern .castle-information-summary > div, .kings-modern .castle-information-countdown, .kings-modern .castle-owner-mark { background: #1a2125; border-color: var(--king-line); border-radius: 5px; }
.kings-modern .castle-schedule { border-color: var(--king-line); }
.kings-modern .castle-schedule-row:nth-child(odd) { background: #20272b; }
.kings-modern .castle-schedule-row:nth-child(even) { background: #192024; }
.kings-modern .castle-schedule-header { background: #292b26 !important; color: #dbc69d; }
.kings-modern .castle-siege-information-link a { background: #252a27; color: #d7c39a; border-color: var(--king-line); border-radius: 4px; }
.kings-modern .download-help, .kings-modern .download-modal { background: #1b2226; border-color: var(--king-line); border-radius: 6px; }
.kings-modern .download-help { color: #b8c0c2; }
.kings-modern .overlay { background: rgba(12,17,21,.6); border-radius: 6px; }
.kings-modern #popup_container { background: #1b2226; color: #e5e0d4; border: 1px solid #6f6042; }
.kings-modern #popup_title { background: #282b29; color: #ddc28c; border-bottom-color: #514936; }
.kings-modern #morpheus-popup-container { color: #e8e2d5; background: #1b2226; border: 1px solid #756342; border-radius: 8px; box-shadow: 0 16px 60px rgba(0,0,0,.6); }
.kings-modern .morpheus-popup-content { background: none; color: inherit; }
.kings-modern .morpheus-popup-message { color: #e8e2d5; }
.kings-modern .morpheus-popup-panel { background: #20272a; border-color: var(--king-line); }
.kings-modern .morpheus-popup-btn { background: #d7b779; border: 1px solid #d7b779; color: #1b1710; border-radius: 4px; text-shadow: none; }
.kings-modern .footer { width: 100%; float: none; margin: 32px 0 0; padding: 23px 10px 30px; border-top: 1px solid var(--king-line); color: #a1a6a7; text-align: center; font-size: 10px; }
.kings-modern .footer p { margin: 0; line-height: 1.8; }
.kings-modern .footer a { color: #cbb88f; margin-right: 5px; }

@media (min-width: 901px) {
  /* Keep the original 556 x 188 artwork centered and scale its overlays together. */
  .kings-modern .castle-siege { width: 100%; max-width: 556px; height: auto; aspect-ratio: 556 / 188; margin: 0 auto; container-type: inline-size; }
  .kings-modern .castle-siege .siege { inset: 0; width: 100%; height: 100%; }
  .kings-modern .castle-siege .mark { width: 22.6619%; height: 67.0213%; top: 25.5319%; left: .8993%; }
  .kings-modern .castle-siege .image { width: 12.2302%; height: 39.3617%; right: 10.4317%; top: 40.9574%; }
  .kings-modern .castle-siege .mark img, .kings-modern .castle-siege .image img { display: block; width: 100%; height: 100%; }
  .kings-modern .castle-siege .owner { top: 9.5745%; left: 1.7986%; width: 20.3237%; height: 10.1064%; }
  .kings-modern .castle-siege .master { bottom: 6.383%; right: 10.4317%; width: 12.2302%; height: 9.0426%; }
  .kings-modern .castle-siege .next { bottom: 28.1915%; left: 31.4748%; width: 34.3525%; height: 10.1064%; }
  .kings-modern .castle-siege .owner, .kings-modern .castle-siege .master, .kings-modern .castle-siege .next { display: flex; align-items: center; justify-content: center; font-size: min(14px, 2.518cqw); line-height: 1; }
  .kings-modern .navigation-disclosure:not([open]) > .navigation-title,
  .kings-modern .navigation-disclosure:not([open]) > .navigation-box { display: block; }
}
@media (max-width: 1150px) and (min-width: 901px) {
  .kings-modern .wrap { width: calc(100% - 36px); }
  .kings-modern .wrap .main { grid-template-columns: 180px minmax(0,1fr) 215px; gap: 12px; }
  .kings-modern .wrap .main .content .container { padding: 22px 17px; }
  .kings-modern .grid > .grid-4:has(.top-ranking) { width: 100%; float: none; margin: 0 0 12px; }
}
@media (max-width: 900px) {
  .kings-modern .wrap { width: calc(100% - 32px); }
  .kings-modern .site-topbar { gap: 10px; min-height: 60px; }
  .kings-modern .wrap .header.site-hero { height: 230px; }
  .kings-modern .hero-bottom { bottom: 18px; }
  .kings-modern .wrap .main { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
  .kings-modern .wrap .main .sidebar.left { order: 0; }
  .kings-modern .wrap .main .content { order: 1; }
  .kings-modern .wrap .main .sidebar.right { order: 2; }
  .kings-modern .wrap .main .sidebar.left .container { display: flex; flex-wrap: wrap; gap: 10px; }
  .kings-modern .navigation-disclosure { flex: 1 1 200px; margin: 0; background: var(--king-panel); border: 1px solid var(--king-line); border-radius: 7px; }
  .kings-modern .navigation-disclosure > summary { display: flex; align-items: center; gap: 10px; padding: 13px 16px; list-style: none; cursor: pointer; color: #e1cca4; font-size: 13px; font-weight: 600; }
  .kings-modern .navigation-disclosure > summary > .fa-angle-down { margin-left: auto; transition: transform .15s; }
  .kings-modern .navigation-disclosure[open] > summary > .fa-angle-down { transform: rotate(180deg); }
  .kings-modern .wrap .main .sidebar.left .container .navigation-title { display: none; }
  .kings-modern .wrap .main .sidebar.left .container .navigation-box { padding: 0 9px 10px; border: 0; background: none; }
  .kings-modern .wrap .main .sidebar.left .container .navigation-box ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; }
  .kings-modern .mobile-panel-link { display: flex; align-items: center; gap: 9px; align-self: flex-start; min-height: 47px; padding: 11px 15px; color: #e1cca4; background: var(--king-panel); border: 1px solid var(--king-line); border-radius: 7px; font-size: 13px; }
  .kings-modern .wrap .main .content .container { min-height: 0; padding: 24px; }
  .kings-modern .wrap .main .sidebar.right .container { max-width: 100%; }
  .kings-modern #player-panel, .kings-modern #main-content { scroll-margin-top: 16px; }
  .kings-modern .wrap .main .sidebar.right .container .box { padding: 5px 20px 20px; }
  .kings-modern .wrap .main .sidebar.right .container .title { padding: 17px 20px 12px; }
  .kings-modern .top-ranking table { display: table; width: 100% !important; }
  .kings-modern .top-ranking table thead { display: table-header-group; }
  .kings-modern .top-ranking table tbody { display: table-row-group; }
  .kings-modern .top-ranking table tr { display: table-row; }
  .kings-modern .top-ranking table td, .kings-modern .top-ranking table th { display: table-cell; width: auto !important; }
}
@media (max-width: 560px) {
  .kings-modern .wrap { width: calc(100% - 24px); }
  .kings-modern .site-wordmark { font-size: 15px; }
  .kings-modern .server-presence { gap: 5px; font-size: 11px; }
  .kings-modern .server-presence > span:last-child { max-width: 48px; line-height: 1.3; }
  .kings-modern .topbar-tools { gap: 5px; }
  .kings-modern .wrap .language { gap: 2px; }
  .kings-modern .wrap .language a { min-width: 27px; height: 32px; }
  .kings-modern .wrap .language img { width: 19px; height: 13px; }
  .kings-modern .video-toggle { width: 28px; }
  .kings-modern .wrap .header.site-hero { height: 290px; }
  .kings-modern .hero-bottom { justify-content: center; }
  .kings-modern .hero-edition { display: none; }
  .kings-modern .hero-actions { width: 100%; justify-content: center; }
  .kings-modern .hero-download, .kings-modern .hero-register { min-height: 43px; padding: 10px 19px; }
  .kings-modern .navigation-disclosure { flex-basis: 160px; }
  .kings-modern .wrap .main .sidebar.left .container .box ul li a { font-size: 12px; min-height: 45px; padding: 10px 8px; gap: 8px; }
  .kings-modern .wrap .main .content .container { padding: 21px 16px; }
  .kings-modern .wrap .main .content .container h1.title { font-size: 19px; margin-top: 24px; }
  .kings-modern ul.news li { padding: 13px 12px; }
  .kings-modern ul.news li a { font-size: 13px; }
  .kings-modern .grid > .grid-4:has(.top-ranking) { margin-bottom: 14px; }
  .kings-modern .top-ranking table.list td { padding: 9px 10px; font-size: 12px; }
  .kings-modern .top-ranking table.list th { padding: 8px 10px; font-size: 10px; }
  .kings-modern .form .row { display: block; }
  .kings-modern .form .label, .kings-modern .form .field { float: none; width: 100%; margin: 0; padding: 0; text-align: left; }
  .kings-modern .form .label { margin-bottom: 6px; }
  .kings-modern .form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .kings-modern .form select, .kings-modern .form textarea { font-size: 16px; }
  .kings-modern .form .row .field > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .kings-modern .form .row .field > select, .kings-modern .form .row .field > textarea { width: 100% !important; }
  .kings-modern .wrap .main .sidebar.right .container .box .login-input { font-size: 16px; height: 44px; }
  .kings-modern .box-panel .box-panel-content { padding: 15px; }
  .kings-modern table.list { font-size: 11px; }
  .kings-modern table.list th, .kings-modern table.list td { padding: 8px 5px; overflow-wrap: anywhere; }
  .kings-modern .community-links { grid-template-columns: 1fr; }
  .kings-modern .footer { margin-top: 23px; padding-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .kings-modern *, .kings-modern *::before, .kings-modern *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}