@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 5%,#0b293c,transparent 34%),#02090e;color:#dbe7ed;font:12px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none;cursor:pointer}button{color:inherit;font:inherit;cursor:pointer}.top{height:31px;display:flex;align-items:center;gap:35px;padding:0 max(20px,calc((100% - 1490px)/2));background:#01070b;border-bottom:1px solid #102c39;color:#66828f;font-size:9px}.top b{color:#b8dce9}.top .online{margin-left:auto;color:#3df27a}header{height:210px;position:relative;overflow:hidden;background:#03121d;border-bottom:1px solid #225b75}.head{position:absolute;top:0;bottom:0;width:54%;background-size:cover;background-position:center}.head.left{left:0;background-image:linear-gradient(90deg,transparent,rgba(3,18,29,.05) 60%,#03121d),url("../images/wizard.jpg")}.head.right{right:0;background-image:linear-gradient(270deg,transparent,rgba(3,18,29,.05) 60%,#03121d),url("../images/dragon.jpg")}.shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 28%,rgba(2,12,19,.88) 43%,rgba(2,12,19,.88) 57%,transparent 72%),linear-gradient(0deg,rgba(1,8,13,.38),transparent)}.logo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 49px Cinzel,serif;text-shadow:0 4px 17px #000}.logo span,footer span{color:#dff7ff;text-shadow:0 0 14px #36c4ff}.logo small{font-size:10px;letter-spacing:7px;color:#64d6ff;margin-top:3px}nav{height:58px;position:sticky;top:0;z-index:50;background:rgba(2,10,16,.97);backdrop-filter:blur(10px);border-bottom:1px solid #204756}#links{max-width:1490px;height:100%;margin:auto;display:flex;justify-content:center}#links a{display:flex;align-items:center;padding:0 17px;font-size:9px;font-weight:600;color:#a9bac3;position:relative}#links a:hover,#links .active{color:white;background:linear-gradient(#12435f,#061c2a)}#links .active:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:#57d9ff;box-shadow:0 0 9px #43caff}#menu{display:none}main{max-width:1490px;margin:14px auto 28px;padding:0 10px;display:grid;grid-template-columns:270px minmax(0,1fr) 315px;gap:14px;align-items:start}aside{display:flex;flex-direction:column;gap:14px}.panel,.hero{position:relative;background:radial-gradient(ellipse at 50% -20%,rgba(35,133,175,.12),transparent 42%),linear-gradient(#071923,#020b11);border:1px solid #244654;box-shadow:inset 0 0 28px #0006,0 8px 22px #0004;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.panel:before,.hero:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#59d9ff,transparent);opacity:.45}.panel{padding:12px}.panel h3{height:29px;margin:0 0 8px;border-bottom:1px solid #183746;font:700 11px Cinzel,serif;text-align:center;position:relative}.panel h3:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:46px;height:1px;background:#55d9ff}.panel h3 a{float:right;font:7px Inter;color:#54d4ff;margin-top:2px}.state{text-align:center;color:#3df27a;font-weight:700;padding:11px}.state small{display:block;color:#506c79;font-size:6px;letter-spacing:1px;margin-top:4px}.status dl{margin:0}.status dl div{display:grid;grid-template-columns:1fr 1.25fr;padding:5px 0;border-bottom:1px solid #17313c33;font-size:9px}.status dt{color:#8195a0}.status dd{margin:0;text-align:right;font-weight:600}.big,.wide{border:1px solid #168bc0;background:linear-gradient(#0c557c,#05263c);box-shadow:inset 0 0 0 1px #53cfff22,0 6px 13px #0005;transition:.2s}.big:hover,.wide:hover{border-color:#64ddff;box-shadow:0 0 16px #39c9ff33;transform:translateY(-1px)}.status .big{width:100%;min-height:45px;margin-top:11px;display:flex;justify-content:space-around;align-items:center;font-size:19px}.big b{font:600 11px Cinzel}.big small{display:block;font:6px Inter;color:#66cce9;letter-spacing:1px}ol{list-style:none;padding:0;margin:0;counter-reset:n}ol li{counter-increment:n;display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:6px 3px;border-bottom:1px solid #18354166;cursor:help;transition:.15s}ol li:before{content:counter(n)".";color:#d9a83e;text-align:right;padding-right:7px;font:10px Cinzel}ol li:hover{background:linear-gradient(90deg,#1886b122,transparent);transform:translateX(2px)}ol b{display:block;font-size:10px}ol small{display:block;font-size:7px;color:#617d89}ol em{font:10px Cinzel;font-style:normal}.center{min-width:0}.hero{height:365px;overflow:hidden;margin-bottom:14px}.copy{position:relative;z-index:4;width:45%;padding:65px 0 20px 43px}.copy em{font-style:normal;color:#58d8ff;font-size:8px;letter-spacing:3px}.copy h1{font:500 43px/1.02 Cinzel;margin:11px 0;color:#e7f2f6}.copy h1 strong{color:#fff;text-shadow:0 0 18px #50ccff33}.copy p{color:#849ba7;line-height:1.7;max-width:340px;font-size:10px}.copy .big{padding:11px 28px;margin-top:15px}.heroart{position:absolute;right:0;top:0;width:62%;height:100%;background:linear-gradient(90deg,#061722,transparent 38%),linear-gradient(0deg,#03101a55,transparent),url("../images/elf.jpg") center/cover}.dots{position:absolute;bottom:12px;left:53%;z-index:5;color:#55d9ff;font-size:7px}.newsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.news article{position:relative;display:grid;grid-template-columns:135px 1fr;grid-template-rows:auto auto 1fr auto;min-height:145px;padding:8px;background:linear-gradient(145deg,#071a26,#031019);border:1px solid #1b3948;transition:.2s}.news article:hover,.news article.open{border-color:#3a829f}.pic{grid-row:1/5;width:123px;min-height:127px;background-size:cover;background-position:center;position:relative}.pic i{position:absolute;top:4px;left:4px;padding:3px 5px;background:#087eb5;font-size:6px;font-style:normal}.dragon{background-image:url("../images/dragon.jpg")}.elf{background-image:url("../images/elf.jpg")}.wizard,.boss{background-image:url("../images/wizard.jpg")}.news time{font-size:7px;color:#68828e}.news h2{font-size:11px;margin:7px 25px 4px 0}.news p{font-size:8px;line-height:1.5;color:#8297a2;margin:0 25px 3px 0}.news article>button{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border:1px solid #28566a;background:#04131c;color:#5bd9ff}.full{grid-column:2;max-height:0;opacity:0;overflow:hidden;color:#a8bac2;font-size:8px;line-height:1.6;transition:.3s}.news article.open .full{max-height:110px;opacity:1;padding-top:6px;margin:4px 28px 0 0;border-top:1px solid #1c3a48}.features{display:grid;grid-template-columns:repeat(6,1fr);margin-top:14px;padding:15px 5px}.features div{display:flex;justify-content:center;align-items:center;gap:7px;border-right:1px solid #173541;color:#58d9ff;font-size:20px}.features div:last-child{border:0}.features b{font-size:7px;color:#d9e6eb}.features small{display:block;color:#5f7884;font-size:6px;margin-top:2px}.media{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.thumbs i{height:76px;background-size:cover;background-position:center;border:1px solid #204351;font-style:normal;display:flex;align-items:center;justify-content:center;color:#65d9ff;font-size:20px}.event{position:relative;display:grid;grid-template-columns:1fr auto;margin:7px 0;padding:8px 8px 16px;border:1px solid currentColor;background:#ffffff05}.event b{font-size:10px}.event b small{display:block;color:#58717d;font-size:6px;margin-top:2px}.event time{font:9px Cinzel}.event>i{position:absolute;left:8px;right:8px;bottom:6px;height:3px;background:#142934}.event>i span{display:block;height:100%;background:currentColor;box-shadow:0 0 7px currentColor}.red{color:#ff4d58}.cyan{color:#43cfff}.green{color:#50ec78}.gold{color:#ffc64a}.violet{color:#d96cff}.wide{width:100%;height:34px;font:8px Cinzel}.market>div{display:grid;grid-template-columns:34px 1fr auto 22px;gap:6px;align-items:center;padding:8px 2px;border-bottom:1px solid #17323f}.market>div:first-of-type{margin-top:2px}.market>div{color:#70dfff;font-size:16px}.market span b{display:block;color:#dbe7ec;font-size:8px}.market span small{display:block;color:#607b87;font-size:6px;margin-top:3px}.market strong{font:8px Cinzel;color:#dbe8ee;text-align:right}.market strong small{display:block;font:6px Inter;color:#54c9f1}.market em{font-size:6px;color:#607986}.community{min-height:140px;background:radial-gradient(circle at 90% 50%,#20517855,transparent 40%),linear-gradient(135deg,#081c29,#030d15)}.community em{font-style:normal;font-size:7px;letter-spacing:2px;color:#55d7ff}.community h2{font:19px Cinzel;margin:4px 0}.community p{font-size:8px;color:#7d939e}.community div{margin-top:13px;color:#68d9ff;font-size:17px}footer{border-top:1px solid #204858;background:radial-gradient(ellipse at 50% 0,#18618222,transparent 40%),#02090e;padding:27px max(20px,calc((100% - 1450px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px;color:#708893;font-size:8px}footer>div:first-child b{font:20px Cinzel;color:#e2edf1}footer p{max-width:300px;line-height:1.6}footer h4{font:9px Cinzel;color:#dbe7ed;margin:0 0 8px}.legend{text-align:center;display:flex;flex-direction:column}.legend strong{font:27px Cinzel;color:#e8f2f5}.legend em{font:7px Cinzel;color:#58d9ff;letter-spacing:2px}.copyright{height:35px;border-top:1px solid #102b37;background:#02090e;color:#4e6874;font-size:7px;display:flex;align-items:center;justify-content:center;gap:30px}#tooltip{position:fixed;z-index:1000;width:250px;opacity:0;visibility:hidden;pointer-events:none;padding:12px;background:radial-gradient(circle at 20% 0,#2aa4d322,transparent 40%),linear-gradient(#071d2b,#020c13);border:1px solid #3985a5;box-shadow:0 12px 28px #000b;transition:.12s}#tooltip.show{opacity:1;visibility:visible}#tooltip h4{font:13px Cinzel;margin:0;color:#edf7fb}#tooltip>small{font-size:6px;color:#55d8ff;letter-spacing:1px}.tip{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.tip span,.tip b{padding:5px;border-bottom:1px solid #32637833;font-size:8px}.tip span{color:#718b97}.tip b{text-align:right}.on{color:#47f07b!important}@media(max-width:1150px){main{grid-template-columns:235px 1fr}main>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}#links a{padding:0 10px}.newsgrid{grid-template-columns:1fr}.features{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.top span:first-child,.top span:last-child{display:none}.top{justify-content:center}header{height:145px}.logo{font-size:30px}.logo small{font-size:6px;letter-spacing:4px}nav{height:auto}#menu{display:block;width:100%;height:45px;background:#061722;border:0}#links{display:none;flex-direction:column}#links.open{display:flex}#links a{height:40px;justify-content:center}main{display:flex;flex-direction:column;margin-top:7px;padding:0 7px}.center{order:1}main>aside:first-child{order:2}main>aside:last-child{order:3;display:flex}.hero{height:420px}.copy{width:100%;padding:35px 24px}.copy h1{font-size:33px}.heroart{width:100%;opacity:.35}.newsgrid{grid-template-columns:1fr}.news article{grid-template-columns:100px 1fr}.pic{width:90px}.features{grid-template-columns:repeat(2,1fr)}.media{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.legend,footer>div:first-child{grid-column:1/-1}.copyright{height:auto;padding:10px;flex-direction:column;gap:4px}#tooltip{display:none}}
/* ===== V6.1 HEADER + TYPOGRAPHY CORRECTION ===== */
body{font-size:14px}
.top{height:34px;font-size:10px}

/* Fix header logo: force the full name onto one horizontal line */
header{height:235px}
.logo{white-space:nowrap;font-size:0;line-height:1}
.logo-line{display:block;white-space:nowrap;font:700 52px/1 Cinzel,Georgia,serif;letter-spacing:1px;color:#eef8fc}
.logo-line span{display:inline;color:#e9f9ff;text-shadow:0 0 15px #35c8ff}
.logo small{display:block;font:600 11px/1.2 Inter,Arial,sans-serif;letter-spacing:7px;margin-top:12px;color:#65d8ff}
.shade{background:linear-gradient(90deg,transparent 25%,rgba(2,12,19,.83) 42%,rgba(2,12,19,.83) 58%,transparent 75%),linear-gradient(0deg,rgba(1,8,13,.34),transparent)}

nav{height:62px}
#links a{font-size:11px;padding:0 18px}

main{grid-template-columns:285px minmax(0,1fr) 325px;gap:16px}
.panel{padding:14px}
.panel h3{height:32px;font-size:13px}
.panel h3 a{font-size:9px}
.state{font-size:12px;padding:13px}
.state small{font-size:7px}
.status dl div{font-size:11px;padding:6px 0}
.big b{font-size:13px}.big small{font-size:7px}

ol li{padding:7px 4px}
ol li:before{font-size:12px}
ol b{font-size:12px}
ol small{font-size:8px}
ol em{font-size:12px}

.hero{height:385px}
.copy{padding:70px 0 20px 45px}
.copy em{font-size:10px}
.copy h1{font-size:46px}
.copy p{font-size:12px;max-width:390px}
.copy .big{font-size:12px}

.news h3{font-size:13px}
.news article{min-height:158px;grid-template-columns:145px 1fr}
.pic{width:132px;min-height:140px}
.pic i{font-size:7px}
.news time{font-size:8px}
.news h2{font-size:13px;line-height:1.3}
.news p,.full{font-size:10px}

.features b{font-size:9px}.features small{font-size:7px}
.event b{font-size:12px}.event b small{font-size:7px}.event time{font-size:11px}
.wide{height:38px;font-size:10px}
.market span b{font-size:10px}.market span small{font-size:7px}
.market strong{font-size:10px}.market strong small,.market em{font-size:7px}
.community em{font-size:8px}.community h2{font-size:21px}.community p{font-size:10px}

footer{font-size:10px}
footer>div:first-child b{font-size:23px}
footer h4{font-size:11px}
.legend strong{font-size:30px}
.legend em{font-size:8px}
.copyright{font-size:8px}

#tooltip h4{font-size:15px}
#tooltip>small{font-size:7px}
.tip span,.tip b{font-size:10px}

@media(max-width:1150px){
 main{grid-template-columns:250px 1fr}
 #links a{font-size:10px;padding:0 10px}
}
@media(max-width:720px){
 body{font-size:13px}
 header{height:165px}
 .logo-line{font-size:31px}
 .logo small{font-size:7px;letter-spacing:4px;margin-top:8px}
 nav{height:auto}
 #links a{font-size:11px}
 .copy h1{font-size:35px}
 .copy p{font-size:11px}
}

/* ===== PRIVATE MESSAGES ===== */
.wm-messages{overflow:hidden}.wm-messages>h3{display:flex;align-items:center;justify-content:space-between}.wm-messages>h3 small{color:#4f8597;font:800 8px Inter,Arial,sans-serif;letter-spacing:1px}.wm-chat-layout{display:grid;grid-template-columns:250px minmax(0,1fr);height:620px;background:#020b10}.wm-chat-sidebar{min-width:0;border-right:1px solid #174052;background:linear-gradient(180deg,#061923,#020c11)}
.wm-new-chat{box-sizing:border-box;width:calc(100% - 24px);margin:12px;padding:11px;border:1px solid #297d9d;background:linear-gradient(180deg,#0b536d,#07374b);color:#e9f9ff;font:900 9px Inter,Arial,sans-serif;letter-spacing:.8px;cursor:pointer}.wm-chat-search{padding:0 12px 12px;border-bottom:1px solid rgba(63,127,149,.2)}.wm-chat-search label{display:block;margin-bottom:5px;color:#5d8391;font:800 8px Inter,Arial,sans-serif;letter-spacing:1px}.wm-chat-search input{box-sizing:border-box;width:100%;height:35px;padding:0 9px;border:1px solid #1a4658;outline:none;background:#020a0f;color:#fff}.wm-chat-search input:focus{border-color:#48badf}.wm-search-results{max-height:175px;overflow:auto}.wm-search-results>small,.wm-chat-empty-small{display:block;padding:13px;color:#587985;font:700 9px Inter,Arial,sans-serif;text-align:center}.wm-search-results button{display:block;width:100%;padding:8px;border:0;border-bottom:1px solid rgba(53,105,124,.16);background:transparent;color:#d9edf4;text-align:left;cursor:pointer}.wm-search-results button:hover{background:rgba(29,116,148,.16)}.wm-search-results button b,.wm-search-results button small{display:block}.wm-search-results button small{margin-top:3px;color:#527888;font-size:8px}.wm-conversation-title{padding:10px 12px;color:#4f7d8e;font:900 8px Inter,Arial,sans-serif;letter-spacing:1px}.wm-conversation-list{height:calc(100% - 102px);overflow-y:auto}.wm-conversation{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 10px;border:0;border-bottom:1px solid rgba(52,105,124,.15);background:transparent;color:#d8edf4;text-align:left;cursor:pointer}.wm-conversation:hover,.wm-conversation.active{background:rgba(22,100,130,.18);box-shadow:inset 2px 0 #51c9ee}.wm-chat-avatar{display:grid;width:32px;height:32px;place-items:center;border:1px solid #29667e;border-radius:50%;background:#082735;color:#58d7ff;font-weight:900}.wm-conversation>b{min-width:0;font-size:10px}.wm-conversation b small{display:block;overflow:hidden;margin-top:4px;color:#527888;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.wm-conversation>i{color:#486f7e;font-size:7px;font-style:normal;text-align:right}.wm-conversation>i em{display:block;width:max-content;margin:0 0 4px auto;padding:2px 5px;border-radius:9px;background:#e13e48;color:#fff;font-style:normal;font-weight:900}
.wm-chat-main{display:grid;min-width:0;grid-template-rows:60px minmax(0,1fr) auto}.wm-chat-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #174052;background:#061923}.wm-chat-head small,.wm-chat-head strong{display:block}.wm-chat-head small{color:#4f7989;font-size:8px;font-weight:900;letter-spacing:1px}.wm-chat-head strong{margin-top:4px;color:#e9f8fd;font:700 15px Cinzel,Georgia,serif}.wm-chat-head>span{color:#4bc58c;font-size:8px;font-weight:900}.wm-message-list{overflow-y:auto;padding:18px;background:radial-gradient(circle at 50% 0,rgba(18,89,115,.09),transparent 48%),#020b10}.wm-bubble{width:max-content;max-width:76%;margin:0 0 11px}.wm-bubble p{margin:0;padding:10px 12px;border:1px solid #173d4c;background:#071923;color:#b9d0d8;font:10px/1.55 Inter,Arial,sans-serif;overflow-wrap:anywhere}.wm-bubble small{display:block;margin-top:4px;color:#476c79;font-size:7px}.wm-bubble.mine{margin-left:auto}.wm-bubble.mine p{border-color:#236a86;background:linear-gradient(135deg,#0a4055,#082c3b);color:#eefbff}.wm-bubble.mine small{text-align:right}.wm-chat-empty{display:grid;height:100%;place-content:center;color:#4a7180;text-align:center}.wm-chat-empty b{color:#6a96a6;font-size:11px;letter-spacing:1px}.wm-chat-empty p{max-width:280px;font-size:9px;line-height:1.6}.wm-message-form{padding:12px 14px;border-top:1px solid #174052;background:#05151d}.wm-message-form textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #1a4a5d;outline:none;resize:none;background:#020b10;color:#e7f6fb;font:10px/1.5 Inter,Arial,sans-serif}.wm-message-form textarea:focus{border-color:#399cbe}.wm-message-form textarea:disabled{opacity:.45}.wm-message-form>div{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.wm-message-form small{color:#4e7583;font-size:7px;font-weight:800}.wm-message-form button{padding:8px 20px;border:1px solid #2980a1;background:#0a4861;color:#fff;font-size:8px;font-weight:900;cursor:pointer}.wm-message-form button:disabled{cursor:not-allowed;opacity:.4}.wm-message-form>p{min-height:12px;margin:5px 0 0;color:#ff747d;font-size:8px}.wm-messages-login>div{padding:55px 20px;text-align:center}.wm-messages-login b{color:#dceff5}.wm-messages-login p{color:#668795;font-size:10px}
@media(max-width:720px){.wm-chat-layout{grid-template-columns:1fr;height:auto}.wm-chat-sidebar{height:300px;border-right:0;border-bottom:1px solid #174052}.wm-chat-main{height:550px}.wm-bubble{max-width:88%}}

/* V6.2 larger readable typography */
body{font-size:16px}.top{font-size:12px}#links a{font-size:13px!important;font-weight:600}
.panel h3{font-size:15px!important;height:36px}.panel h3 a{font-size:11px!important}
.state{font-size:14px}.state small{font-size:9px}.status dl div{font-size:13px!important;padding:7px 0}
.status .big{min-height:52px}.big b{font-size:15px!important}.big small{font-size:9px!important}
ol li{padding:8px 4px}ol li:before{font-size:14px!important}ol b{font-size:14px!important}ol small{font-size:10px!important;margin-top:2px}ol em{font-size:14px!important}
.copy em{font-size:12px!important}.copy h1{font-size:50px!important}.copy p{font-size:14px!important;line-height:1.7;max-width:420px}.copy .big{font-size:14px;min-height:48px}
.news time{font-size:10px!important}.news h2{font-size:15px!important}.news p,.full{font-size:12px!important;line-height:1.55}.pic i{font-size:9px!important}
.features b{font-size:11px!important}.features small{font-size:9px!important}
.event{padding:10px 9px 18px}.event b{font-size:14px!important}.event b small{font-size:9px!important}.event time{font-size:13px!important}.wide{height:42px;font-size:12px!important}
.market>div{padding:10px 2px}.market span b{font-size:12px!important}.market span small{font-size:9px!important}.market strong{font-size:12px!important}.market strong small,.market em{font-size:9px!important}
.community em{font-size:10px!important}.community h2{font-size:24px!important}.community p{font-size:12px!important}
footer{font-size:12px!important}footer>div:first-child b{font-size:26px!important}footer h4{font-size:13px!important}.legend strong{font-size:32px!important}.legend em{font-size:10px!important}.copyright{font-size:10px!important}
#tooltip{width:280px}#tooltip h4{font-size:17px!important}#tooltip>small{font-size:9px!important}.tip span,.tip b{font-size:12px!important}
main{grid-template-columns:300px minmax(0,1fr) 340px}.news article{min-height:175px}.hero{height:400px}
@media(max-width:1200px){main{grid-template-columns:270px 1fr}#links a{font-size:11px!important}}
@media(max-width:720px){body{font-size:15px}.panel h3{font-size:14px!important}.status dl div{font-size:12px!important}ol b{font-size:13px!important}ol small{font-size:9px!important}.copy h1{font-size:38px!important}.copy p{font-size:13px!important}.news h2{font-size:14px!important}.news p,.full{font-size:11px!important}}

/* ===== V6.3 — SINGLE NEWS EXPANDS FULL WIDTH ===== */
.newsgrid{
    align-items:start;
}

/* Closed cards keep the normal two-column layout */
.news article{
    align-self:start;
    transition:border-color .2s ease, box-shadow .25s ease;
}

/* Only the selected news becomes a full-width feature */
.news article.open{
    grid-column:1 / -1;
    min-height:250px;
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    grid-template-rows:auto auto auto 1fr;
    column-gap:22px;
    padding:14px;
    background:
      radial-gradient(circle at 12% 0,rgba(39,164,215,.12),transparent 38%),
      linear-gradient(145deg,#09202e,#031019);
    border-color:#3d91b2;
    box-shadow:inset 0 0 30px rgba(0,0,0,.25),0 0 22px rgba(52,191,240,.08);
}

.news article.open .pic{
    grid-column:1;
    grid-row:1 / 5;
    width:100%;
    min-height:220px;
}

.news article.open time{
    grid-column:2;
    grid-row:1;
    align-self:start;
    font-size:10px!important;
}

.news article.open h2{
    grid-column:2;
    grid-row:2;
    margin:9px 40px 8px 0;
    font-size:20px!important;
    font-family:Cinzel,Georgia,serif;
    line-height:1.25;
    color:#f0f8fb;
}

.news article.open p{
    grid-column:2;
    grid-row:3;
    margin:0 45px 10px 0;
    font-size:12px!important;
    color:#83a2b0;
}

.news article.open .full{
    grid-column:2;
    grid-row:4;
    max-height:500px;
    opacity:1;
    overflow:visible;
    padding:12px 45px 5px 0;
    margin:5px 0 0;
    border-top:1px solid #245064;
    font-size:13px!important;
    line-height:1.75;
    color:#c0d0d7;
}

.news article.open > button{
    right:12px;
    bottom:12px;
    width:30px;
    height:30px;
    font-size:17px;
}

/* When one item spans both columns, CSS grid automatically
   moves the remaining cards into the available rows below it. */

@media(max-width:720px){
    .news article.open{
        grid-column:1;
        display:grid;
        grid-template-columns:110px minmax(0,1fr);
        min-height:220px;
        column-gap:10px;
        padding:9px;
    }
    .news article.open .pic{
        width:100%;
        min-height:190px;
    }
    .news article.open h2{
        font-size:15px!important;
        margin-right:25px;
    }
    .news article.open p{
        font-size:11px!important;
        margin-right:25px;
    }
    .news article.open .full{
        font-size:11px!important;
        padding-right:25px;
    }
}

/* ===== V6.4 RANKING HOVER TOP 100 DEMO ===== */
.ranking-panel{overflow:hidden}
.ranking-scroll{position:relative;max-height:430px;overflow:hidden;padding-right:2px;transition:max-height .3s ease}
.ranking-panel.expanded .ranking-scroll{overflow-y:auto;overscroll-behavior:contain}
.ranking-scroll::-webkit-scrollbar{width:7px}
.ranking-scroll::-webkit-scrollbar-track{background:#020b11;border-left:1px solid #173440}
.ranking-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#43d4ff,#09658c);border-radius:5px;box-shadow:0 0 8px #3ad0ff55}
.ranking-scroll{scrollbar-width:thin;scrollbar-color:#1689b7 #020b11}
.ranking-hint,.ranking-loaded{height:0;opacity:0;overflow:hidden;text-align:center;color:#54d8ff;font-size:8px;letter-spacing:1px;transition:.25s}
.ranking-panel:not(.expanded):hover .ranking-hint{height:20px;opacity:1;margin-top:-3px}
.ranking-panel.expanded .ranking-loaded{height:23px;opacity:1;padding-top:8px;border-top:1px solid #173945}
.ranking-panel.expanded h3 span{color:#eaf9ff;text-shadow:0 0 9px #45d7ff66}
.ranking-panel.expanded{border-color:#397a95;box-shadow:inset 0 0 30px #0a638322,0 0 17px #38c9ff10}
.ranking-panel.loading:after{content:"LOADING TOP 100...";position:absolute;z-index:8;left:12px;right:12px;top:45px;height:32px;display:flex;align-items:center;justify-content:center;background:#04131dec;border:1px solid #2d718e;color:#61dcff;font-size:9px;letter-spacing:1px}
.ranking-panel.expanded ol li{animation:rankIn .18s ease both}
@keyframes rankIn{from{opacity:.2;transform:translateX(-4px)}to{opacity:1;transform:none}}
@media(max-width:720px){
 .ranking-scroll{max-height:440px}
 .ranking-panel:not(.expanded) .ranking-hint{height:20px;opacity:1;padding-top:5px}
}

/* ===== V6.5 COMBINED PLAYERS / GUILDS RANKING ===== */
.combined-ranking{padding-bottom:11px}
.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:5px 0 8px;padding:3px;background:#020c12;border:1px solid #173744}
.ranking-tab{height:37px;border:1px solid transparent;background:transparent;color:#718b98;font:600 11px Cinzel,Georgia,serif;letter-spacing:.4px;cursor:pointer;position:relative;transition:.2s}
.ranking-tab span{color:#4a879f;margin-right:5px;font-size:13px}
.ranking-tab:hover{color:#d8edf5;background:#09202d}
.ranking-tab.active{color:#f0fbff;border-color:#25789a;background:linear-gradient(180deg,#0d4967,#062536);box-shadow:inset 0 0 14px #1da8dc22,0 0 10px #36caff12;text-shadow:0 0 8px #4dd6ff55}
.ranking-tab.active span{color:#63dcff;text-shadow:0 0 8px #42ceff}
.ranking-tab.active:after{content:"";position:absolute;left:18%;right:18%;bottom:-4px;height:2px;background:#58d9ff;box-shadow:0 0 8px #3dccff}
.ranking-subbar{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;border-bottom:1px solid #173744}
.ranking-subbar>span{font-size:9px;font-weight:700;color:#a9c1cc;letter-spacing:.5px}
.ranking-subbar small{font-size:7px;color:#4fbfe8;letter-spacing:.6px}
.combined-ranking .ranking-scroll{max-height:430px}
.combined-ranking.loading:after{top:108px}
.combined-ranking.expanded #rankingHint{color:#42df79}
.combined-ranking.expanded #rankingHint:before{content:"✓ ";color:#42ef79}
.combined-ranking.switching #rankingList{opacity:.15;transform:translateX(4px)}
#rankingList{transition:opacity .14s,transform .14s}
.ranking-tab .count-badge{font:7px Inter,sans-serif;margin-left:3px;padding:1px 4px;border:1px solid #28546a;color:#68caed}
@media(max-width:720px){
 .ranking-tab{height:40px;font-size:12px}
 .ranking-subbar>span{font-size:10px}
 .ranking-subbar small{font-size:8px}
}

/* ===== V6.6 — SELECTED NEWS MOVES TO TOP, THEN RETURNS ===== */
.newsgrid{
    position:relative;
}

/* Featured news always owns the complete first row */
.news article.featured-news{
    grid-column:1 / -1;
    order:-1;
}

/* Make the promoted article visually intentional */
.news article.featured-news:before{
    opacity:.85;
    background:linear-gradient(90deg,transparent,#65dcff,transparent);
}

.news article.featured-news .pic{
    box-shadow:0 0 18px rgba(57,194,240,.12);
}

/* Cards below immediately resume the compact two-column layout */
.news article:not(.featured-news){
    grid-column:auto;
}

/* Avoid the previous empty-looking stretched row */
.newsgrid{
    grid-auto-flow:row dense;
}

@media(max-width:720px){
    .news article.featured-news{
        grid-column:1;
    }
}

/* ===== V6.7 — RANKING TAB SCROLL RELIABILITY FIX ===== */
.combined-ranking.expanded .ranking-scroll{
    max-height:430px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
.combined-ranking .ranking-scroll{
    min-height:0;
}
.combined-ranking.expanded .ranking-scroll::-webkit-scrollbar{
    display:block;
    width:7px;
}

/* PHP integration additions */
.page-shell{max-width:1490px;margin:14px auto 40px;padding:0 10px}.page-title{font:700 24px Cinzel;margin:0 0 14px}.content-panel{padding:22px}.rank-table{width:100%;border-collapse:collapse}.rank-table th,.rank-table td{padding:11px;border-bottom:1px solid #173541;text-align:left}.rank-table th{color:#59d9ff;font-size:9px}.rank-table tr:hover{background:#1686b111}.notice{padding:14px;border:1px solid #28566a;background:#061722;color:#9fb5c0}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-grid div{padding:13px;border:1px solid #173541;background:#04121b}.profile-grid small{display:block;color:#66818d}.profile-grid b{display:block;margin-top:4px;font:15px Cinzel}.muted{color:#718b97}.db-error{max-width:900px;margin:50px auto;padding:20px;border:1px solid #a33;background:#210b0b;color:#ffdede}@media(max-width:720px){.profile-grid{grid-template-columns:1fr}.rank-table{font-size:10px}}
\n\n

/* ===== V6.9 — FINAL COMPACT RANKING FIX ===== */
.combined-ranking .ranking-scroll{max-height:340px;overflow:hidden;padding-right:2px}
.combined-ranking.expanded .ranking-scroll{max-height:430px!important;overflow-y:auto!important;overflow-x:hidden!important}

.combined-ranking .ranking-columns{
display:grid!important;grid-template-columns:30px minmax(0,1fr) 64px!important;
align-items:center;width:100%;height:24px;padding:0 5px;border-bottom:1px solid #173744;
color:#7897a5;font:700 8px Inter,Arial,sans-serif;letter-spacing:.45px}
.combined-ranking .ranking-columns span{min-width:0}
.combined-ranking .ranking-columns span:first-child{text-align:center}
.combined-ranking .ranking-columns span:last-child{text-align:right}

.combined-ranking #rankingList{
display:block!important;list-style:none!important;margin:0!important;padding:0!important;counter-reset:none!important}
.combined-ranking #rankingList>li.ranking-row{
counter-increment:none!important;position:relative;display:grid!important;
grid-template-columns:30px minmax(0,1fr) 64px!important;grid-template-rows:34px!important;
align-items:center!important;width:100%;min-height:34px!important;height:34px!important;
margin:0!important;padding:0 5px!important;border-bottom:1px solid rgba(24,53,65,.45);
background:transparent;cursor:help;transform:none;transition:background .16s ease,box-shadow .16s ease}
.combined-ranking #rankingList>li.ranking-row::before{content:none!important;display:none!important}
.combined-ranking #rankingList>li.ranking-row:hover{
background:linear-gradient(90deg,rgba(31,154,201,.12),transparent 82%);transform:none!important}

.combined-ranking .ranking-position,
.combined-ranking .ranking-player-name,
.combined-ranking .ranking-value{
display:block!important;min-width:0;margin:0!important;padding:0!important;
line-height:34px!important;white-space:nowrap}
.combined-ranking .ranking-position{
font:700 11px/34px Cinzel,Georgia,serif!important;color:#76909b;text-align:center}
.combined-ranking .ranking-player-name{
overflow:hidden;text-overflow:ellipsis;font:700 12px/34px Inter,Arial,sans-serif!important;color:#dce9ee}
.combined-ranking .ranking-value{
font:700 11px/34px Cinzel,Georgia,serif!important;font-style:normal!important;text-align:right;color:#b6d0da}

.combined-ranking #rankingList>li.rank-first::after,
.combined-ranking #rankingList>li.rank-second::after,
.combined-ranking #rankingList>li.rank-third::after{
content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px}

.combined-ranking #rankingList>li.rank-first::after{background:#ffd65c;box-shadow:0 0 7px rgba(255,205,72,.65)}
.combined-ranking #rankingList>li.rank-first .ranking-position,
.combined-ranking #rankingList>li.rank-first .ranking-player-name,
.combined-ranking #rankingList>li.rank-first .ranking-value{
color:#ffe28a;text-shadow:0 0 5px rgba(255,210,80,.48)}
.combined-ranking #rankingList>li.rank-first .ranking-player-name::after{
content:" ♛";color:#ffd65c;font-size:9px;text-shadow:0 0 6px rgba(255,200,55,.65)}

.combined-ranking #rankingList>li.rank-second::after{background:#bfeaff;box-shadow:0 0 7px rgba(154,220,250,.48)}
.combined-ranking #rankingList>li.rank-second .ranking-position,
.combined-ranking #rankingList>li.rank-second .ranking-player-name,
.combined-ranking #rankingList>li.rank-second .ranking-value{
color:#d9f4ff;text-shadow:0 0 5px rgba(145,216,247,.34)}

.combined-ranking #rankingList>li.rank-third::after{background:#df955e;box-shadow:0 0 7px rgba(219,133,75,.42)}
.combined-ranking #rankingList>li.rank-third .ranking-position,
.combined-ranking #rankingList>li.rank-third .ranking-player-name,
.combined-ranking #rankingList>li.rank-third .ranking-value{
color:#efb486;text-shadow:0 0 5px rgba(214,122,66,.30)}

.combined-ranking #rankingList>li.rank-first:hover{background:linear-gradient(90deg,rgba(255,195,55,.075),transparent 80%)}
.combined-ranking #rankingList>li.rank-second:hover{background:linear-gradient(90deg,rgba(145,218,250,.065),transparent 80%)}
.combined-ranking #rankingList>li.rank-third:hover{background:linear-gradient(90deg,rgba(218,130,72,.065),transparent 80%)}

@media(max-width:720px){
.combined-ranking .ranking-columns,
.combined-ranking #rankingList>li.ranking-row{grid-template-columns:28px minmax(0,1fr) 58px!important}
}


/* ===== V6.10 — BUTTON TOP 10 / TOP 100 ===== */
.combined-ranking .ranking-scroll{
    max-height:364px !important;
    overflow:hidden !important;
}
.combined-ranking.expanded .ranking-scroll{
    max-height:430px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
.combined-ranking #rankingHint:empty{display:none!important}
.combined-ranking .ranking-loaded.ranking-toggle{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-height:28px;
    margin-top:3px;
    border-top:1px solid rgba(34,91,112,.55);
    color:#32d6ff;
    font:700 8px Inter,Arial,sans-serif;
    letter-spacing:.75px;
    cursor:pointer;
    user-select:none;
    transition:.15s ease;
}
.combined-ranking .ranking-loaded.ranking-toggle:hover{
    color:#b6f2ff;
    background:rgba(28,156,205,.08);
    text-shadow:0 0 7px rgba(49,210,255,.38);
}


/* ===== V6.11 — RANKING FINAL FIX: SINGLE HEADER + TOOLTIP + TOP100 BUTTON ===== */
.combined-ranking .ranking-columns{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 64px!important;
    align-items:center;
    width:100%;
    height:24px;
    padding:0 5px;
    border-bottom:1px solid #173744;
    color:#7897a5;
    font:700 8px Inter,Arial,sans-serif;
    letter-spacing:.45px;
}
.combined-ranking .ranking-columns span:first-child{text-align:center}
.combined-ranking .ranking-columns span:last-child{text-align:right}

/* Hide any accidental legacy duplicate header placed inside the OL. */
.combined-ranking #rankingList > .ranking-columns{display:none!important}

.combined-ranking .ranking-loaded.ranking-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:30px!important;
    min-height:30px!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:4px!important;
    padding:0!important;
    border-top:1px solid rgba(34,91,112,.65)!important;
    color:#39d7ff!important;
    font:700 9px Inter,Arial,sans-serif!important;
    letter-spacing:.8px!important;
    cursor:pointer!important;
}
.combined-ranking .ranking-loaded.ranking-toggle:hover{
    background:rgba(35,157,205,.10)!important;
    color:#d2f7ff!important;
    text-shadow:0 0 8px rgba(65,215,255,.5)!important;
}

.rank-tooltip{
    position:fixed;
    z-index:5000;
    width:250px;
    pointer-events:none;
    padding:12px;
    background:radial-gradient(circle at 20% 0,rgba(42,164,211,.13),transparent 40%),linear-gradient(#071d2b,#020c13);
    border:1px solid #3985a5;
    box-shadow:0 12px 28px rgba(0,0,0,.75),0 0 14px rgba(53,199,255,.08);
    clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.rank-tooltip h4{
    margin:0 0 4px;
    color:#edf7fb;
    font:700 15px Cinzel,Georgia,serif;
    text-transform:uppercase;
}
.rank-tooltip>em{
    display:block;
    margin-bottom:8px;
    color:#55d8ff;
    font:700 8px Inter,Arial,sans-serif;
    font-style:normal;
    letter-spacing:1px;
}
.rank-tooltip dl{margin:0}
.rank-tooltip dl div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:6px 3px;
    border-bottom:1px solid rgba(50,99,120,.28);
}
.rank-tooltip dt{
    color:#718b97;
    font:500 10px Inter,Arial,sans-serif;
}
.rank-tooltip dd{
    margin:0;
    text-align:right;
    color:#dce9ee;
    font:700 10px Inter,Arial,sans-serif;
}
.rank-tooltip dd.on{color:#47f07b!important}
.rank-tooltip dd.off{color:#78909a!important}

@media(max-width:720px){
    .rank-tooltip{
        position:fixed;
        left:12px!important;
        right:12px!important;
        bottom:12px!important;
        top:auto!important;
        width:auto;
        max-width:none;
        pointer-events:auto;
    }
}

/* ===== V6.12 — NEWS EXPANDS IN PLACE, SITE STAYS VISIBLE ===== */
.news{
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
}

.newsgrid{
    display:grid !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row dense !important;
    align-items:start !important;
}

.news article,
.news article.open,
.news article.featured-news{
    position:relative !important;
    z-index:auto !important;
    visibility:visible !important;
}

.news article.open.featured-news{
    grid-column:1 / -1 !important;
    order:-1 !important;
}

/* Never turn the selected news into a page-covering layer. */
.news article.open,
.news article.featured-news{
    inset:auto !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    overflow:visible !important;
}

/* Everything following the news section remains in normal document flow. */
.news + *,
.newsgrid + *{
    visibility:visible !important;
    opacity:1 !important;
}

@media(max-width:720px){
    .newsgrid{
        grid-template-columns:1fr !important;
    }
    .news article.open.featured-news{
        grid-column:1 !important;
    }
}

.wm-search-results button.own-character{
    cursor:not-allowed;
    opacity:.55;
}
.wm-search-results button.own-character small{
    color:#ba914e;
}
.wm-chat-error b{color:#ff737d}.wm-chat-error p{color:#b8787e}

/* Messages must stay readable with Latin and Cyrillic text. */
.wm-message-list .wm-bubble{
    display:block;
    width:fit-content;
    min-width:80px;
    max-width:78%;
    overflow:visible;
}
.wm-message-list .wm-bubble p{
    display:block;
    min-height:36px;
    margin:0;
    padding:10px 13px;
    overflow:visible;
    color:#d8eaf0;
    font-family:Inter,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1.55;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.wm-message-list .wm-bubble.mine p{
    color:#f2fbff;
}
.wm-message-list .wm-bubble small{
    margin-top:5px;
    font-size:8px;
}
.wm-chat-main .wm-chat-head{
    position:static;
    width:auto;
    height:60px;
    min-height:60px;
    overflow:visible;
}
.wm-chat-layout .wm-chat-main{
    height:620px;
    min-height:0;
    overflow:hidden;
    grid-template-rows:60px minmax(0,1fr) 132px;
}
.wm-chat-main .wm-message-list{
    height:auto;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
}
.wm-chat-main .wm-message-form{
    position:relative;
    z-index:2;
    height:132px;
    min-height:132px;
    overflow:hidden;
}
@media(max-width:720px){
    .wm-chat-layout .wm-chat-main{
        height:550px;
    }
}

/* WinterMu styled chat scrollbar */
.wm-chat-main .wm-message-list{
    scrollbar-width:thin;
    scrollbar-color:#2384a7 #031219;
}
.wm-chat-main .wm-message-list::-webkit-scrollbar{
    width:8px;
}
.wm-chat-main .wm-message-list::-webkit-scrollbar-track{
    background:#031219;
    border-left:1px solid rgba(57,132,160,.18);
}
.wm-chat-main .wm-message-list::-webkit-scrollbar-thumb{
    min-height:42px;
    border:2px solid #031219;
    border-radius:8px;
    background:linear-gradient(180deg,#36b8df,#176b8b);
    box-shadow:inset 0 0 4px rgba(180,241,255,.25),0 0 7px rgba(48,184,225,.16);
}
.wm-chat-main .wm-message-list::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#58d7f7,#228eb3);
}
.wm-chat-main .wm-message-list::-webkit-scrollbar-corner{
    background:#031219;
}
.wm-chat-main .wm-message-list::-webkit-scrollbar-button{
    display:none;
    width:0;
    height:0;
}

/* Staff badges sourced from STAFF MANAGEMENT / DTweb_GM_Accounts. */
.wm-chat-identity,.wm-conversation-name{display:flex;align-items:center;gap:6px}.wm-conversation-name{min-width:0}.wm-staff-badge{display:inline-flex;align-items:center;width:max-content;padding:2px 6px;border:1px solid;border-radius:9px;font:900 7px/1.2 Inter,Arial,sans-serif;font-style:normal;letter-spacing:.45px;white-space:nowrap}.wm-staff-badge[hidden]{display:none!important}.wm-staff-badge.owner{border-color:#d9a83e;background:rgba(166,104,16,.2);color:#ffd66b;box-shadow:0 0 8px rgba(224,165,52,.15)}.wm-staff-badge.administrator{border-color:#bd5be2;background:rgba(111,34,143,.2);color:#df8cff;box-shadow:0 0 8px rgba(191,80,226,.13)}.wm-staff-badge.game-master{border-color:#2caad2;background:rgba(22,112,143,.2);color:#68ddff;box-shadow:0 0 8px rgba(44,183,221,.13)}.wm-chat-identity .wm-staff-badge{padding:3px 8px;font-size:8px}.wm-search-results .wm-staff-badge{display:inline-flex;margin-left:6px;vertical-align:middle}
.wm-chat-head-actions{display:flex;align-items:center;gap:10px}.wm-chat-head-actions>span{color:#4bc58c;font-size:8px;font-weight:900}.wm-chat-head-actions button{padding:6px 9px;border:1px solid rgba(214,71,78,.48);background:rgba(115,21,27,.18);color:#ff7c83;font-size:7px;font-weight:900;letter-spacing:.45px}.wm-chat-head-actions button:hover{border-color:#ed5961;background:rgba(151,27,35,.3);color:#fff}.wm-chat-head-actions button[hidden]{display:none!important}
.wm-character-info{display:block;margin-top:3px;color:#4f9db8;font:700 8px/1.2 Inter,Arial,sans-serif;letter-spacing:.25px}.wm-character-info[hidden]{display:none!important}.wm-conversation b small.wm-conversation-character{margin-top:3px;color:#3f9dbd;font-size:7px;font-weight:800}.wm-conversation b small.wm-conversation-character+small{margin-top:3px}

/* Left account menu is kept in the render-blocking stylesheet to prevent FOUC. */
.wm-side-account{overflow:hidden}.wm-side-account-state{padding:18px 14px;text-align:center;border-bottom:1px solid rgba(80,145,168,.15);background:radial-gradient(circle at 50% 0,rgba(28,123,158,.14),transparent 68%)}
.wm-side-account-state>span{display:block;margin-bottom:7px;color:#54d8ff;font-size:28px;line-height:1}.wm-side-account-state>b{display:block;color:#e8f8ff;font-size:13px;letter-spacing:.8px}
.wm-side-account-state>small{display:block;margin-top:5px;color:#527d8c;font-size:8px;font-weight:800;letter-spacing:.8px}.wm-side-account-state.logged>b{font-size:16px}.wm-side-account-state small.is-online{color:#55df99}.wm-side-account-state small.is-offline{color:#8ca1aa}
.wm-side-login-form{padding:13px 14px 8px}.wm-side-login-form label{display:block;margin:7px 0 5px;color:#648797;font-size:8px;font-weight:900;letter-spacing:1px}.wm-side-login-form input{box-sizing:border-box;width:100%;height:36px;padding:0 10px;border:1px solid #163b4a;outline:none;background:#020c11;color:#e8f8ff;font-size:11px}
.wm-side-login-form input:focus{border-color:#2889ad;box-shadow:0 0 10px rgba(39,181,226,.08)}.wm-side-login-form button{width:100%;margin-top:12px;padding:11px 8px;border:1px solid #237899;background:linear-gradient(180deg,#0b536e,#07364b);color:#fff;font-size:9px;font-weight:900;letter-spacing:.7px;cursor:pointer}
.wm-side-register{display:block;margin:0 14px 14px;padding:9px;border:1px solid rgba(77,135,155,.22);color:#62c7e8;text-align:center;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.7px}.wm-side-login-error{margin:11px 14px 0;padding:8px;border:1px solid rgba(214,63,63,.3);background:rgba(135,18,18,.13);color:#ff8585;font-size:9px}
.wm-side-account-links{padding:8px}.wm-side-account-links a{display:flex;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid rgba(65,119,138,.13);color:#8daab5;text-decoration:none}.wm-side-account-links a:hover{background:rgba(22,94,120,.14);color:#fff}.wm-side-account-links a.active{background:rgba(22,94,120,.18);color:#fff;border-left:2px solid #51c7ed;padding-left:6px}.wm-side-account-links a>span{width:22px;color:#51c7ed;text-align:center;font-size:14px}
.wm-side-account-links a>b{flex:1;font-size:9px;letter-spacing:.5px}.wm-side-account-links a b small{display:block;margin-top:2px;color:#496d7a;font-size:7px;font-weight:700}.wm-side-account-links a>i{color:#477989;font-style:normal}.wm-side-account-links a.wm-side-admin-link{margin-top:7px;border:1px solid rgba(201,154,66,.35);background:rgba(139,91,17,.08);color:#d8bd7d}.wm-side-account-links a.wm-side-admin-link>span{color:#e0ad49}.wm-side-account-links a.wm-side-admin-link:hover{border-color:#b88a3c;background:rgba(139,91,17,.15);color:#fff}.wm-side-logout{display:block;margin:2px 8px 10px;padding:10px;border:1px solid rgba(180,57,57,.28);background:rgba(120,20,20,.08);color:#ff7777;text-align:center;text-decoration:none;font-size:9px;font-weight:900}
.wm-side-account-links a.wm-side-messages mark{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:10px;background:#e03b45;color:#fff;font:900 8px Arial,sans-serif}.wm-side-account-links a.wm-side-messages.unread{border:1px solid rgba(255,71,82,.62);background:linear-gradient(90deg,rgba(153,20,30,.2),rgba(12,70,91,.12));color:#fff;animation:wmMessagePulse 1.5s ease-in-out infinite}.wm-side-account-links a.wm-side-messages.unread>span{color:#ff6570}@keyframes wmMessagePulse{0%,100%{box-shadow:0 0 0 rgba(255,62,76,0)}50%{box-shadow:inset 0 0 18px rgba(255,62,76,.18),0 0 10px rgba(255,62,76,.22)}}
.wm-side-account-links a.wm-side-admin-link.active{padding-left:6px;border-color:#b88a3c;border-left:2px solid #e0ad49;background:linear-gradient(90deg,rgba(154,102,20,.24),rgba(22,94,120,.1));color:#fff;box-shadow:inset 0 0 16px rgba(224,173,73,.08)}

/* ===== AUCTION HOUSE ===== */
.wm-auction-shell{min-width:0}.wm-auction{overflow:hidden;padding:0!important;border-color:#1b5165;background:radial-gradient(circle at 50% 0,rgba(31,138,177,.1),transparent 38%),#030e14}.wm-auction-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(73,153,183,.24);background:linear-gradient(135deg,#092330,#04141d)}.wm-auction-titlebar .wm-kicker{color:#51c9ed;font-size:9px;font-weight:900;letter-spacing:1.8px}.wm-auction-titlebar h1{margin:5px 0 4px;color:#eefaff;font:700 27px/1 Cinzel,Georgia,serif;letter-spacing:1px}.wm-auction-titlebar p{margin:0;color:#6e929f;font-size:10px}.wm-auction-shield{display:grid;grid-template-columns:38px 1fr;align-items:center;min-width:180px;padding:11px 14px;border:1px solid rgba(59,164,201,.25);background:rgba(4,24,33,.75)}.wm-auction-shield>span{grid-row:1/3;color:#5dd9ff;font-size:24px}.wm-auction-shield b,.wm-auction-shield small{display:block}.wm-auction-shield b{color:#d7f3fc;font-size:9px;letter-spacing:.8px}.wm-auction-shield small{margin-top:3px;color:#49798a;font-size:7px}.wm-auction-message{margin:16px 20px 0;padding:11px 13px;border:1px solid #24566a;background:#08202b;color:#a9d6e5;font-size:10px}.wm-auction-message.success{border-color:rgba(61,194,124,.42);background:rgba(24,111,69,.16);color:#77eba7}.wm-auction-message.error{border-color:rgba(221,69,78,.42);background:rgba(141,25,35,.15);color:#ff8b92}.wm-auction-offline{display:grid;min-height:340px;place-content:center;padding:30px;text-align:center}.wm-auction-offline>span{color:#296b82;font-size:50px}.wm-auction-offline h2{margin:10px 0 5px;color:#a7c8d4;font:700 19px Cinzel,Georgia,serif}.wm-auction-offline p{margin:0;color:#577886;font-size:10px}.wm-auction-livebar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid rgba(70,142,168,.2);background:#041219}.wm-auction-livebar>span{color:#7bdfff;font-size:9px;font-weight:900;letter-spacing:1.2px}.wm-auction-livebar>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#45e681;box-shadow:0 0 10px #45e681;animation:wmAuctionLive 1.4s ease-in-out infinite}.wm-auction-countdown{text-align:right}.wm-auction-countdown small,.wm-auction-countdown strong{display:block}.wm-auction-countdown small{color:#527884;font-size:7px;font-weight:900;letter-spacing:1px}.wm-auction-countdown strong{margin-top:2px;color:#fff;font:700 19px/1.1 Cinzel,Georgia,serif;letter-spacing:1px}@keyframes wmAuctionLive{50%{opacity:.35;box-shadow:0 0 2px #45e681}}
.wm-auction-main{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(310px,1.1fr);min-height:500px}.wm-auction-item-card{position:relative;display:flex;min-width:0;align-items:center;flex-direction:column;padding:35px 25px 25px;border-right:1px solid rgba(66,140,166,.2);background:radial-gradient(circle at 50% 38%,rgba(35,183,125,.12),transparent 32%),#030d12;text-align:center}.wm-auction-item-glow{position:absolute;top:75px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(51,224,139,.15),transparent 68%);filter:blur(3px)}.wm-auction-item-image{position:relative;display:grid;width:180px;height:210px;place-items:center}.wm-auction-item-image:before{content:"";position:absolute;inset:10px;border:1px solid rgba(58,217,137,.12);transform:rotate(45deg);box-shadow:0 0 28px rgba(40,207,126,.05)}.wm-auction-item-image img{position:relative;z-index:1;max-width:150px;max-height:185px;image-rendering:auto;filter:drop-shadow(0 12px 15px rgba(0,0,0,.8))}.wm-auction-excellent{position:relative;margin-top:5px;padding:4px 8px;border:1px solid rgba(46,190,115,.26);background:rgba(24,111,63,.12);color:#55e594;font-size:7px;font-weight:900;letter-spacing:1px}.wm-auction-item-card h2{position:relative;margin:10px 0 13px;font:700 16px/1.3 Cinzel,Georgia,serif}.wm-auction-item-card dl{display:grid;width:min(100%,360px);grid-template-columns:1fr 1fr;margin:0;border:1px solid rgba(54,119,143,.2)}.wm-auction-item-card dl div{display:flex;justify-content:space-between;padding:8px 10px;border-right:1px solid rgba(54,119,143,.16);border-bottom:1px solid rgba(54,119,143,.16)}.wm-auction-item-card dt{color:#52737f;font-size:7px;font-weight:900}.wm-auction-item-card dd{margin:0;color:#cce3eb;font-size:8px;font-weight:900}.wm-auction-item-options{margin-top:13px;color:#42e587;font-size:9px;line-height:1.6}.wm-auction-item-card>.wm-tooltip{display:none;position:absolute;z-index:20;top:45px;left:calc(50% + 90px);min-width:230px;padding:12px;border:1px solid #327994;background:#03131c;box-shadow:0 15px 35px rgba(0,0,0,.75);color:#c7dce4}.wm-auction-item-card:hover>.wm-tooltip{display:block}
.wm-auction-bid-panel{padding:30px;background:radial-gradient(circle at 90% 0,rgba(32,124,160,.08),transparent 35%),#05141b}.wm-auction-current-bid{padding:22px;border:1px solid #1d5267;background:linear-gradient(135deg,#082634,#04151e);text-align:center;box-shadow:inset 0 0 30px rgba(25,133,174,.05)}.wm-auction-current-bid>small{display:block;color:#628b9a;font-size:8px;font-weight:900;letter-spacing:1.4px}.wm-auction-current-bid>strong{display:inline-block;margin:8px 5px 3px;color:#fff;font:700 34px/1 Cinzel,Georgia,serif;text-shadow:0 0 18px rgba(68,203,247,.18)}.wm-auction-current-bid>span{color:#54d5ff;font-size:9px;font-weight:900}.wm-auction-current-bid p{margin:10px 0 0;color:#5f8190;font-size:9px}.wm-auction-current-bid p b{color:#d5edf5}.wm-auction-rule-row{display:grid;grid-template-columns:1fr 1fr;margin:11px 0;gap:9px}.wm-auction-rule-row>span{padding:10px;border:1px solid rgba(57,123,146,.2);background:#041118}.wm-auction-rule-row small,.wm-auction-rule-row b{display:block}.wm-auction-rule-row small{color:#4d7481;font-size:7px;font-weight:900}.wm-auction-rule-row b{margin-top:4px;color:#c9e0e8;font-size:10px}.wm-auction-balance{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:10px 12px;border-left:2px solid #48cbed;background:rgba(20,88,112,.13)}.wm-auction-balance span{color:#5e8795;font-size:8px;font-weight:900}.wm-auction-balance b{color:#e5f7fc;font-size:12px}.wm-auction-bid-form{margin-top:12px}.wm-auction-bid-form>label{display:block;margin-bottom:6px;color:#7094a0;font-size:8px;font-weight:900;letter-spacing:1px}.wm-auction-bid-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto}.wm-auction-bid-form input{box-sizing:border-box;min-width:0;height:44px;padding:0 13px;border:1px solid #245f75;border-right:0;outline:none;background:#020b10;color:#fff;font:700 15px Cinzel,Georgia,serif}.wm-auction-bid-form input:focus{border-color:#46bce4;box-shadow:inset 0 0 12px rgba(44,177,222,.07)}.wm-auction-bid-form button{padding:0 23px;border:1px solid #328caf;background:linear-gradient(180deg,#0d6685,#08455e);color:#fff;font-size:9px;font-weight:900;letter-spacing:.6px;cursor:pointer}.wm-auction-bid-form button:hover{filter:brightness(1.18)}.wm-auction-bid-form>small{display:block;margin-top:6px;color:#4d727f;font-size:8px}.wm-auction-security-note,.wm-auction-login-required{margin-top:17px;padding:12px;border:1px solid rgba(56,117,139,.18);background:rgba(2,12,17,.45)}.wm-auction-security-note b,.wm-auction-login-required b{color:#84aab8;font-size:8px;letter-spacing:.8px}.wm-auction-security-note p,.wm-auction-login-required p{margin:5px 0 0;color:#4f737f;font-size:8px;line-height:1.55}
.wm-auction-bids,.wm-auction-history{border-top:1px solid rgba(69,144,171,.2);background:#030e14}.wm-auction-section-title{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(59,123,147,.16)}.wm-auction-section-title span{color:#d5ebf2;font:700 11px Cinzel,Georgia,serif}.wm-auction-section-title small{color:#4c7584;font-size:7px;font-weight:900;letter-spacing:1px}.wm-auction-bid-list{max-height:340px;overflow:auto}.wm-auction-bid-row{display:grid;grid-template-columns:35px minmax(0,1fr) auto 95px;gap:10px;align-items:center;padding:11px 20px;border-bottom:1px solid rgba(52,105,124,.12)}.wm-auction-bid-row.highest{background:linear-gradient(90deg,rgba(33,137,176,.14),transparent);box-shadow:inset 2px 0 #51d3ff}.wm-auction-bid-rank{color:#4f7785;font-size:9px;font-weight:900}.wm-auction-bid-row>strong{color:#d5e9f0;font-size:10px}.wm-auction-bid-row>strong small{display:block;margin-top:3px;color:#466d7a;font-size:7px}.wm-auction-bid-row>b{color:#65dcff;font-size:11px;text-align:right}.wm-auction-bid-row>b small{color:#527b89;font-size:7px}.wm-auction-bid-row time{color:#4d707c;font-size:8px;text-align:right}.wm-auction-empty-row{padding:30px;color:#466b78;font-size:9px;font-weight:900;text-align:center;letter-spacing:1px}.wm-auction-history{padding-bottom:8px}.wm-auction-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.wm-auction-history-grid article{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(56,115,137,.18);background:#04131a}.wm-auction-history-grid img{max-width:48px;max-height:48px;justify-self:center}.wm-auction-history-grid div small,.wm-auction-history-grid div strong,.wm-auction-history-grid div span{display:block}.wm-auction-history-grid div small{color:#47717f;font-size:7px}.wm-auction-history-grid div strong{overflow:hidden;margin:3px 0;color:#cfe5ec;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wm-auction-history-grid div span{color:#5f8795;font-size:8px}.wm-auction-history-grid article>b{color:#53cef4;font-size:10px;text-align:right}.wm-auction-history-grid article>b small{display:block;color:#4d7280;font-size:7px}
@media(max-width:900px){.wm-auction-main{grid-template-columns:1fr}.wm-auction-item-card{border-right:0;border-bottom:1px solid rgba(66,140,166,.2)}.wm-auction-history-grid{grid-template-columns:1fr}.wm-auction-titlebar{align-items:flex-start;flex-direction:column}.wm-auction-shield{min-width:0}.wm-auction-item-card>.wm-tooltip{display:none!important}}
@media(max-width:560px){.wm-auction-bid-panel{padding:18px}.wm-auction-rule-row{grid-template-columns:1fr}.wm-auction-bid-form>div{grid-template-columns:1fr}.wm-auction-bid-form input{border-right:1px solid #245f75}.wm-auction-bid-form button{height:42px}.wm-auction-bid-row{grid-template-columns:28px minmax(0,1fr) auto}.wm-auction-bid-row time{display:none}.wm-auction-livebar{align-items:flex-start;gap:10px}.wm-auction-countdown strong{font-size:15px}}

/* ===== WinterMu Mobile Optimization v1 ===== */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas{max-width:100%}

@media(max-width:980px){
  main{
    width:100%;
    max-width:none;
    display:flex!important;
    flex-direction:column;
    gap:12px;
    margin:10px auto 24px;
    padding:0 10px;
  }
  main>.center{order:1;width:100%;min-width:0}
  main>aside:first-child{order:2;width:100%;min-width:0}
  main>aside:last-child{order:3;width:100%;min-width:0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .page-shell{width:100%;max-width:none;margin:10px auto 28px;padding:0 10px}
  .content-panel{min-width:0;padding:18px}
  footer{padding-left:18px;padding-right:18px;gap:22px}
}

@media(max-width:720px){
  .top{height:28px;padding:0 10px;font-size:10px;gap:10px}
  .top span:first-child,.top span:last-child{display:none}
  .top .online{margin:0 auto}

  header{height:132px}
  .head{width:72%;opacity:.8}
  .shade{background:linear-gradient(90deg,rgba(2,12,19,.18),rgba(2,12,19,.82) 38%,rgba(2,12,19,.82) 62%,rgba(2,12,19,.18))}
  .logo{padding:0 12px;font-size:clamp(28px,9vw,38px);text-align:center;white-space:nowrap}
  .logo small{font-size:7px;letter-spacing:4px}

  main{padding:0 8px;margin-top:8px}
  main>aside:last-child{display:flex!important;flex-direction:column}
  .panel{padding:11px}
  .content-panel{padding:14px}
  .page-shell{padding:0 8px;margin-top:8px}
  .page-title{font-size:20px;line-height:1.2}

  .hero{height:340px}
  .copy{width:100%;padding:28px 18px 20px}
  .copy h1{font-size:clamp(30px,10vw,38px)!important;line-height:1.05}
  .copy p{max-width:100%;font-size:12px!important}
  .copy .big{width:100%;padding:11px 16px}
  .heroart{width:100%;opacity:.32;background-position:60% center}
  .dots{left:50%;transform:translateX(-50%)}

  .features{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 2px}
  .features div{min-height:54px;padding:6px;border-bottom:1px solid #173541}
  .media{grid-template-columns:1fr}

  input,select,textarea,button{max-width:100%}
  input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{font-size:16px}

  footer{grid-template-columns:1fr 1fr;padding:22px 16px;gap:20px}
  footer>div:first-child,.legend{grid-column:1/-1;text-align:center}
  footer p{max-width:none}
  .copyright{height:auto;min-height:48px;padding:10px 12px;flex-direction:column;gap:4px;text-align:center;line-height:1.5}

  #tooltip,.wm-tooltip{display:none!important}
}

@media(max-width:520px){
  header{height:118px}
  .logo{font-size:clamp(25px,8.5vw,33px)}
  .logo small{font-size:6px;letter-spacing:3px}
  .panel,.hero{clip-path:none}
  .features{grid-template-columns:1fr}
  .features div{border-right:0}
  footer{grid-template-columns:1fr;text-align:center}
  footer>div:first-child,.legend{grid-column:auto}
  .thumbs{grid-template-columns:repeat(2,1fr)}
}
