/* ========================================================================== 
   Sia563 Modern theme — original site-wide redesign inspired by contemporary
   RSPS presentation patterns. No third-party artwork, CSS, or proprietary UI
   is copied. Loaded after site.css and scoped entirely to data-theme=modern.
   ========================================================================== */

html[data-theme="modern"]{
  --m-bg:#07090c;
  --m-bg2:#0b0f14;
  --m-surface:#10151b;
  --m-surface2:#151b22;
  --m-surface3:#1a222b;
  --m-border:rgba(170,199,220,.16);
  --m-border-strong:rgba(188,218,236,.28);
  --m-text:#eef3f5;
  --m-muted:#8e9aa6;
  --m-soft:#b8c4cc;
  --m-cyan:#55d3df;
  --m-cyan2:#2aa7b8;
  --m-gold:#d5b36b;
  --m-gold2:#9f793b;
  --m-red:#d55858;
  --m-green:#67d58b;
  color-scheme:dark;
  min-height:100%;
  background:#06080b!important;
}
html[data-theme="modern"] body{
  margin:0!important;
  min-height:100%!important;
  padding-top:72px!important;
  color:var(--m-text)!important;
  background:
    radial-gradient(900px 500px at 50% -180px,rgba(61,127,145,.20),transparent 70%),
    linear-gradient(180deg,#090d12 0,#07090c 48%,#05070a 100%)!important;
  text-shadow:none!important;
  font:14px/1.55 Inter,Segoe UI,Roboto,Arial,sans-serif!important;
  letter-spacing:0!important;
}
html[data-theme="modern"] body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
html[data-theme="modern"] a{color:#aee9ef!important;transition:color .18s ease,opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
html[data-theme="modern"] a:hover{color:#fff!important}

/* ---- full-width application shell ---- */
html[data-theme="modern"] .site-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="modern"] .content{
  width:min(1180px,calc(100% - 40px))!important;
  min-height:560px!important;
  margin:0 auto!important;
  padding:28px 0 76px!important;
  background:transparent!important;
}

/* ---- navigation: no sprite buttons, real text, premium dark chrome ---- */
html[data-theme="modern"] .site-dock{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  height:72px!important;
  min-height:72px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid rgba(166,207,226,.14)!important;
  background:rgba(6,9,13,.91)!important;
  box-shadow:0 8px 34px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
html[data-theme="modern"] .site-dock-inner{
  width:min(1180px,calc(100% - 28px))!important;
  max-width:1180px!important;
  height:72px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
html[data-theme="modern"] .site-dock-links.stone-nav-links{
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  gap:4px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:72px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
html[data-theme="modern"] .site-dock-links.stone-nav-links::-webkit-scrollbar{display:none!important}
html[data-theme="modern"] .site-dock .stone-nav-btn,
html[data-theme="modern"] .site-dock .stone-nav-btn:hover,
html[data-theme="modern"] .site-dock .stone-nav-btn.active,
html[data-theme="modern"] .site-dock .stone-nav-btn:active{
  position:relative!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  color:#aeb9c2!important;
  font:700 12px/1 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-indent:0!important;
  overflow:visible!important;
  text-shadow:none!important;
}
html[data-theme="modern"] .site-dock .stone-nav-btn .sr-only{
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
  text-indent:0!important;
  border:0!important;
}
html[data-theme="modern"] .site-dock .stone-nav-btn:after{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  right:15px!important;
  bottom:4px!important;
  height:2px!important;
  border-radius:2px!important;
  background:linear-gradient(90deg,transparent,var(--m-cyan),transparent)!important;
  opacity:0!important;
  transform:scaleX(.35)!important;
  transition:.18s ease!important;
}
html[data-theme="modern"] .site-dock .stone-nav-btn:hover{
  color:#f2f8fa!important;
  background:rgba(255,255,255,.035)!important;
}
html[data-theme="modern"] .site-dock .stone-nav-btn:hover:after,
html[data-theme="modern"] .site-dock .stone-nav-btn.active:after{opacity:1!important;transform:scaleX(1)!important}
html[data-theme="modern"] .site-dock .stone-nav-btn.active{color:#fff!important;background:rgba(74,190,205,.075)!important}
html[data-theme="modern"] .site-dock .stone-nav-play,
html[data-theme="modern"] .site-dock .stone-nav-play:hover,
html[data-theme="modern"] .site-dock .stone-nav-play.active{
  margin-left:7px!important;
  border-color:rgba(85,211,223,.42)!important;
  background:linear-gradient(180deg,rgba(62,195,209,.98),rgba(35,143,158,.98))!important;
  color:#051014!important;
  box-shadow:0 8px 22px rgba(28,159,176,.16)!important;
}
html[data-theme="modern"] .site-dock .stone-nav-play:after{display:none!important}
html[data-theme="modern"] .site-dock .stone-nav-play:hover{transform:translateY(-1px)!important;filter:brightness(1.07)!important}
html[data-theme="modern"] .site-dock .stone-nav-discord,
html[data-theme="modern"] .site-dock .stone-nav-discord:hover{
  border-color:rgba(132,145,255,.24)!important;
  background:rgba(93,105,220,.08)!important;
  color:#cdd2ff!important;
}
html[data-theme="modern"] .site-dock .stone-nav-discord:after{display:none!important}

html[data-theme="modern"] .site-dock-account{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:72px!important;
  gap:6px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
  background:none!important;
}
html[data-theme="modern"] .site-dock-account>.header-dropdown,
html[data-theme="modern"] .site-dock-account .header-drop-button,
html[data-theme="modern"] .site-dock-account .dock-icon,
html[data-theme="modern"] .site-dock-account .dock-avatar-button{
  flex:0 0 40px!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
}
html[data-theme="modern"] .site-dock-account .dock-icon-wrap .header-drop-button,
html[data-theme="modern"] .site-dock-account .dock-profile-wrap .dock-avatar-button,
html[data-theme="modern"] .site-dock-account .dock-profile-wrap .dock-avatar-button:hover,
html[data-theme="modern"] .site-dock-account .dock-profile-wrap.open .dock-avatar-button{
  padding:0!important;
  border:1px solid var(--m-border)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html[data-theme="modern"] .site-dock-account .header-drop-button:hover{border-color:rgba(85,211,223,.34)!important;background:rgba(85,211,223,.075)!important}
html[data-theme="modern"] .site-dock-account .dock-icon-wrap .header-drop-button>img{width:18px!important;height:18px!important;opacity:.86!important;filter:grayscale(.15) brightness(1.5)!important}
html[data-theme="modern"] .site-dock-account .dock-profile-wrap .dock-avatar{width:32px!important;height:32px!important;border:0!important;border-radius:7px!important;padding:0!important;background:#0b0f14!important;box-shadow:none!important;object-fit:cover!important}
html[data-theme="modern"] .dock-login{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;padding:0 18px!important;
  border:1px solid var(--m-border-strong)!important;border-radius:7px!important;background:rgba(255,255,255,.035)!important;
  color:#e6eef2!important;font:700 12px/1 Inter,Segoe UI,sans-serif!important;text-transform:uppercase!important;letter-spacing:.07em!important
}
html[data-theme="modern"] .header-badge{top:-5px!important;right:-5px!important;background:#e25353!important;border:2px solid #090d12!important;box-shadow:none!important}
html[data-theme="modern"] .header-drop-panel{
  top:52px!important;
  width:330px!important;
  overflow:hidden!important;
  border:1px solid var(--m-border-strong)!important;
  border-radius:12px!important;
  background:rgba(11,15,20,.98)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.55)!important;
  color:var(--m-text)!important;
  backdrop-filter:blur(16px)!important;
}
html[data-theme="modern"] .drop-title{padding:12px 14px!important;border-bottom:1px solid var(--m-border)!important;background:#111821!important;color:#fff!important;font:700 13px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .drop-title a{color:var(--m-cyan)!important;font:600 10px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .drop-item{padding:11px 14px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:#0d1218!important;color:#d6dfe4!important}
html[data-theme="modern"] .drop-item:hover{background:#151d25!important}
html[data-theme="modern"] .drop-item.unread{border-left:3px solid var(--m-cyan)!important;background:linear-gradient(90deg,rgba(85,211,223,.11),#0d1218)!important}
html[data-theme="modern"] .drop-item strong{color:#eef4f6!important;font:700 12px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .drop-item small{color:#7f8c97!important;font:10px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .drop-compose,
html[data-theme="modern"] .account-drop-logout{background:#0c1116!important;border-color:var(--m-border)!important;color:var(--m-cyan)!important;font:700 11px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .account-drop-head{background:#111821!important;border-color:var(--m-border)!important}
html[data-theme="modern"] .account-drop-head strong{font:800 18px Inter,Segoe UI,sans-serif!important;color:#fff!important}
html[data-theme="modern"] .account-drop-head small{font:11px Inter,Segoe UI,sans-serif!important;color:var(--m-muted)!important}
html[data-theme="modern"] .account-drop-avatar{border:1px solid var(--m-border-strong)!important;border-radius:10px!important;background:#0a0e13!important;box-shadow:none!important}
html[data-theme="modern"] .account-drop-stats{background:#0b1015!important;border-color:var(--m-border)!important}
html[data-theme="modern"] .account-drop-stats span{color:var(--m-muted)!important}
html[data-theme="modern"] .account-drop-stats b{color:var(--m-cyan)!important;font-family:Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .account-drop-links{background:#0e141a!important}
html[data-theme="modern"] .account-drop-links a{border-color:rgba(255,255,255,.05)!important;color:#c7d1d8!important}
html[data-theme="modern"] .account-drop-links a:hover{background:#17202a!important}

/* ---- masthead / branding ---- */
html[data-theme="modern"] .masthead{
  position:relative!important;
  height:182px!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid var(--m-border)!important;
  background:#080c10!important;
}
html[data-theme="modern"] .masthead-scenery{
  inset:-20px!important;
  background-image:linear-gradient(90deg,rgba(4,7,10,.90),rgba(5,9,12,.45) 45%,rgba(4,7,10,.88)),linear-gradient(180deg,rgba(0,0,0,.18),#070a0e),url('/assets/images/hero-scenery.jpg')!important;
  background-size:cover!important;
  background-position:center 42%!important;
  filter:saturate(.74) contrast(1.08)!important;
  transform:scale(1.04)!important;
}
html[data-theme="modern"] .masthead:after{box-shadow:inset 0 -70px 95px rgba(5,8,11,.84)!important}
html[data-theme="modern"] .logo-link{width:610px!important;max-width:84%!important;height:176px!important;margin:0 auto!important}
html[data-theme="modern"] .logo-link img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.76)) saturate(.90)!important}

/* ---- typography + common surfaces ---- */
html[data-theme="modern"] h1,
html[data-theme="modern"] h2,
html[data-theme="modern"] h3,
html[data-theme="modern"] h4{font-family:Inter,Segoe UI,Arial,sans-serif!important;letter-spacing:-.02em!important;text-shadow:none!important}
html[data-theme="modern"] .panel,
html[data-theme="modern"] .forum-category,
html[data-theme="modern"] .topic-table,
html[data-theme="modern"] .classic-post,
html[data-theme="modern"] .account-card,
html[data-theme="modern"] .wiki-edit-card,
html[data-theme="modern"] .hiscore-card{
  overflow:hidden!important;
  border:1px solid var(--m-border)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(18,24,31,.98),rgba(12,17,22,.98))!important;
  box-shadow:0 14px 35px rgba(0,0,0,.17)!important;
}
html[data-theme="modern"] .panel{margin-bottom:16px!important}
html[data-theme="modern"] .panel-head,
html[data-theme="modern"] .forum-category-title,
html[data-theme="modern"] .tools-panel-head{
  min-height:48px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:11px 15px!important;
  border:0!important;
  border-bottom:1px solid var(--m-border)!important;
  background:linear-gradient(180deg,rgba(27,36,46,.96),rgba(18,25,32,.96))!important;
  background-image:none!important;
  color:#f2f6f7!important;
  font:800 14px/1.2 Inter,Segoe UI,sans-serif!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
html[data-theme="modern"] .panel-head:before,
html[data-theme="modern"] .forum-category-title:before{display:none!important}
html[data-theme="modern"] .panel-head img{width:23px!important;height:23px!important;opacity:.88!important;filter:saturate(.6) brightness(1.35)!important}
html[data-theme="modern"] .panel-head-link{margin-left:auto!important;color:#79dce5!important;font:700 10px Inter,Segoe UI,sans-serif!important;letter-spacing:.03em!important;text-transform:none!important}
html[data-theme="modern"] .panel-body{padding:15px!important;background:transparent!important}

/* ---- controls and buttons: one coherent system everywhere ---- */
html[data-theme="modern"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="modern"] textarea,
html[data-theme="modern"] select{
  min-height:40px!important;
  padding:9px 12px!important;
  border:1px solid rgba(167,195,214,.20)!important;
  border-radius:7px!important;
  outline:0!important;
  background:#090d12!important;
  color:#edf4f6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  font:13px/1.35 Inter,Segoe UI,Arial,sans-serif!important;
  text-shadow:none!important;
}
html[data-theme="modern"] input:focus,
html[data-theme="modern"] textarea:focus,
html[data-theme="modern"] select:focus{border-color:rgba(85,211,223,.60)!important;box-shadow:0 0 0 3px rgba(85,211,223,.10)!important}
html[data-theme="modern"] input::placeholder,
html[data-theme="modern"] textarea::placeholder{color:#68747e!important}
html[data-theme="modern"] .rs-button,
html[data-theme="modern"] button.rs-button,
html[data-theme="modern"] .mini-button,
html[data-theme="modern"] .side-link,
html[data-theme="modern"] .chat-send,
html[data-theme="modern"] .reaction-btn,
html[data-theme="modern"] .play-download,
html[data-theme="modern"] .modern-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:39px!important;
  padding:9px 15px!important;
  border:1px solid rgba(85,211,223,.32)!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#45c6d4,#2696a7)!important;
  background-image:linear-gradient(180deg,#45c6d4,#2696a7)!important;
  box-shadow:0 7px 19px rgba(21,125,140,.13)!important;
  color:#041014!important;
  font:800 11px/1 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-theme="modern"] .rs-button:hover,
html[data-theme="modern"] .mini-button:hover,
html[data-theme="modern"] .side-link:hover,
html[data-theme="modern"] .chat-send:hover,
html[data-theme="modern"] .reaction-btn:hover,
html[data-theme="modern"] .play-download:hover,
html[data-theme="modern"] .modern-cta:hover{color:#031014!important;filter:brightness(1.08)!important;transform:translateY(-1px)!important}
html[data-theme="modern"] .rs-button.danger,
html[data-theme="modern"] .mini-button.danger{border-color:rgba(213,88,88,.4)!important;background:linear-gradient(#c85656,#993b3b)!important;color:#fff!important}
html[data-theme="modern"] .side-link{
  width:100%!important;
  justify-content:flex-start!important;
  min-height:36px!important;
  margin:5px 0!important;
  padding:8px 10px!important;
  border-color:var(--m-border)!important;
  background:#121922!important;
  color:#cbd5db!important;
  box-shadow:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-weight:650!important;
}
html[data-theme="modern"] .side-link:hover{background:#19232d!important;color:#fff!important;border-color:rgba(85,211,223,.25)!important}

/* ---- homepage marketing layout ---- */
html[data-theme="modern"] .home-dashboard{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:20px!important;
  align-items:start!important;
}
html[data-theme="modern"] .home-primary,
html[data-theme="modern"] .home-sidebar{min-width:0!important}
html[data-theme="modern"] .home-sidebar{position:sticky!important;top:92px!important;max-height:none!important;overflow:visible!important}
html[data-theme="modern"] .feature-hero{
  position:relative!important;
  height:475px!important;
  margin:0 0 18px!important;
  overflow:hidden!important;
  border:1px solid rgba(160,199,216,.19)!important;
  border-radius:16px!important;
  background:#0c1117!important;
  box-shadow:0 26px 60px rgba(0,0,0,.34)!important;
}
html[data-theme="modern"] .slideshow-stage,
html[data-theme="modern"] .slideshow-stage .slide{height:100%!important}
html[data-theme="modern"] .slideshow-stage .slide{width:100%!important;object-fit:cover!important;filter:saturate(.80) contrast(1.08) brightness(.76)!important}
html[data-theme="modern"] .feature-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(3,7,10,.92) 0%,rgba(4,9,13,.79) 33%,rgba(4,8,12,.25) 67%,rgba(4,8,12,.37) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(2,5,8,.55))!important;
}
html[data-theme="modern"] .modern-hero-copy{
  display:block!important;
  position:absolute!important;
  z-index:4!important;
  left:48px!important;
  top:50%!important;
  width:min(560px,62%)!important;
  transform:translateY(-50%)!important;
  color:#fff!important;
}
.modern-hero-copy,.modern-feature-grid{display:none}
html[data-theme="modern"] .modern-kicker{
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:14px!important;
  color:#6de0e9!important;
  font:800 10px/1 Inter,Segoe UI,sans-serif!important;
  letter-spacing:.18em!important;
}
html[data-theme="modern"] .modern-kicker:before{content:"";width:26px;height:1px;margin-right:9px;background:var(--m-cyan)}
html[data-theme="modern"] .modern-hero-copy h1{
  margin:0 0 14px!important;
  color:#fff!important;
  font:850 clamp(36px,5vw,58px)/.98 Inter,Segoe UI,Arial,sans-serif!important;
  letter-spacing:-.055em!important;
}
html[data-theme="modern"] .modern-hero-copy p{max-width:520px!important;margin:0 0 24px!important;color:#b8c5cc!important;font:14px/1.7 Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .modern-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
html[data-theme="modern"] .modern-cta{min-width:150px!important;height:44px!important;padding:0 20px!important;text-decoration:none!important}
html[data-theme="modern"] .modern-cta.secondary{border-color:rgba(255,255,255,.18)!important;background:rgba(8,13,18,.72)!important;color:#e6eef1!important;box-shadow:none!important;backdrop-filter:blur(8px)!important}
html[data-theme="modern"] .modern-cta.secondary:hover{border-color:rgba(85,211,223,.37)!important;background:rgba(16,27,34,.92)!important;color:#fff!important}
html[data-theme="modern"] .slide-arrow{
  z-index:5!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;background:rgba(5,10,14,.66)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(7px)!important
}
html[data-theme="modern"] .slide-dots{z-index:5!important}
html[data-theme="modern"] .slide-dot{width:18px!important;height:3px!important;border:0!important;border-radius:2px!important;background:rgba(255,255,255,.25)!important}
html[data-theme="modern"] .slide-dot.active{background:var(--m-cyan)!important}
html[data-theme="modern"] .modern-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 20px!important;
}
html[data-theme="modern"] .modern-feature-grid article{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:118px!important;
  padding:17px!important;
  border:1px solid var(--m-border)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(22,30,38,.94),rgba(12,17,22,.94))!important;
}
html[data-theme="modern"] .modern-feature-grid article:hover{border-color:rgba(85,211,223,.28)!important;background:linear-gradient(145deg,rgba(24,36,43,.98),rgba(13,19,25,.98))!important}
html[data-theme="modern"] .modern-feature-mark{
  display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
  border:1px solid rgba(85,211,223,.27)!important;border-radius:8px!important;background:rgba(85,211,223,.07)!important;color:#7de6ed!important;
  font:850 12px Inter,Segoe UI,sans-serif!important;letter-spacing:-.02em!important
}
html[data-theme="modern"] .modern-feature-grid strong{display:block!important;margin:1px 0 4px!important;color:#f2f6f7!important;font:750 13px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .modern-feature-grid p{margin:0!important;color:#87949e!important;font:11px/1.55 Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .home-news-list{padding:0!important}
html[data-theme="modern"] .home-news-row{padding:18px 19px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:transparent!important}
html[data-theme="modern"] .home-news-row:last-child{border-bottom:0!important}
html[data-theme="modern"] .home-news-row:hover{background:rgba(255,255,255,.018)!important}
html[data-theme="modern"] .home-news-copy h2{margin:0 0 6px!important;font:750 18px/1.25 Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .home-news-copy h2 a{color:#f0f5f7!important}
html[data-theme="modern"] .home-news-meta{color:#72808b!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important}
html[data-theme="modern"] .home-news-excerpt{margin-top:10px!important;color:#a9b4bb!important;font-size:12px!important;line-height:1.65!important}
html[data-theme="modern"] .home-news-more a{font-weight:700!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
html[data-theme="modern"] .home-sidebar .compact-panel{margin-bottom:14px!important}
html[data-theme="modern"] .world-online{color:#aee8bd!important;font-weight:800!important}
html[data-theme="modern"] .world-online .orb{box-shadow:0 0 14px rgba(103,213,139,.38)!important;background:#67d58b!important}
html[data-theme="modern"] .world-row{border-color:rgba(255,255,255,.055)!important;color:#9da9b2!important}
html[data-theme="modern"] .world-row strong{color:#dce7eb!important}
html[data-theme="modern"] .account-mini-avatar{border:1px solid var(--m-border-strong)!important;background:#0b1015!important}

/* ---- forums ---- */
html[data-theme="modern"] .forum-category{margin-bottom:18px!important}
html[data-theme="modern"] .forum-category-title{padding:13px 17px!important;color:#f4f7f8!important}
html[data-theme="modern"] .forum-row{
  min-height:76px!important;
  padding:10px 14px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.052)!important;
  background:#0f151b!important;
  transition:background .16s ease!important;
}
html[data-theme="modern"] .forum-row:hover{background:#151d25!important}
html[data-theme="modern"] .forum-icon{border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background:#0a0f14!important;box-shadow:none!important}
html[data-theme="modern"] .forum-desc strong,
html[data-theme="modern"] .forum-latest-title{color:#edf3f5!important;font-family:Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .forum-desc small,
html[data-theme="modern"] .forum-latest,
html[data-theme="modern"] .forum-stat{color:#7f8b95!important}
html[data-theme="modern"] .subforum-card,
html[data-theme="modern"] .subforum-box{border:1px solid var(--m-border)!important;border-radius:9px!important;background:#0f151b!important;box-shadow:none!important}
html[data-theme="modern"] .topic-table{background:#0e141a!important}
html[data-theme="modern"] .topic-table th{background:#151d25!important;color:#b8c6ce!important;font:800 10px Inter,Segoe UI,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important}
html[data-theme="modern"] .topic-table td{border-color:rgba(255,255,255,.052)!important;background:transparent!important;color:#aab6bd!important}
html[data-theme="modern"] .topic-table tr:hover td{background:#141c24!important}
html[data-theme="modern"] .classic-post{background:#0e141a!important}
html[data-theme="modern"] .forum-avatar,
html[data-theme="modern"] .profile-avatar,
html[data-theme="modern"] .friend-grid img{border:1px solid var(--m-border-strong)!important;background:#0a0f14!important;box-shadow:none!important}
html[data-theme="modern"] .pagination a,
html[data-theme="modern"] .pagination span{border:1px solid var(--m-border)!important;border-radius:6px!important;background:#111820!important;color:#b7c2c9!important}
html[data-theme="modern"] .pagination .active{border-color:rgba(85,211,223,.34)!important;background:rgba(85,211,223,.10)!important;color:#7ee6ed!important}
html[data-theme="modern"] .bbcode-toolbar{border-color:var(--m-border)!important;background:#111820!important}

/* ---- profile/account ---- */
html[data-theme="modern"] .player-profile-shell,
html[data-theme="modern"] .account-box{border-color:var(--m-border)!important;background:transparent!important;box-shadow:none!important}
html[data-theme="modern"] .player-profile-hero{border:1px solid var(--m-border)!important;border-radius:14px!important;background:linear-gradient(135deg,#17212a,#0d1319)!important;box-shadow:none!important}
html[data-theme="modern"] .player-profile-identity h1{color:#fff!important;font-family:Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .profile-meta,
html[data-theme="modern"] .post-stat{color:#8d9aa4!important}
html[data-theme="modern"] .profile-meta-stat{border:1px solid var(--m-border)!important;border-radius:8px!important;background:#0d1319!important}
html[data-theme="modern"] .profile-vertical-nav a{border:0!important;border-left:2px solid transparent!important;background:transparent!important;color:#93a0aa!important}
html[data-theme="modern"] .profile-vertical-nav a:hover,
html[data-theme="modern"] .profile-vertical-nav a.active{border-left-color:var(--m-cyan)!important;background:rgba(85,211,223,.06)!important;color:#eef5f7!important}

/* ---- Hiscores ---- */
html[data-theme="modern"] .hiscores-page{background:transparent!important}
html[data-theme="modern"] .hiscore-tabs{gap:7px!important;border:0!important;background:transparent!important}
html[data-theme="modern"] .hiscore-tabs a{border:1px solid var(--m-border)!important;border-radius:7px!important;background:#111820!important;color:#95a3ad!important;font-family:Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .hiscore-tabs a:hover,
html[data-theme="modern"] .hiscore-tabs a.active{border-color:rgba(85,211,223,.31)!important;background:rgba(85,211,223,.085)!important;color:#eaf7f8!important}
html[data-theme="modern"] .hiscore-ranking-head{border-color:var(--m-border)!important;background:#151d25!important;color:#aab8c0!important}
html[data-theme="modern"] .hiscore-metric-list>div{border-color:rgba(255,255,255,.05)!important;background:#0e141a!important}
html[data-theme="modern"] .hiscore-metric-list>div:hover{background:#151d25!important}

/* ---- Wiki ---- */
html[data-theme="modern"] .wiki-shell{gap:18px!important}
html[data-theme="modern"] .wiki-sidebar{border:1px solid var(--m-border)!important;border-radius:11px!important;background:#0f151b!important;box-shadow:none!important}
html[data-theme="modern"] .wiki-category-nav a{border:0!important;border-left:2px solid transparent!important;background:transparent!important;color:#92a0aa!important}
html[data-theme="modern"] .wiki-category-nav a:hover,
html[data-theme="modern"] .wiki-category-nav a.active{border-left-color:var(--m-cyan)!important;background:rgba(85,211,223,.06)!important;color:#eef5f7!important}
html[data-theme="modern"] .wiki-category-cards>a,
html[data-theme="modern"] .wiki-summary,
html[data-theme="modern"] .wiki-proposed-content{border:1px solid var(--m-border)!important;border-radius:10px!important;background:#0f151b!important;box-shadow:none!important}

/* ---- Grand Exchange ---- */
html[data-theme="modern"] .ge-search-compact{display:flex!important;gap:8px!important;margin-bottom:16px!important}
html[data-theme="modern"] .ge-search-compact input{height:42px!important;flex:1 1 420px!important;width:auto!important;max-width:520px!important}
html[data-theme="modern"] .ge-search-button{width:42px!important;height:42px!important;border:1px solid rgba(85,211,223,.28)!important;border-radius:7px!important;background:rgba(85,211,223,.08)!important;color:#7ee5ed!important;box-shadow:none!important}
html[data-theme="modern"] .ge-grid-five{gap:10px!important}
html[data-theme="modern"] .ge-card-compact{
  min-height:76px!important;
  padding:12px 11px!important;
  border:1px solid var(--m-border)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#121a21,#0c1117)!important;
  box-shadow:none!important;
}
html[data-theme="modern"] .ge-card-compact:hover{border-color:rgba(85,211,223,.28)!important;background:linear-gradient(145deg,#17232b,#0d141a)!important;transform:translateY(-1px)!important}
html[data-theme="modern"] .ge-card-compact strong{color:#eef4f6!important;font-family:Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .ge-card-compact span{color:#a3b0b8!important}

/* ---- Play / download ---- */
html[data-theme="modern"] .play-page{margin:0!important;border:0!important;border-radius:14px!important;background:transparent!important;overflow:visible!important}
html[data-theme="modern"] .play-hero{min-height:350px!important;border:1px solid var(--m-border)!important;border-radius:16px!important;overflow:hidden!important;background-color:#0d1218!important;box-shadow:0 24px 55px rgba(0,0,0,.28)!important}
html[data-theme="modern"] .play-hero-copy h1{font-family:Inter,Segoe UI,sans-serif!important;color:#fff!important}
html[data-theme="modern"] .play-choice{border:1px solid var(--m-border)!important;border-radius:11px!important;background:#0f151b!important;box-shadow:none!important}
html[data-theme="modern"] .play-choice:hover{border-color:rgba(85,211,223,.27)!important;background:#151e26!important}
html[data-theme="modern"] .play-help-strip{border:1px solid var(--m-border)!important;border-radius:11px!important;background:#0f151b!important}

/* ---- Chat + support ---- */
html[data-theme="modern"] .site-chat,
html[data-theme="modern"] .site-chat.minimized{
  width:370px!important;
  max-width:calc(100vw - 24px)!important;
  border:1px solid var(--m-border-strong)!important;
  border-radius:12px 12px 0 0!important;
  background:#0a0f14!important;
  box-shadow:0 18px 48px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
html[data-theme="modern"] .site-chat .chat-titlebar{height:43px!important;border:0!important;border-bottom:1px solid var(--m-border)!important;background:linear-gradient(#151e26,#10161d)!important;color:#eff5f7!important;font:800 12px Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .chat-title-icon img{filter:grayscale(.2) brightness(1.5)!important}
html[data-theme="modern"] .chat-live-dot{background:var(--m-green)!important;box-shadow:0 0 12px rgba(103,213,139,.44)!important}
html[data-theme="modern"] .chat-tabs{border-color:var(--m-border)!important;background:#0c1218!important}
html[data-theme="modern"] .chat-tab{border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:#7f8c96!important;font:750 10px Inter,Segoe UI,sans-serif!important;text-transform:uppercase!important;letter-spacing:.07em!important}
html[data-theme="modern"] .chat-tab.active{border-bottom-color:var(--m-cyan)!important;background:rgba(85,211,223,.045)!important;color:#e9f6f7!important}
html[data-theme="modern"] .chat-tab.has-unread{color:#fff!important;background:rgba(85,211,223,.09)!important}
html[data-theme="modern"] .chat-messages{background:#090e13!important;color:#b8c3ca!important}
html[data-theme="modern"] .chat-tools{border-color:var(--m-border)!important;background:#0e141a!important}
html[data-theme="modern"] .chat-tool{border:1px solid var(--m-border)!important;border-radius:6px!important;background:#151d25!important;color:#b7c3cb!important}
html[data-theme="modern"] .chat-compose,
html[data-theme="modern"] .support-compose{border-color:var(--m-border)!important;background:#0c1117!important}
html[data-theme="modern"] .chat-compose input,
html[data-theme="modern"] .support-compose textarea{background:#080c11!important;border-color:var(--m-border)!important;color:#eaf1f4!important}
html[data-theme="modern"] .support-ticket-bar{border-color:var(--m-border)!important;background:#111922!important;color:#9de6ec!important}
html[data-theme="modern"] .support-prompt,
html[data-theme="modern"] .support-actions{background:#0d1319!important;border-color:var(--m-border)!important}
html[data-theme="modern"] .support-line{border-color:rgba(255,255,255,.055)!important}
html[data-theme="modern"] .support-topic-status{border:1px solid var(--m-border)!important;border-radius:8px!important;background:#0d141a!important;color:#8e9ba5!important}

/* ---- misc utilities ---- */
html[data-theme="modern"] .emoji-menu,
html[data-theme="modern"] .color-menu,
html[data-theme="modern"] .cmd-menu{border:1px solid var(--m-border-strong)!important;border-radius:9px!important;background:#0c1117!important;box-shadow:0 14px 34px rgba(0,0,0,.48)!important}
html[data-theme="modern"] .reaction-btn{min-height:29px!important;padding:6px 9px!important;border-color:var(--m-border)!important;background:#111820!important;color:#9eabb4!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
html[data-theme="modern"] .admin-search{border-color:var(--m-border)!important;background:#0e141a!important}
html[data-theme="modern"] .status-warn{color:#f2c66e!important}
html[data-theme="modern"] .status-danger{color:#e67b7b!important}

/* ---- footer / theme picker ---- */
html[data-theme="modern"] footer{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:26px 0 34px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
  color:#64717c!important;
  text-shadow:none!important;
}
html[data-theme="modern"] .legal{color:#64717c!important;font:10px/1.6 Inter,Segoe UI,sans-serif!important}
html[data-theme="modern"] .theme-selector{width:auto!important;margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
html[data-theme="modern"] .theme-selector label{color:#7e8b96!important;font:700 9px Inter,Segoe UI,sans-serif!important;text-transform:uppercase!important;letter-spacing:.09em!important}
html[data-theme="modern"] .theme-selector select{min-height:31px!important;height:31px!important;padding:4px 28px 4px 9px!important;border-radius:6px!important;background:#0b1016!important;color:#aeb9c1!important;font-size:10px!important}

/* ---- responsive ---- */
@media(max-width:1050px){
  html[data-theme="modern"] .site-dock-inner{width:calc(100% - 16px)!important;gap:8px!important}
  html[data-theme="modern"] .site-dock .stone-nav-btn,
  html[data-theme="modern"] .site-dock .stone-nav-btn:hover,
  html[data-theme="modern"] .site-dock .stone-nav-btn.active{padding:0 10px!important;font-size:10px!important}
  html[data-theme="modern"] .home-dashboard{grid-template-columns:minmax(0,1fr) 245px!important}
}
@media(max-width:860px){
  html[data-theme="modern"] body{padding-top:62px!important}
  html[data-theme="modern"] .site-dock{height:62px!important;min-height:62px!important}
  html[data-theme="modern"] .site-dock-inner{height:62px!important}
  html[data-theme="modern"] .site-dock-links.stone-nav-links{height:62px!important}
  html[data-theme="modern"] .site-dock-account{height:62px!important}
  html[data-theme="modern"] .masthead{height:145px!important}
  html[data-theme="modern"] .logo-link{height:140px!important;width:500px!important}
  html[data-theme="modern"] .content{width:calc(100% - 24px)!important;padding-top:18px!important}
  html[data-theme="modern"] .home-dashboard{grid-template-columns:1fr!important}
  html[data-theme="modern"] .home-sidebar{position:static!important}
  html[data-theme="modern"] .feature-hero{height:390px!important}
  html[data-theme="modern"] .modern-hero-copy{left:28px!important;width:70%!important}
  html[data-theme="modern"] .modern-feature-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  html[data-theme="modern"] .site-dock-account>.header-dropdown,
  html[data-theme="modern"] .site-dock-account .header-drop-button,
  html[data-theme="modern"] .site-dock-account .dock-icon,
  html[data-theme="modern"] .site-dock-account .dock-avatar-button{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}
  html[data-theme="modern"] .site-dock-account{gap:3px!important}
  html[data-theme="modern"] .site-dock .stone-nav-btn,
  html[data-theme="modern"] .site-dock .stone-nav-btn:hover,
  html[data-theme="modern"] .site-dock .stone-nav-btn.active{height:36px!important;min-height:36px!important;padding:0 9px!important;font-size:9px!important}
  html[data-theme="modern"] .feature-hero{height:340px!important}
  html[data-theme="modern"] .modern-hero-copy{left:20px!important;right:20px!important;width:auto!important}
  html[data-theme="modern"] .modern-hero-copy h1{font-size:34px!important}
  html[data-theme="modern"] .modern-hero-copy p{font-size:12px!important;line-height:1.55!important}
  html[data-theme="modern"] .modern-hero-actions{gap:7px!important}
  html[data-theme="modern"] .modern-cta{min-width:0!important;height:40px!important;padding:0 13px!important;font-size:9px!important}
  html[data-theme="modern"] .masthead{height:120px!important}
  html[data-theme="modern"] .logo-link{height:116px!important;width:390px!important}
  html[data-theme="modern"] footer{width:calc(100% - 24px)!important}
}
@media(max-width:460px){
  html[data-theme="modern"] .content{width:calc(100% - 16px)!important}
  html[data-theme="modern"] .site-dock-inner{width:calc(100% - 8px)!important}
  html[data-theme="modern"] .feature-hero{height:315px!important;border-radius:11px!important}
  html[data-theme="modern"] .modern-kicker{font-size:8px!important;letter-spacing:.12em!important}
  html[data-theme="modern"] .modern-hero-copy h1{font-size:29px!important}
  html[data-theme="modern"] .modern-hero-copy p{max-height:60px!important;overflow:hidden!important}
  html[data-theme="modern"] .modern-feature-grid article{min-height:0!important;padding:14px!important}
  html[data-theme="modern"] .ge-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v46 Modern theme: slideshow hero is automatic-only. Keep the existing
   8-second slideshow timer, but do not show manual previous/next arrows. */
html[data-theme="modern"] .feature-hero .slide-arrow{
  display:none!important;
}


/* ========================================================================== 
   v46 Modern 563 polish — 2009 RuneScape interface language without turning
   the site back into a full sprite-template. Bronze/cream accents are kept to
   headers, dividers, icon wells, tooltips and Grand Exchange surfaces.
   ========================================================================== */
html[data-theme="modern"]{
  --m-rs-bronze:#8b6736;
  --m-rs-bronze-hi:#c29a58;
  --m-rs-bronze-dark:#4e371e;
  --m-rs-cream:#eadbb2;
  --m-rs-cream-muted:#bcae89;
  --m-rs-ink:#110e0a;
}

/* 2009-flavoured panel headers: thin bevel, cream title and bronze edge. */
html[data-theme="modern"] .panel-head,
html[data-theme="modern"] .forum-category-title,
html[data-theme="modern"] .tools-panel-head{
  position:relative!important;
  min-height:46px!important;
  padding:10px 15px 10px 18px!important;
  border-bottom:1px solid rgba(157,116,59,.58)!important;
  background:
    linear-gradient(180deg,rgba(57,46,31,.84) 0,rgba(31,28,23,.94) 47%,rgba(20,22,23,.98) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(238,216,169,.11),
    inset 0 -1px 0 rgba(0,0,0,.62)!important;
  color:var(--m-rs-cream)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  text-shadow:0 1px 0 #000!important;
}
html[data-theme="modern"] .panel-head:before,
html[data-theme="modern"] .forum-category-title:before{
  content:""!important;
  display:block!important;
  flex:0 0 7px!important;
  width:7px!important;height:7px!important;
  margin-right:2px!important;
  border:1px solid rgba(224,190,119,.82)!important;
  background:linear-gradient(135deg,#b98b44,#60431f)!important;
  transform:rotate(45deg)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.45)!important;
}
html[data-theme="modern"] .panel-head img{
  width:22px!important;height:22px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
html[data-theme="modern"] .panel-head-link{
  color:#c9b37e!important;
  font-family:Inter,Segoe UI,sans-serif!important;
  text-transform:none!important;
}
html[data-theme="modern"] .panel-head-link:hover{color:#f4e5bb!important}

/* Small RuneScape-style divider used by GE/forms and any explicit section rule. */
html[data-theme="modern"] .section-rule,
html[data-theme="modern"] .rs563-rule{
  position:relative!important;
  width:100%!important;height:13px!important;
  margin:7px 0 14px!important;
  border:0!important;background:none!important;
}
html[data-theme="modern"] .section-rule:before,
html[data-theme="modern"] .rs563-rule:before{
  content:"";position:absolute;left:0;right:0;top:6px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(151,110,55,.62) 12%,rgba(203,166,93,.78) 50%,rgba(151,110,55,.62) 88%,transparent);
  box-shadow:0 1px 0 rgba(0,0,0,.7);
}
html[data-theme="modern"] .section-rule:after,
html[data-theme="modern"] .rs563-rule:after{
  content:"";position:absolute;left:50%;top:3px;width:6px;height:6px;margin-left:-4px;
  border:1px solid rgba(225,194,126,.82);background:#765326;transform:rotate(45deg);
  box-shadow:0 0 0 2px #101216;
}

/* Existing 563-era icon art gets a consistent game-interface well. */
html[data-theme="modern"] .modern-feature-mark{
  flex-basis:48px!important;width:48px!important;height:48px!important;
  border:1px solid rgba(164,124,67,.64)!important;
  border-radius:6px!important;
  background:radial-gradient(circle at 50% 42%,#29241c 0,#171713 68%,#0c0d0d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(236,211,162,.10),inset 0 -1px 0 #060606!important;
}
html[data-theme="modern"] .modern-feature-mark img{
  display:block!important;max-width:34px!important;max-height:34px!important;width:auto!important;height:auto!important;
  image-rendering:auto!important;filter:drop-shadow(0 1px 1px #000)!important;
}
html[data-theme="modern"] .hiscore-metric-icon,
html[data-theme="modern"] .hiscore-skill-icon{
  border-color:rgba(155,116,60,.42)!important;
  background:#13120f!important;
}

/* 2009 hover/focus tooltip — intentionally close to the in-client black/brown
   information boxes, but readable on a modern website. */
.rs563-tooltip{
  position:fixed;z-index:50000;max-width:280px;pointer-events:none;
  padding:6px 8px;border:1px solid #8b6b38;border-radius:2px;
  background:linear-gradient(#211b12,#15110c);color:#eadbaa;
  box-shadow:0 2px 0 #060504,0 6px 16px rgba(0,0,0,.5),inset 0 0 0 1px rgba(242,216,163,.05);
  font:12px/1.35 Arial,Tahoma,sans-serif;letter-spacing:0;text-shadow:1px 1px #000;
  opacity:0;transform:translateY(-2px);transition:opacity .08s linear,transform .08s linear;
}
.rs563-tooltip.visible{opacity:1;transform:translateY(0)}
.rs563-tooltip[hidden]{display:none!important}

/* Grand Exchange: modern layout with 2009-era inventory/GE visual language. */
html[data-theme="modern"] .ge-market-panel{
  border-color:rgba(140,105,57,.42)!important;
  background:linear-gradient(180deg,#121417,#0d0f11)!important;
}
html[data-theme="modern"] .ge-market-panel>.panel-head{min-height:50px!important}
html[data-theme="modern"] .ge-panel-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;margin-right:1px;border:1px solid #896532;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#d8b76e 0,#8e642c 40%,#3d2b18 100%);
  color:#171008;font:900 9px/1 Georgia,serif;text-shadow:0 1px rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 #f0d693,0 1px 2px #000;
}
html[data-theme="modern"] .ge-era-label{
  margin-left:auto;color:#9e8c67!important;font:700 9px/1 Inter,Segoe UI,sans-serif!important;
  letter-spacing:.09em!important;text-transform:uppercase!important;
}
html[data-theme="modern"] .ge-market-intro{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px;padding:3px 2px 0;
}
html[data-theme="modern"] .ge-market-intro>div{display:flex;flex-direction:column;gap:2px}
html[data-theme="modern"] .ge-market-intro strong{color:#e8d7ac;font:700 15px/1.2 Georgia,"Times New Roman",serif}
html[data-theme="modern"] .ge-market-intro span{color:#7f8790;font-size:11px}
html[data-theme="modern"] .ge-market-era{
  flex:0 0 auto;padding:5px 8px!important;border:1px solid rgba(139,103,54,.52);border-radius:3px;
  background:#171510;color:#bca879!important;font:800 8px/1 Inter,Segoe UI,sans-serif!important;letter-spacing:.12em;
}
html[data-theme="modern"] .ge-search-compact{
  display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;
}
html[data-theme="modern"] .ge-search-compact input{
  height:40px!important;max-width:none!important;border-radius:4px!important;
  border-color:rgba(141,105,56,.46)!important;background:#090a0b!important;color:#e8ddc2!important;
  font-family:Arial,Tahoma,sans-serif!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.8)!important;
}
html[data-theme="modern"] .ge-search-compact input:focus{
  border-color:#b18446!important;box-shadow:0 0 0 2px rgba(177,132,70,.11),inset 0 1px 4px rgba(0,0,0,.8)!important;
}
html[data-theme="modern"] .ge-search-button{
  flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:4px!important;
  border:1px solid #755528!important;background:linear-gradient(#3b3021,#211a12)!important;color:#e7cc8e!important;
  box-shadow:inset 0 1px 0 rgba(238,208,145,.14),0 1px 0 #050505!important;
}
html[data-theme="modern"] .ge-search-button:hover{border-color:#a27a3e!important;background:linear-gradient(#493922,#2a2014)!important;color:#fff0c0!important}
html[data-theme="modern"] .ge-search-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
html[data-theme="modern"] .ge-grid-five{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;
}
html[data-theme="modern"] .ge-card-compact.ge-item-card{
  display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:88px!important;
  padding:9px!important;border:1px solid rgba(111,84,47,.60)!important;border-radius:4px!important;
  background:linear-gradient(180deg,#191815,#101110)!important;
  box-shadow:inset 0 1px 0 rgba(230,202,145,.035),inset 0 -1px 0 rgba(0,0,0,.72)!important;
  text-decoration:none!important;transform:none!important;
}
html[data-theme="modern"] .ge-card-compact.ge-item-card:hover{
  border-color:#a07940!important;background:linear-gradient(180deg,#242018,#151411)!important;
  box-shadow:inset 0 0 0 1px rgba(213,179,107,.06),0 3px 10px rgba(0,0,0,.22)!important;
  transform:none!important;
}
html[data-theme="modern"] .ge-item-sprite-shell{
  position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;
  border:1px solid #594326;border-radius:3px;background:radial-gradient(circle,#29251c,#11110e 72%);
  box-shadow:inset 0 0 0 1px rgba(227,200,142,.035),inset 0 2px 5px rgba(0,0,0,.58);
}
html[data-theme="modern"] .ge-item-sprite{display:block;max-width:38px;max-height:38px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.72))}
html[data-theme="modern"] .ge-item-sprite.missing{display:none!important}
html[data-theme="modern"] .ge-item-sprite-fallback{
  display:none;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #4e3c24;border-radius:50%;
  color:#8d7a57;background:#15130f;font:700 15px Georgia,serif;
}
html[data-theme="modern"] .ge-item-sprite-fallback.visible{display:flex!important}
html[data-theme="modern"] .ge-item-copy{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
html[data-theme="modern"] .ge-item-copy strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 1px;color:#eadcae!important;
  font:700 12px/1.2 Georgia,"Times New Roman",serif!important;text-shadow:1px 1px #000;
}
html[data-theme="modern"] .ge-item-copy small{margin-bottom:5px;color:#6f756f;font:8px/1 Inter,Segoe UI,sans-serif;letter-spacing:.05em;text-transform:uppercase}
html[data-theme="modern"] .ge-guide-label{color:#7f846f!important;font:8px/1 Inter,Segoe UI,sans-serif!important;text-transform:uppercase;letter-spacing:.08em}
html[data-theme="modern"] .ge-guide-price{margin-top:3px;color:#d6ba74!important;font:800 11px/1 Arial,Tahoma,sans-serif!important}
html[data-theme="modern"] .ge-guide-price em{color:#887755;font:700 8px Arial,Tahoma,sans-serif;font-style:normal;text-transform:uppercase}

@media(max-width:1080px){html[data-theme="modern"] .ge-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:860px){html[data-theme="modern"] .ge-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:620px){
  html[data-theme="modern"] .ge-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-theme="modern"] .ge-era-label{display:none!important}
}
@media(max-width:390px){html[data-theme="modern"] .ge-grid-five{grid-template-columns:1fr!important}}