/* HeroesMU compact classic theme - WebEngine CMS 1.2.6 */
:root {
    --gold:#e2a64a;
    --gold-soft:#b97b2c;
    --ember:#d75216;
    --panel:#0d0a08;
    --line:#4a2a16;
    --text:#b7a99c;
    --muted:#76695f;
}
*{box-sizing:border-box}
html{min-width:0!important;background:#000}
body{min-height:100vh;margin:0;background:#000;color:var(--text);font-family:Tahoma,Arial,sans-serif;font-size:10px;line-height:1.25}
a{color:#d7a35c;text-decoration:none}
a:hover,a:focus{color:#fff0c4;text-decoration:none}
.page-backdrop{position:fixed;inset:0;z-index:-2;background:#000 url('../img/background.jpg') center top/1476px auto no-repeat;opacity:.55}
.site-shell{position:relative;width:510px;margin:0 auto 24px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.9))}
.hero-header{position:relative;height:165px;overflow:hidden;background:#090403 url('../img/hero.jpg') center 37%/cover no-repeat}
.hero-header:before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 52%,rgba(0,0,0,.65) 100%);pointer-events:none}
.hero-header:after{content:'';position:absolute;inset:auto 0 0;height:11px;background:linear-gradient(90deg,transparent,#71300f 14%,#e2741c 50%,#71300f 86%,transparent);opacity:.5;pointer-events:none}
.hero-link{position:absolute;inset:0;z-index:1}
.image-nav{position:absolute;z-index:3;left:39px;right:39px;bottom:24px;height:30px}
.image-nav-frame{height:30px;padding:6px 18px;display:flex;align-items:center;justify-content:center;gap:4px;background:url('../img/menu-frame.png') center/100% 100% no-repeat}
.image-nav-link{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:18px}
.image-nav-link:before{content:'';position:absolute;inset:-8px -9px;opacity:0;background:radial-gradient(ellipse,rgba(255,89,9,.65),transparent 70%);transition:.18s}
.image-nav-link:hover:before{opacity:1}
.image-nav-link img{position:relative;z-index:1;height:12px;width:auto;max-width:64px;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}
.nav-separator{width:4px;height:4px;opacity:.75}
.duel-strip{position:relative;height:55px;margin-top:-8px;padding:10px 95px 5px;background:linear-gradient(90deg,#080504,#22110a 15%,#35170c 50%,#22110a 85%,#080504);border-top:1px solid #6e3516;border-bottom:1px solid #2a180e;box-shadow:inset 0 0 20px #000;text-align:center;overflow:hidden}
.duel-strip:before,.duel-strip:after{content:'';position:absolute;top:0;width:104px;height:55px;background:url('../img/hero.jpg') center/255px auto no-repeat;filter:saturate(.7) brightness(.52)}
.duel-strip:before{left:0;background-position:34% 34%}
.duel-strip:after{right:0;background-position:69% 34%;transform:scaleX(-1)}
.duel-title{position:relative;z-index:1;color:#ffb52d;font-weight:bold;font-size:13px;letter-spacing:.5px;text-shadow:0 1px 2px #000}
.duel-result{position:relative;z-index:1;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:7px;color:#d08f35;font-size:11px}
.duel-result b{color:#e24b18}.fighter-a{color:#f2a631}.fighter-b{color:#d87d31}
.mobile-menu-toggle{display:none;width:100%;padding:8px;border:1px solid var(--line);background:#160b06;color:#f1bd6e;font-weight:bold}
.configured-nav{display:none;background:#080605;border:1px solid var(--line)}
.configured-nav ul{margin:0;padding:0;list-style:none}.configured-nav li a{display:block;padding:8px;border-bottom:1px solid #2d1b11;text-transform:uppercase}
.content-grid{position:relative;display:grid;grid-template-columns:100px minmax(0,298px) 100px;gap:6px;padding:6px;background:rgba(0,0,0,.86);border-left:1px solid #25140c;border-right:1px solid #25140c}
.sidebar-column,.main-column{min-width:0}
.module-frame{min-height:480px;padding:8px;color:#a99c91;background:linear-gradient(rgba(14,11,9,.96),rgba(6,5,4,.99));border:1px solid #2e1c11;box-shadow:inset 0 0 22px #000;overflow:hidden}
.module-frame:before{content:'';display:block;height:2px;margin:-8px -8px 7px;background:linear-gradient(90deg,transparent,#a44015,#ec8d2b,#a44015,transparent);opacity:.65}
.medieval-panel{margin:0 0 6px;background:rgba(9,7,6,.97);border:1px solid #2f1d12;box-shadow:inset 0 0 12px #000}
.panel-art{height:35px;background-position:center;background-repeat:no-repeat;background-size:103px 35px}
.panel-art-login{background-image:url('../img/panels/login.gif')}.panel-art-info{background-image:url('../img/panels/info.gif')}.panel-art-ranking{background-image:url('../img/panels/ranking.gif')}.panel-art-links{background-image:url('../img/panels/links.gif')}.panel-art-menu{background-image:url('../img/panels/menu.gif')}
.medieval-panel-body{padding:5px}
.side-menu{display:grid;gap:4px;padding:4px 5px 6px}
.side-menu a{display:block;height:19px;padding:4px 2px;text-align:center;color:#fff;font-size:8px;text-transform:uppercase;background:linear-gradient(#d22b17 0,#8f0b09 48%,#4c0505 52%,#b1120e 100%);border:1px solid #e14b2c;box-shadow:inset 0 0 0 1px #3b0303,0 1px 2px #000;text-shadow:0 1px #000}
.side-menu a:hover{filter:brightness(1.2)}
.server-info-table{width:100%;border-collapse:collapse;font-size:8px}.server-info-table td{padding:3px 1px;border-bottom:1px solid rgba(255,255,255,.05)}.server-info-table td:last-child{text-align:right;color:#d98631;font-weight:bold}.server-info-table .online-value{color:#76d05c}
.online-track{height:4px;margin-top:4px;background:#130b07;border:1px solid #45230f;overflow:hidden}.online-track span{display:block;height:100%;background:linear-gradient(90deg,#851b0a,#f06a1d,#f6bd48)}
.social-links{display:grid;gap:2px}.social-links a{position:relative;padding:3px 2px 3px 12px;color:#b8aa9e;font-size:8px;border-bottom:1px solid rgba(255,255,255,.04)}.social-links a:before{content:'◆';position:absolute;left:2px;top:4px;color:#d84c14;font-size:6px}
.compact-login .form-control{width:100%;height:18px;margin:0 0 3px;padding:2px 3px;color:#ddd;background:#e6e6e6;border:1px solid #3a281c;border-radius:0;font-size:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
.medieval-button,.btn-primary{display:inline-block;padding:4px 6px;border:1px solid #9a4a1c!important;border-radius:0;color:#ffe2a7!important;background:linear-gradient(#63230d,#210b06)!important;text-align:center;text-transform:uppercase;font-size:8px;font-weight:bold;text-shadow:0 1px #000}
.medieval-button-block{display:block;width:100%}.panel-small-links{display:grid;gap:2px;margin-top:4px;font-size:7px;text-align:center}.panel-small-links a{color:#8f8176}
.mini-ranking-block{margin-bottom:5px}.mini-ranking-block:last-child{margin-bottom:0}.mini-ranking-title{padding:2px 3px;color:#ec9a39;background:#1b0d08;border-bottom:1px solid #4e250f;font-size:7px;font-weight:bold}.mini-ranking-row{display:grid;grid-template-columns:10px 1fr 6px;gap:2px;align-items:center;padding:2px 1px;border-bottom:1px solid rgba(255,255,255,.04);color:#9e8f83;font-size:7px}.mini-ranking-row span{color:#e7aa44}.mini-ranking-row b{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-ranking-row em{color:#d54115;font-style:normal}
.usercp-list{margin:0;padding:0;list-style:none}.usercp-list li{display:flex;gap:3px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.usercp-icon{color:#d14a16;font-size:6px}
.castle-mark{text-align:center}.castle-mark table{margin:auto;transform:scale(.55);transform-origin:center}.castle-copy{font-size:7px;line-height:1.35}.castle-copy b{color:#c98c43}
.heroes-footer{width:100%!important;margin:0!important;padding:8px!important;color:#6f6258!important;background:rgba(4,3,3,.98)!important;border:1px solid #25140c;border-top:0;border-radius:0!important;font-size:7px;text-align:center}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.05)}.footer-links a{color:#8a7c70}.footer-bottom{display:block;margin-top:5px}.footer-social{display:none}
/* WebEngine module compact re-skin */
.page-title{margin:0 0 7px!important;padding-bottom:4px!important;color:#d49a4b!important;font-family:Georgia,serif!important;font-size:14px!important;border-bottom:1px solid #4b2915;text-shadow:0 1px 2px #000}
.panel,.panel-news,.well{margin-bottom:6px;color:#a99c91;background:#0d0a08;border:1px solid #2f2017;border-radius:0;box-shadow:none}.panel-heading,.panel-news .panel-heading{padding:5px 7px;background:linear-gradient(#24130c,#0d0806)!important;border-bottom:1px solid #4c2814!important}.panel-title,.panel-news .panel-title{color:#c79551!important;font-family:Georgia,serif;font-size:10px}.panel-body{padding:7px;color:#aaa097}.panel-footer,.panel-news .panel-footer{padding:4px 7px;background:#080605!important;border-top:1px solid #2e1e15!important;color:#75685f!important}
.table,.general-table-ui,.myaccount-table,.rankings-table{color:#a79b91;background:#0b0807!important;border-color:#2e2017!important;font-size:8px}.table>tbody>tr>td,.table>tbody>tr>th,.table>thead>tr>td,.table>thead>tr>th,.general-table-ui tr td,.myaccount-table tr td,.rankings-table tr td{padding:3px!important;border-color:#2a1c14!important}.table-striped>tbody>tr:nth-of-type(odd),.general-table-ui tr:nth-child(2n+2) td{background:#120c09!important}.rankings-table tr:first-child td,.general-table-ui tr:first-child td{color:#d89d4b!important;border-bottom-color:#70401d!important}.rankings_menu a{padding:4px!important;background:#100b08!important;border-color:#312117!important;color:#8d8075!important;font-size:8px}.rankings_menu a.active{color:#e8bd75!important;border-color:#8e4a20!important}
.alert{padding:6px;border-radius:0;font-size:8px}.alert-info{color:#cbbda9;background:#15100c;border-color:#46301f}.alert-success{color:#c0ddb8;background:#0c150b;border-color:#2c5428}.alert-danger{color:#dfb0a9;background:#180c0a;border-color:#642920}.form-control{height:24px;padding:3px 5px;color:#d7cec6;background:#0a0807;border-color:#34251c;border-radius:0;font-size:9px}.form-control:focus{border-color:#8d4e24;box-shadow:0 0 4px rgba(218,119,40,.3)}.btn{padding:4px 7px;border-radius:0;font-size:8px}.pagination>li>a,.pagination>li>span{padding:3px 6px;color:#c28f52;background:#0d0907;border-color:#34231a}.pagination>.active>a,.pagination>.active>span{background:#632c12;border-color:#8e4d21}
.profiles_player_card,.profiles_guild_card{background-position:center!important;color:#fff}.castle-owner-widget{background:#0d0907}
@media(max-width:560px){
    .site-shell{width:100%;max-width:510px}.hero-header{height:150px}.image-nav{left:18px;right:18px}.image-nav-link img{height:11px;max-width:58px}.content-grid{grid-template-columns:94px minmax(0,1fr) 94px;gap:4px;padding:4px}.module-frame{padding:6px}.module-frame:before{margin:-6px -6px 6px}
}
@media(max-width:420px){
    .site-shell{width:100%}.hero-header{height:132px}.image-nav{display:none}.duel-strip{margin-top:0;padding-left:70px;padding-right:70px}.mobile-menu-toggle{display:block}.configured-nav.is-open{display:block}.content-grid{grid-template-columns:1fr}.main-column{order:1}.sidebar-left{order:2}.sidebar-right{order:3}.panel-art{background-size:160px 54px;height:50px}.module-frame{min-height:320px}.side-menu{grid-template-columns:repeat(2,1fr)}
}