.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-head h2{font-size:33px;margin:4px 0}.section-head p{color:var(--muted);font:11px/1.6 Arial;margin:0}.live-note{display:inline-flex;align-items:center;gap:8px;color:#8b9298;font:800 9px Arial;letter-spacing:.08em}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.wait{background:#d6a44d;box-shadow:0 0 10px #d6a44d88}.dot.ok{background:var(--green);box-shadow:0 0 10px #49d87988}.dashboard{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:15px}.panel{border:1px solid #3b2c1c;background:linear-gradient(#0f1215,#080a0c);box-shadow:0 18px 50px #0007;min-height:318px;position:relative;overflow:hidden}.panel:before{content:'';position:absolute;inset:5px;border:1px solid #d6a44d13;pointer-events:none}.panel-head{padding:18px 20px;border-bottom:1px solid #2c2319;display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;color:#f3d391;font-size:20px}.tabs{display:flex;gap:6px}.tab{border:1px solid #3a4148;background:#090b0d;color:#8e9499;padding:7px 10px;font:900 8px Arial;cursor:pointer}.tab.active,.tab:hover{border-color:#8b622f;color:#f0cf8d;background:#1a1209}.rank-table{width:100%;border-collapse:collapse}.rank-table th,.rank-table td{padding:10px 13px;border-bottom:1px solid #181d21;font:10px Arial;text-align:left}.rank-table th{color:#697077;font-size:8px;letter-spacing:.08em}.rank-table td:first-child{color:#d5af69;font-weight:900}.placeholder{color:#535a60}.panel-foot{position:absolute;left:0;right:0;bottom:0;padding:11px 14px;border-top:1px solid #2c2319;color:#8d8474;font:9px Arial;background:#0b0d0f}.online-total{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2025}.online-total small{color:#747b81;font:9px Arial;letter-spacing:.1em}.online-total strong{font-size:38px;color:#f2d99a}.nations{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.nation{padding:17px;border:1px solid #27303a;background:#0a0d10}.nation.el{border-color:#21466f}.nation.karus{border-color:#6c2823}.nation h4{margin:0 0 10px;font:900 11px Arial;letter-spacing:.1em}.nation.el h4{color:#8fc3ff}.nation.karus h4{color:#ff9b87}.nation strong{font-size:32px}.nation span{display:block;margin-top:5px;color:#6f767c;font:9px Arial}.status-list{padding:12px}.status-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 11px;border-bottom:1px solid #1d2226}.status-row:last-child{border-bottom:0}.status-row b{font:800 10px Arial}.status-row span{font:800 9px Arial;color:#c39b58}.status-row .up{color:#69d987}.world{padding-top:12px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.world-card{min-height:270px;border:1px solid #49341f;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:25px;background-size:cover;background-position:center;transition:.25s}.world-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 16%,#050607e8 100%)}.world-card:hover{transform:translateY(-3px);border-color:#a87631;box-shadow:0 0 36px #d66a2424}.world-card.moradon{background-image:url('assets/moradon-1299.jpg')}.world-card.nation{background-image:url('assets/hero-1299-hd.jpg');background-position:72% center}.world-card.cz{background-image:url('assets/hero-1299-hd.jpg');background-position:center 42%}.world-copy{position:relative;z-index:1}.world-copy small{color:#e1ad5b;font:900 9px Arial;letter-spacing:.16em}.world-copy h3{font-size:29px;margin:5px 0}.world-copy p{font:11px Arial;color:#c4c1ba;margin:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.news-list,.guide{border:1px solid #322619;background:#090c0e}.news-row{display:grid;grid-template-columns:74px 1fr;gap:14px;padding:15px 18px;border-bottom:1px solid #1b2024}.news-row:last-child{border-bottom:0}.news-row time{color:#b88b4e;font:900 9px Arial}.news-row b{display:block;font-size:14px}.news-row span{display:block;color:#6e7479;font:10px Arial;margin-top:5px}.guide-head{padding:18px;border-bottom:1px solid #2a2118;display:flex;justify-content:space-between;align-items:center}.guide-head h3{margin:0;font-size:22px;color:#f1d18d}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.guide-item{min-height:105px;padding:16px;border:1px solid #353a3e;background:linear-gradient(145deg,#0e1215,#080a0c);display:flex;flex-direction:column;justify-content:space-between;transition:.2s;cursor:pointer}.guide-item:hover{border-color:#9d7436;box-shadow:0 0 24px #b76a2420}.guide-item b{font-size:15px}.guide-item span{font:9px Arial;color:#70777d;line-height:1.5}.guide-item em{font-style:normal;color:#d7aa5c;font:900 8px Arial;letter-spacing:.08em}.toast{position:fixed;right:20px;bottom:20px;z-index:120;padding:14px 18px;border:1px solid #7a572d;background:#100d08;color:#e6c98c;font:11px Arial;box-shadow:0 14px 45px #000b;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.footer{border-top:1px solid #191d20;padding:30px 0 44px;color:#5e656a;font:10px Arial}.footerrow{display:flex;justify-content:space-between;gap:20px}@media(max-width:1120px){html{font-size:16px}.navlinks{display:none}.hero-grid{grid-template-columns:1fr}.play-stage{min-height:320px}.count-card{grid-template-columns:1fr}.count-intro{text-align:center;border-right:0;border-bottom:1px solid #9f71332e}.dashboard{grid-template-columns:1fr}.panel{min-height:320px}.world-grid,.content-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.shell{width:calc(100% - 20px)}.nav{height:75px}.actions .btn:nth-child(2){display:none}.btn{padding:0 10px}.hero{min-height:830px}.hero-grid{padding:58px 0 100px}.title{font-size:64px}.slogan{font-size:29px}.lead{font-size:14px}.playdisc{width:190px;height:190px}.countdown{margin-top:-35px}.count-frame{padding:5px}.count-intro h2{font-size:29px}.time b{font-size:38px}.timer{padding:15px}.guide-grid{grid-template-columns:1fr}.footerrow{flex-direction:column}}
/* hero image correction: keep the original battle scene fully visible and sharper */
.hero:before{content:'';position:absolute;inset:-18px;z-index:-3;background:url('https://s3.eu-central-1.amazonaws.com/images.gamesatis.com/app/public/content/705/content_knight-online-castle-siege-war-csw.jpg') center center/cover no-repeat;filter:blur(13px) brightness(.42) saturate(1.18);transform:scale(1.04)}
.hero:after{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 29%,rgba(0,0,0,.08) 57%,rgba(0,0,0,.18) 100%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 68%,#050607 100%),url('https://s3.eu-central-1.amazonaws.com/images.gamesatis.com/app/public/content/705/content_knight-online-castle-siege-war-csw.jpg');background-size:cover,cover,auto 100%;background-position:center,center,center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}