*{box-sizing:border-box}html,body{margin:0;padding:0;background:#020507;color:#d7d7d7;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url('../img/background.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed}.site{width:min(1240px,calc(100% - 24px));margin:0 auto;background:#03080b;box-shadow:0 0 26px rgba(0,0,0,.85)}.hero{aspect-ratio:1672/396;background:url('../img/hero.png') center/100% 100% no-repeat;border-bottom:1px solid #9a5c0a}.nav{display:flex;background:linear-gradient(#0d1012,#050708);border-bottom:1px solid #9a5c0a;min-height:42px}.nav a{flex:1;text-decoration:none;color:#e1aa46;font:700 11px Georgia,serif;text-align:center;padding:14px 8px;border-right:1px solid #2b2419;text-transform:uppercase}.nav a:hover,.nav a.active{background:linear-gradient(#2b2113,#0a0907);color:#ffd16f}.statusbar{height:38px;display:flex;align-items:center;justify-content:center;gap:22px;color:#82735d;font-size:10px;letter-spacing:1px;border-bottom:1px solid #242424}.statusbar b{color:#d99b31}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#11d967;box-shadow:0 0 7px #11d967}.wrap{padding:12px}.grid{display:grid;grid-template-columns:205px minmax(0,1fr) 215px;gap:10px;align-items:start}.panel{border:1px solid #6c4718;background:rgba(3,8,11,.96);margin-bottom:10px}.panel h3{margin:0;padding:9px 10px;color:#e3a63b;font:700 13px Georgia,serif;text-transform:uppercase;background:linear-gradient(#16120c,#080807);border-bottom:1px solid #6c4718}.event,.rank-row,.server-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-bottom:1px solid #2c2c2c;font-size:10px}.event:last-child,.rank-row:last-child,.server-row:last-child{border-bottom:0}.event span:last-child{color:#e7a22d;font-weight:bold}.rank-head{font-weight:bold;color:#b9b9b9}.rank-row .lvl{color:#e9b454}.news-head{display:flex;justify-content:space-between;align-items:center;padding-right:10px}.view{font-size:9px;color:#d69c33;text-decoration:none}.news-item{display:grid;grid-template-columns:100px 1fr 72px;gap:10px;padding:9px 10px;border-bottom:1px solid #382a18;align-items:center}.news-thumb{height:48px;border:1px solid #77501e;background:linear-gradient(135deg,#0b3b65,#050709 52%,#612517)}.news-title{margin:0 0 4px;color:#e5a23d;font:700 13px Georgia,serif}.news-desc{font-size:9px;line-height:1.35;color:#c7c7c7}.news-date{font-size:8px;color:#837d70;text-align:right}.cta-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #6c4718;margin-top:9px}.cta{padding:12px 8px;text-align:center;border-right:1px solid #6c4718;color:#e2a83e;text-decoration:none;font:700 12px Georgia,serif}.cta:last-child{border-right:0}.cta small{display:block;margin-top:3px;font:8px Arial;color:#9b9b9b}.login{padding:8px}.login input{width:100%;height:30px;margin-bottom:6px;padding:0 9px;background:#080d10;color:#ddd;border:1px solid #574021;outline:none}.login button{width:100%;height:30px;border:1px solid #b27627;background:linear-gradient(#b87827,#6b3d0c);color:#fff;font:700 12px Georgia;cursor:pointer}.login-links{display:flex;justify-content:space-between;gap:5px;margin-top:6px;font-size:8px}.login-links a{color:#d0922e;text-decoration:none}.join{height:78px;background:url('../img/join.jpg') center/cover no-repeat;border:1px solid #6c4718;margin-bottom:10px}.green{color:#28e071}.footer{margin-top:4px;padding:18px 24px 26px;border-top:1px solid #4b3c2a;color:#777;font-size:9px}.footer .links{margin-bottom:14px}.footer a{color:#878787;text-decoration:none;margin-right:13px}.content-page{min-height:360px;border:1px solid #6c4718;background:rgba(3,8,11,.96);padding:18px}.content-page h2{margin-top:0;color:#e4a743;font:700 18px Georgia}.content-page p{font-size:12px;line-height:1.6}.form{max-width:420px}.form label{font-size:11px;color:#c99a50}.form input{width:100%;height:34px;margin:5px 0 11px;padding:0 10px;background:#070c0f;border:1px solid #5d4424;color:#eee}.form button{padding:9px 22px;background:#8a5318;color:#fff;border:1px solid #d09237}.notice{padding:10px;border:1px solid #5e4927;background:#141006;color:#d8b56f;font-size:11px}.table{width:100%;border-collapse:collapse;font-size:11px}.table th,.table td{padding:9px;border-bottom:1px solid #292929;text-align:left}.table th{color:#dda33e}@media(max-width:900px){body{background-image:none}.site{width:100%}.grid{grid-template-columns:1fr}.left{order:2}.center{order:1}.right{order:3}.nav{flex-wrap:wrap}.nav a{flex:1 0 25%}.news-item{grid-template-columns:72px 1fr}.news-date{display:none}}@media(max-width:560px){.nav a{flex:1 0 50%}.statusbar{gap:8px;font-size:8px}.wrap{padding:7px}.news-thumb{height:42px}.hero{min-height:112px}.cta-row{grid-template-columns:1fr}.cta{border-right:0;border-bottom:1px solid #6c4718}}

.top-tools{position:fixed;z-index:50;right:18px;top:12px;padding:7px 9px;background:rgba(2,7,10,.88);border:1px solid #6c4718;color:#9d8a6c;font-size:10px;box-shadow:0 3px 14px #000}
.top-tools a{display:inline-block;margin-left:5px;padding:4px 7px;border:1px solid #493418;color:#d8a14a;text-decoration:none;font-weight:bold}
.top-tools a.sel,.top-tools a:hover{background:#9b621d;color:#fff}
.hero{width:calc(100% + 180px);margin-left:-90px;max-width:none;aspect-ratio:1672/396;background-size:cover;background-position:center}
.news-head h3{border:0!important;flex:1}.right-view{float:right}.status-online{float:right;font:10px Arial}
.news-item{color:inherit;text-decoration:none;transition:.18s}.news-item:hover{background:#10100d}.readmore{display:inline-block;margin-top:5px;color:#d49a34;font-size:8px;font-weight:bold}
.article{border:1px solid #6c4718;background:rgba(3,8,11,.97);padding:18px 22px;min-height:480px}
.back{color:#d49a34;text-decoration:none;font-size:10px}.article-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #6c4718;margin-top:12px}
.article-title h1{color:#e5aa42;font:700 24px Georgia;margin:10px 0}.article-title span{color:#777;font-size:9px;margin-bottom:12px}
.article-hero{height:155px;margin:14px 0;border:1px solid #5f421e;background:linear-gradient(100deg,rgba(4,40,72,.65),rgba(0,0,0,.3),rgba(91,21,12,.68)),url('../img/hero.png') center 42%/cover}
.article-body{max-width:820px;padding:6px 4px 30px;font-size:13px;line-height:1.55;color:#c7c7c7}.article-body h3{margin:22px 0 6px;color:#e0a13b;font:700 18px Georgia}.article-body b{color:#e2b15d}
.news-list-card{display:grid;grid-template-columns:130px 1fr 90px;gap:14px;align-items:center;padding:12px;border-bottom:1px solid #382a18;text-decoration:none;color:#ccc}
.news-list-card:hover{background:#0c0f10}.news-list-card .news-thumb{height:70px}.news-list-card h3{margin:0 0 5px;color:#e2a43e;font:700 15px Georgia}.news-list-card p{margin:0 0 7px!important;font-size:10px!important}.news-list-card b{color:#d49a34;font-size:9px}.news-list-card time{text-align:right;color:#777;font-size:8px}
@media(max-width:1300px){.hero{width:100%;margin-left:0}.top-tools{position:absolute}}

/* V4 - Latest News like the supplied reference screenshot */
.reference-news{min-height:470px}
.reference-news .news-head{display:flex;align-items:center;justify-content:space-between}
.reference-news-body{padding:13px 16px 8px;background:
linear-gradient(90deg,rgba(12,35,48,.95),rgba(18,58,82,.82),rgba(12,35,48,.95));
font-size:11px;line-height:1.18;color:#c8d6df}
.reference-news-body .intro{margin:0 0 12px;font-size:11px;color:#dbe8ee}
.reference-news-body h4{margin:12px 0 2px;font:700 17px/1 Georgia,serif;color:#d5e7f2;text-shadow:0 1px 0 #000}
.reference-news-body p{margin:0 0 5px}
.reference-news-body b{color:#e8edf0}
.reference-news-footer{padding:8px 14px;text-align:right;border-top:1px solid #6c4718}
.reference-news-footer a{color:#d49a34;text-decoration:none;font-size:9px;font-weight:bold}
@media(min-width:1100px){
  .grid{grid-template-columns:205px minmax(0,1fr) 205px}
  .reference-news{min-height:500px}
  .reference-news-body{min-height:438px}
}

/* V5 HYBRID: wider AngelMU layout + centered tables */
.site{
  width:min(1420px,calc(100% - 20px));
  max-width:none;
}
.wrap{padding:14px}
.grid{
  grid-template-columns:245px minmax(0,1fr) 245px;
  gap:14px;
}
.hero{
  width:calc(100% + 150px);
  margin-left:-75px;
}
.panel h3{text-align:center}
.rank-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 74px;
  text-align:center;
  justify-content:initial;
}
.rank-row>span{display:block;text-align:center}
.table{
  width:min(100%,1050px);
  margin-left:auto;
  margin-right:auto;
  table-layout:auto;
}
.table th,.table td{text-align:center;vertical-align:middle}
.content-page>table,
.content-page .table-responsive,
.content-page form,
.content-page .notice{
  margin-left:auto;
  margin-right:auto;
}
.reference-news-body{padding-left:24px;padding-right:24px}
@media(max-width:1480px){
  .site{width:calc(100% - 16px)}
  .hero{width:100%;margin-left:0}
}
@media(max-width:980px){
  .site{width:100%}
  .grid{grid-template-columns:1fr}
}

/* V6 auth bridge */
.auth-error{margin:0 0 10px;padding:9px 10px;border:1px solid #7d2b23;background:#2a0b09;color:#ffaaa0;font-size:12px}.wide-error{max-width:700px;margin:0 auto 16px}.account-action{display:block;text-align:center;margin-top:8px;padding:10px;border:1px solid #8b5c20;background:linear-gradient(#23170b,#0b0907);color:#e4a43a;text-decoration:none;font-weight:bold}.logged-box{padding-bottom:6px}