/* HELL-MU ETAP 18: real responsive CMS cards + legible icons and restored sidebar. */
/* No modifications to approved background/header artwork. */
.hell-theme .navigation,.hell-theme .content-grid{
  width:min(1600px,calc(100% - 28px))!important;
  max-width:1600px!important;
  margin-left:auto!important;margin-right:auto!important;
  box-sizing:border-box;
}
.hell-theme .content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(270px,23vw,330px)!important;
  align-items:start;gap:15px!important;
}
.hell-theme .sidebar{min-width:0;width:100%!important;box-sizing:border-box;gap:11px!important}
.hell-theme .sidebar>section{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box;align-self:stretch!important}
.hell-theme .sidebar .panel-header{padding:11px 13px!important;gap:8px;min-height:48px!important}
.hell-theme .sidebar .panel-header h2{font-size:15px!important;letter-spacing:.2px!important;line-height:1.25!important}
.hell-theme .sidebar .hell-account-widget .panel-header h2{white-space:nowrap;min-width:0}
.hell-theme .hell-widget-login-state{font-size:10px;white-space:nowrap;flex-shrink:0}
.hell-theme .sidebar .hell-widget-core{padding:12px 13px 7px}
.hell-theme .hell-widget-current>span{font-size:10px}
.hell-theme .hell-widget-server-row strong{font-size:14px}
.hell-theme .hell-widget-switch{min-width:40px;min-height:40px;padding:8px}
.hell-theme .hell-widget-switch svg{width:21px;height:21px}
.hell-theme .hell-widget-balance{min-height:33px;padding:7px 0}
.hell-theme .hell-widget-balance>span{font-size:11px}
.hell-theme .hell-widget-balance>strong{font-size:13px}
/* Six visible, evenly-sized shortcuts; remaining links in one concise disclosure. */
.hell-theme .hell-widget-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px 11px 2px}
.hell-theme .hell-widget-quick a{display:flex;align-items:center;gap:8px;min-width:0;min-height:53px;padding:8px;background:linear-gradient(130deg,#301912,#120c0b);border:1px solid #73503b;border-radius:3px;color:#ecd0b0;text-decoration:none;font:700 10.5px/1.3 Arial,Inter,sans-serif;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.hell-theme .hell-widget-quick a:hover,.hell-theme .hell-widget-quick a:focus-visible{border-color:#ed8242;background:linear-gradient(130deg,#60231a,#210e0a);color:#fff2d8;outline:1px solid #ed8242;outline-offset:1px}
.hell-theme .hell-widget-quick svg{display:block;flex-shrink:0;width:24px;height:24px;filter:drop-shadow(0 0 5px #c4452666);color:#f1a965}
.hell-theme .hell-widget-quick a span{min-width:0}
.hell-theme .hell-widget-nav{padding:4px 11px 12px}
.hell-theme .hell-widget-section{margin:5px 0 0}
.hell-theme .hell-widget-section summary{min-height:44px;padding:12px;font-size:11px;letter-spacing:.4px}
.hell-theme .hell-widget-links a,.hell-theme .hell-widget-link-unset{min-height:40px;font-size:11px;padding:10px 7px}
.hell-theme .hell-widget-group-title{display:block;padding:12px 7px 6px;border-bottom:1px solid #57372c;font:700 10px Arial,sans-serif;color:#f0b979;letter-spacing:1px}
.hell-theme .hell-widget-logout{color:#f39b7b!important}
.hell-theme .sidebar .side-button{min-height:52px!important;font-size:12px!important}
.hell-theme .sidebar .side-button svg{width:23px!important;height:23px!important;flex-shrink:0}
.hell-theme .sidebar .social-links a,.hell-theme .sidebar .social-links .hell-social-disabled{min-width:43px;min-height:43px;font-size:25px!important}
.hell-theme .sidebar .discord-cta>span:first-child{font-size:32px!important}
/* Consistent account information icons. Previously forced to only 15x15. */
.hell-theme #content.hell-account-page #ucp_info .half td:first-child{width:40px!important;min-width:40px!important;text-align:center}
.hell-theme #content.hell-account-page #ucp_info img{width:24px!important;height:24px!important;min-width:24px!important;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 5px rgba(227,102,42,.38))}
.hell-theme #content.hell-account-page #ucp_info .half td{padding:11px 8px!important;line-height:1.35!important}
/* True vector glyphs for CMS account fields. Original 16px PNGs stay as non-JS fallback. */
.hell-theme #content.hell-account-page #ucp_info .hell-info-icon{display:grid;place-items:center;width:28px;height:28px;color:#ffbf74;filter:drop-shadow(0 0 5px #ba432877)}
.hell-theme #content.hell-account-page #ucp_info .hell-info-icon svg{width:25px;height:25px}
/* Three equal columns; no last-child spanning an entire row. This retains all original CMS links. */
.hell-theme #content.hell-account-page #character-info>table{display:block!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important}
.hell-theme #content.hell-account-page #character-info>table>tbody{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;width:100%!important}
.hell-theme #content.hell-account-page #character-info>table>tbody>tr{display:contents!important}
.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td{
  display:flex!important;align-items:center;position:relative;width:100%!important;max-width:none!important;
  grid-column:auto!important;box-sizing:border-box!important;min-width:0;min-height:123px!important;
  border:1px solid #9a5434!important;border-radius:4px!important;padding:15px 34px 15px 14px!important;
  background:linear-gradient(145deg,rgba(68,31,22,.88),rgba(16,10,10,.97))!important;
  box-shadow:inset 0 0 0 1px #21100b,0 3px 12px rgba(0,0,0,.22)!important;
  transition:border-color .18s,background .18s,transform .18s;
}
.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td:hover,.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td:focus-within{border-color:#f4a45e!important;background:linear-gradient(145deg,#4d241b,#1d100d)!important;transform:translateY(-2px)}
.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td .hell-option-visual{display:grid;place-items:center;flex-shrink:0;width:53px;height:53px;margin-right:12px;border:1px solid #9f5836;background:radial-gradient(circle,#652919,#1e100d 72%);border-radius:50%;box-shadow:0 0 19px #c047224a}
.hell-theme #content.hell-account-page #character-info .hell-option-visual svg{width:34px;height:34px;stroke:#ffbe77;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(246,88,37,.45))}
.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td>div{flex:1;min-width:0}
.hell-theme #content.hell-account-page #character-info ul{display:block!important;margin:0!important;padding:0!important}
.hell-theme #content.hell-account-page #character-info li{font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere}
.hell-theme #content.hell-account-page #character-info li p{font-size:14px!important;line-height:1.25!important;margin:0 0 8px!important;color:#ffcd8c!important}
.hell-theme #content.hell-account-page #character-info td:has(a[href])::after{
  content:'›';display:grid;place-items:center;position:absolute;right:9px;top:50%;transform:translateY(-50%);
  width:27px;height:29px;border:1px solid #a9442b;background:#3d130e;
  font:24px/1 Arial,sans-serif;color:#ffc18a;border-radius:3px;pointer-events:none;
}
.hell-theme #content.hell-account-page #character-info li a{display:inline-block;min-height:30px;outline-offset:3px}
.hell-theme #content.hell-account-page #character-info li a:focus-visible{outline:2px solid #ffbd7b}
/* Navigation was 14-16px on a desktop screenshot: preserve 8-column layout but improve clarity. */
.hell-theme .navigation .nav-items .i-nav{width:19px!important;height:19px!important;min-width:19px;filter:drop-shadow(0 0 5px #e6563e99)!important}
@media(max-width:1140px){
  .hell-theme .content-grid{grid-template-columns:minmax(0,1fr) 265px!important;gap:12px!important}
  .hell-theme #content.hell-account-page #character-info>table>tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hell-theme .navigation .nav-items .i-nav{width:17px!important;height:17px!important;min-width:17px}
}
@media(max-width:760px){
  .hell-theme .navigation,.hell-theme .content-grid{width:calc(100% - 18px)!important}
  .hell-theme .content-grid{display:block!important}
  .hell-theme .sidebar{display:flex!important;flex-direction:column!important;margin-top:14px!important}
  .hell-theme #content.hell-account-page #character-info>table>tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hell-theme #content.hell-account-page #character-info>table>tbody>tr>td{min-height:125px!important}
  .hell-theme #content.hell-account-page #ucp_info .half td{padding:8px!important}
}
@media(max-width:560px){
  .hell-theme #content.hell-account-page #character-info>table>tbody{grid-template-columns:1fr!important}
  .hell-theme #content.hell-account-page #character-info>table>tbody>tr>td{min-height:106px!important}
  .hell-theme .hell-widget-quick a{min-height:59px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hell-theme #content.hell-account-page #character-info>table>tbody>tr>td{transition:none!important;transform:none!important}}