:root{--bg:#080c12;--panel:#111924;--panel2:#18212c;--gold:#d9b775;--goldBright:#ffe0a2;--text:#e8e9e9;--muted:#9aa6b2;--red:#b74b42;--line:rgba(225,189,120,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{height:82px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,221,170,.16);background:linear-gradient(180deg,rgba(4,8,15,.9),rgba(4,8,15,.35))}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.brand-icon{width:42px;height:50px;display:grid;place-items:center;filter:drop-shadow(0 0 12px rgba(231,151,49,.4))}.brand-main{font:900 24px/1 Cinzel,Georgia,serif;letter-spacing:.14em;color:#efdbaf}.brand-sub{font:600 9px/2 Inter,sans-serif;letter-spacing:.36em;color:#d3a85e}.desktop-nav{display:flex;align-items:center;gap:32px;margin:auto}.desktop-nav a{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#c7c6c5;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--goldBright)}.header-actions{display:flex;align-items:center;gap:12px}.login-link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:none;border:0;color:#fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 22px;border:1px solid #bb9458;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{color:#17120b;background:linear-gradient(125deg,#ffe4a9,#c99a50 54%,#f0cb83);box-shadow:inset 0 1px 0 #ffe6b2,0 6px 30px #dba75623}.btn-outline{color:#f7dfad;background:#070d16ab;border-color:#d1ad6a}.btn-outline:hover{background:#b98b4322}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{position:relative;min-height:740px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse 35% 50% at 75% 51%,rgba(201,88,26,.3),transparent 75%),radial-gradient(ellipse 50% 50% at 40% 66%,rgba(49,72,91,.23),transparent 75%),linear-gradient(108deg,#060a11 5%,#0b1722 52%,#171019 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050910 4%,#050910d9 30%,#07111b44 68%,#09090cbc),linear-gradient(0deg,#080c12 0%,transparent 28%);z-index:2}.hero-glow{position:absolute;right:10%;top:16%;width:440px;height:550px;background:radial-gradient(ellipse,#eb8b2e38,transparent 65%);filter:blur(22px)}.sky-runes{position:absolute;inset:0;opacity:.3;background-image:repeating-linear-gradient(115deg,transparent 0px,transparent 95px,#b2a17913 96px,transparent 98px)}.hero-art{position:absolute;z-index:1;right:7%;bottom:80px;width:min(560px,50vw);height:540px;display:flex;align-items:center;justify-content:center;opacity:.95;filter:drop-shadow(0 8px 30px #000)}.hero-art svg{width:100%;height:100%}.hero-content{z-index:4;position:relative;padding-top:95px;padding-bottom:80px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.35em;color:#e9c37d;font-weight:800}.eyebrow:before{content:"✦";padding-right:12px;color:#a67940}.hero h1{font:700 clamp(44px,5.4vw,81px)/1.08 Cinzel,Georgia,serif;margin:25px 0 20px;letter-spacing:-.035em;text-shadow:0 7px 25px #000;color:#f6f0e6}.hero h1 span{display:block;color:var(--gold);font-size:.75em;letter-spacing:.045em;margin-top:9px}.hero-desc{color:#c0c5c8;max-width:485px;font-size:15px;line-height:1.85}.hero-buttons{display:flex;gap:14px;margin-top:33px;flex-wrap:wrap}.hero-buttons .btn{min-height:54px;min-width:172px}.hero-kicker{margin-top:35px;display:flex;gap:27px;flex-wrap:wrap;color:#bac0c6;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-kicker strong{color:#f0d397}.hero-kicker span+span:before{content:"◆";color:#a07c49;padding-right:27px;font-size:7px}.hero-bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;height:80px;background:linear-gradient(90deg,#101823f5,#17202bee);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.status-item{display:flex;gap:13px;align-items:center}.status-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #bb93563b;color:var(--gold);font-size:20px}.status-label{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#9aa8b4;font-weight:800}.status-value{font-size:14px;font-weight:800;margin-top:5px}.online-dot{display:inline-block;width:7px;height:7px;background:#7dcfa1;border-radius:50%;box-shadow:0 0 12px #7dcfa1;margin-right:8px}.status-line{height:34px;width:1px;background:#d0b88526}.main{padding:80px 0 90px;background:radial-gradient(ellipse 80% 25% at 50% 0%,#1b29354a,transparent),#080c12}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#bc955e;font-weight:800}.section-title{font:700 28px Cinzel,Georgia,serif;color:#f1e8d7;margin:8px 0 0}.view-all{color:#e6c48b;font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:20px;margin-bottom:75px}.feature-card{min-height:239px;padding:30px 27px;background:linear-gradient(155deg,#1a2731,#0b111a 78%);border:1px solid var(--line);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:180px;height:180px;right:-60px;bottom:-90px;border:1px solid #b98d4a22;transform:rotate(45deg)}.feature-card:first-child{background:radial-gradient(circle at 85% 80%,#6e271e75,transparent 60%),linear-gradient(155deg,#253039,#0b111a 90%)}.feature-icon{font-size:31px;color:var(--gold);margin-bottom:27px}.feature-card h3{font:700 19px Cinzel,Georgia,serif;margin:0 0 12px;color:#f4e6cd}.feature-card p{color:#aab3bb;font-size:12px;line-height:1.9;margin:0 0 18px;max-width:260px}.feature-card a{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:34px}.panel{background:linear-gradient(#131d28,#0e151f);border:1px solid var(--line)}.news-item{display:grid;grid-template-columns:114px 1fr;gap:20px;padding:18px;border-bottom:1px solid #d9bd8822}.news-item:last-child{border:0}.news-art{min-height:91px;background:linear-gradient(140deg,#50342c,#181d29 65%);display:grid;place-items:center;color:#d8aa65;font-size:37px;position:relative;overflow:hidden}.news-item:nth-child(2) .news-art{background:linear-gradient(140deg,#36475a,#151923)}.news-item:nth-child(3) .news-art{background:linear-gradient(140deg,#3f352a,#151923)}.news-meta{display:flex;gap:12px;align-items:center;color:#8694a0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.news-tag{color:#e0b66c}.news-item h3{font-size:14px;color:#f1ece6;margin:10px 0 7px}.news-item p{font-size:12px;line-height:1.55;color:#9eabb5;margin:0}.rank-tabs{display:flex;border-bottom:1px solid #bda07137}.rank-tab{flex:1;padding:16px 7px;background:transparent;border:0;border-bottom:2px solid transparent;color:#94a0aa;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.rank-tab.selected{color:#e8be73;border-color:#d4a864}.rank-row{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #ffffff0e;font-size:12px}.rank-pos{font-family:Cinzel,Georgia,serif;font-weight:800;color:#c6a166}.rank-name{font-weight:700;color:#e5e7e9}.rank-class{font-size:10px;color:#8996a0;margin-top:5px}.rank-score{color:#d5b57e;font-weight:800}.rank-row:last-child{border:0}.bottom-cta{margin-top:73px;padding:36px 44px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #b18b5457;background:radial-gradient(circle at 70% 80%,#5c392b56,transparent 50%),linear-gradient(100deg,#192632,#111821)}.bottom-cta h2{font:700 24px Cinzel,Georgia,serif;margin:0 0 9px;color:#f3e4c8}.bottom-cta p{color:#aeb6bf;font-size:12px;line-height:1.7;margin:0}.footer{border-top:1px solid var(--line);padding:32px 0;color:#85909b;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:#d1b079;margin-left:18px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#020408d9;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(430px,100%);padding:35px;background:linear-gradient(135deg,#202c36,#0e141d);border:1px solid #c49a5b6e;box-shadow:0 30px 90px #000}.modal h2{margin:0 0 24px;font:700 26px Cinzel,Georgia,serif;color:#efdfc0}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#ddd;font-size:27px}.field{display:block;margin:0 0 17px}.field span{display:block;color:#b7c1c7;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:9px}.field input{width:100%;background:#080e15;border:1px solid #45505b;color:#f5f5f5;padding:13px;outline:0}.field input:focus{border-color:#d8ab66}.modal .btn{width:100%}.modal-note{font-size:11px;line-height:1.7;color:#9ba7b2;margin-top:18px}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;right:24px;z-index:101;padding:16px 20px;background:#182632;border:1px solid var(--gold);font-size:12px;color:#f5e6cc;box-shadow:0 10px 30px #0008;max-width:350px;display:none}.toast.visible{display:block}
@media(max-width:1050px){.brand{min-width:190px}.desktop-nav{gap:17px}.hero-art{right:-5%;width:56vw}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:first-child{grid-column:span 2}.content-grid{gap:20px}}
@media(max-width:760px){.site-header{height:68px}.container{width:min(100% - 30px,1180px)}.brand{min-width:0}.brand-main{font-size:19px}.brand-sub{font-size:7px}.desktop-nav,.header-actions .btn,.login-link{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.mobile-nav{position:absolute;top:68px;left:0;right:0;background:#0a121b;border-bottom:1px solid var(--line);display:none;padding:20px}.mobile-nav.open{display:grid;gap:20px}.mobile-nav a,.mobile-nav button{background:none;border:0;padding:0;color:#f0d59f;text-align:left;text-transform:uppercase;font-size:12px;letter-spacing:.15em}.hero{min-height:730px;align-items:flex-start}.hero-art{right:-140px;top:115px;width:530px;height:540px;opacity:.5}.hero:before{background:linear-gradient(90deg,#050910dc,#0509107a),linear-gradient(0deg,#080c12,transparent 35%)}.hero-content{padding-top:175px}.hero h1{font-size:clamp(40px,11vw,63px)}.hero-desc{max-width:400px}.hero-bottom{height:auto;min-height:96px}.status-wrap{flex-wrap:wrap;gap:14px;padding:16px 0}.status-line{display:none}.status-item{flex:1 1 42%}.status-icon{display:none}.status-label{font-size:8px}.status-value{font-size:11px}.hero-kicker{font-size:9px;gap:10px}.hero-kicker span+span:before{padding-right:10px}.main{padding-top:55px}.feature-grid,.content-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto}.feature-card{min-height:185px}.section-head{align-items:start}.section-title{font-size:23px}.bottom-cta{padding:28px;align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column}.footer a{margin:0 15px 0 0}}
@media(max-width:430px){.brand-icon{width:31px}.hero-buttons .btn{flex:1;min-width:140px;padding:0 9px}.hero h1{font-size:39px}.news-item{grid-template-columns:85px 1fr;gap:13px;padding:12px}.news-art{min-height:85px}.news-item h3{font-size:12px}.news-item p{font-size:11px}}

/* Season III treatment — antique brass, violet magic, stone and ember */
:root{--bg:#0b090d;--panel:#17141b;--panel2:#211b23;--gold:#caa064;--goldBright:#ffe0a0;--muted:#a69b9d;--line:rgba(205,159,99,.32)}
body{background:#0b090d;background-image:radial-gradient(ellipse at 10% 30%,#27172233,transparent 45%)}
.site-header{background:linear-gradient(180deg,#120d12f7,#140e14bf);border-bottom:1px solid #a77a4a65;box-shadow:0 7px 30px #0007}
.brand-main{font-size:26px;letter-spacing:.095em;text-shadow:0 2px 1px #000,0 0 19px #a85f2855}
.brand-sub{color:#e7ba76}
.hero{min-height:790px;background:radial-gradient(ellipse 35% 60% at 78% 44%,#9c5e2240,transparent 73%),radial-gradient(ellipse 55% 60% at 87% 30%,#51446545,transparent 78%),linear-gradient(100deg,#0a090d,#19151b 54%,#33221f)}
.hero:before{background:linear-gradient(90deg,#08070bcf 4%,#0a080cb8 40%,#100d1366 72%,#0d090db0),linear-gradient(0deg,#0b090d 1%,transparent 45%),repeating-linear-gradient(90deg,#aa794405 0 2px,transparent 2px 90px)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,#0008,transparent 19%,transparent 80%,#0b090d);box-shadow:inset 0 0 140px 35px #070508b5}
.hero-art{right:4%;bottom:64px;transform:scale(1.13);filter:drop-shadow(0 0 30px #ae673c75) drop-shadow(0 12px 32px #000)}
.hero-art:before{content:"";position:absolute;inset:4% -14% 0;border-radius:50%;background:radial-gradient(ellipse,#d9a26423 0,#64356a26 29%,transparent 66%);filter:blur(22px)}
.hero-content{max-width:1180px}.hero h1{color:#f7ede0;text-shadow:0 3px 2px #000,0 10px 28px #000;font-size:clamp(46px,5.8vw,89px);letter-spacing:-.045em}
.hero h1 span{color:#ecc38a;font-size:.59em;letter-spacing:.16em;text-shadow:0 0 36px #b9874a66}
.eyebrow{color:#f0ce97;letter-spacing:.2em}.hero-desc{color:#c8bdb6}.hero-kicker{color:#d2bba6}
.era-line{font-family:Cinzel,serif;font-size:10px;letter-spacing:.25em;color:#bc965c;margin-bottom:20px;display:flex;align-items:center;gap:12px}.era-line span{color:#e4bb83}
.hero-medallion{position:absolute;z-index:3;right:12%;top:18%;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;border:2px solid #b98548a3;outline:1px solid #b9854861;outline-offset:7px;color:#f8d4a3;font:700 48px Cinzel,serif;transform:rotate(10deg);opacity:.7;text-shadow:0 0 22px #f9a8546e;box-shadow:inset 0 0 22px #996c2730,0 0 29px #bb813027}
.embers{pointer-events:none;position:absolute;inset:0;z-index:3;background-image:radial-gradient(circle,#ffd389 1px,transparent 2px),radial-gradient(circle,#e6aa62 1px,transparent 2px);background-size:143px 173px,211px 197px;background-position:20px 60px,90px 10px;opacity:.24;animation:embersDrift 22s linear infinite}@keyframes embersDrift{to{background-position:20px -480px,90px -300px}}
.btn-gold{background:linear-gradient(145deg,#ffe4a5,#b98139 51%,#d9ac6b);border-color:#ffe0a680;box-shadow:inset 0 1px #fff4cb70,0 0 24px #bd813b24}.btn-outline{background:#140e14cf}
.hero-bottom{background:linear-gradient(90deg,#1d141a,#211821ee);border-top:1px solid #b38a58a8;border-bottom:1px solid #a9815250}
.main{background:radial-gradient(ellipse 85% 40% at 50% 0,#3e2b2f39,transparent),repeating-linear-gradient(90deg,#d9b07804 0 1px,transparent 1px 100px),#0b090d;padding-top:55px}
.world-divider{font:700 11px Cinzel,serif;color:#b99769;letter-spacing:.17em;text-align:center;padding:0 0 57px}.world-divider span{color:#71573b;margin:0 16px}
.season-stamp{font:700 10px Cinzel,serif;letter-spacing:.17em;padding:11px 16px;border:1px solid #a9815270;color:#d7ac71}
.section-title{color:#f3dfbd}.feature-card,.panel{border:1px solid #b48b5861;background:linear-gradient(155deg,#251d22,#120f16 78%);box-shadow:inset 0 1px #e9bf6a0c,0 12px 30px #0004}
.feature-card{border-top:2px solid #a87d4f}.feature-card:first-child{background:radial-gradient(circle at 95% 100%,#703d3575,transparent 65%),linear-gradient(155deg,#30242a,#100d14 90%)}
.feature-icon{color:#e3ba7e;text-shadow:0 0 22px #d89a6470}.feature-number{color:#9b7860;font-size:9px;font-weight:800;letter-spacing:.19em;margin-top:-17px;margin-bottom:22px}.feature-card p,.news-item p{color:#b8a9a5}
.event-strip{border-top:1px solid #b28a59;border-bottom:1px solid #b28a5970;background:linear-gradient(90deg,#291d23,#1a151c);padding:19px 21px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:-38px 0 68px;box-shadow:0 12px 25px #0005}
.event-strip-label{display:flex;align-items:center;gap:12px;margin-right:auto}.event-strip-label strong{display:block;font:700 11px Cinzel,serif;color:#eed6ac;letter-spacing:.09em}.event-strip-label small{display:block;color:#aa9995;font-size:10px;margin-top:5px}.event-glyph{font-size:27px;color:#dcb47c}.event-pill{border:1px solid #ae855054;background:#0c0a0d68;color:#e1c39a;padding:11px 14px;font-size:11px}.event-note{color:#98857e;font-size:10px;font-style:italic}
.rank-pos,.rank-score,.news-tag{color:#e2b875}.rank-row:hover,.news-item:hover{background:#a97a3911}.bottom-cta{border-color:#c79a60a8;background:radial-gradient(circle at 90% 85%,#65433266,transparent 60%),linear-gradient(100deg,#2d2228,#141017)}
@media(max-width:760px){.hero{min-height:760px}.hero-art{right:-150px;transform:scale(1);opacity:.46}.hero-medallion{right:10%;top:12%;transform:scale(.7)}.hero:before{background:linear-gradient(90deg,#09080de8,#09080d7a),linear-gradient(0deg,#0b090d,transparent 40%)}.hero-content{padding-top:173px}.world-divider{font-size:9px;line-height:2}.event-strip{margin:-25px 0 45px}.event-note{display:none}.season-stamp{display:none}}
@media(prefers-reduced-motion:reduce){.embers{animation:none}}

/* Season III — performance-friendly cinematic mist.
   Two composite-only layers: no canvas, particles, animated filter or background-position. */
.hero { isolation:isolate; }
.hero-glow { filter:none; background:radial-gradient(ellipse,rgba(185,100,51,.2),transparent 67%); }
.cinematic-fog { position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; contain:layout paint; }
.fog-layer { position:absolute; top:20%; bottom:6%; left:-45%; width:190%; opacity:.43;
  backface-visibility:hidden; will-change:transform;
  background-repeat:no-repeat;
}
.fog-layer-back {
  background-image:radial-gradient(ellipse 36% 19% at 22% 62%,rgba(151,165,174,.28),transparent 100%),
    radial-gradient(ellipse 39% 20% at 62% 50%,rgba(122,140,156,.22),transparent 100%),
    radial-gradient(ellipse 32% 17% at 84% 70%,rgba(171,165,164,.19),transparent 100%);
  animation:fogTravelBack 47s ease-in-out infinite alternate;
}
.fog-layer-front { top:39%; bottom:-13%; opacity:.54;
  background-image:radial-gradient(ellipse 31% 19% at 19% 62%,rgba(180,184,177,.24),transparent 100%),
    radial-gradient(ellipse 38% 19% at 52% 78%,rgba(156,167,173,.29),transparent 100%),
    radial-gradient(ellipse 31% 18% at 87% 55%,rgba(133,151,164,.21),transparent 100%);
  animation:fogTravelFront 63s ease-in-out infinite alternate;
}
@keyframes fogTravelBack { from {transform:translate3d(-7%,0,0)} to {transform:translate3d(7%,-2%,0)} }
@keyframes fogTravelFront { from {transform:translate3d(8%,0,0)} to {transform:translate3d(-8%,2%,0)} }
/* Fog should frame the scene, never cover important buttons or headings. */
.hero-content { z-index:4; }
@media(max-width:700px) {
  .fog-layer {opacity:.28;}
  .fog-layer-front {opacity:.34;}
}
@media(prefers-reduced-motion:reduce) {
  .fog-layer {animation:none;transform:none;will-change:auto;}
}


/* Castle Siege hero — darker cinematic grade + Season III medallion */
.hero {
  background: #090b10 url("assets/castle-siege.webp") center center / cover no-repeat;
  isolation: isolate;
}
.hero::before {
  background:
    linear-gradient(90deg,rgba(3,4,7,.97) 0%,rgba(5,7,11,.92) 24%,rgba(7,8,12,.74) 50%,rgba(8,8,12,.26) 83%),
    linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.24) 68%,rgba(0,0,0,.60) 100%),
    linear-gradient(0deg,#0b090d 0%,rgba(7,7,11,.16) 26%,rgba(7,7,11,.22) 76%,rgba(7,7,11,.58) 100%);
  z-index: 2;
}
.hero::after {
  background: linear-gradient(to top,#0b090d 0%,transparent 23%,transparent 82%,rgba(0,0,0,.48));
  box-shadow: inset 0 0 120px rgba(0,0,0,.24);
  z-index: 3;
}
.sky-runes,.hero-glow {display:none}
.hero-medallion {
  display:grid;
  z-index:4;
  right:11%;
  top:17%;
  width:94px;
  height:94px;
  opacity:.88;
  color:#f6d39f;
  border:2px solid rgba(196,141,73,.72);
  outline:1px solid rgba(196,141,73,.42);
  outline-offset:7px;
  background:radial-gradient(circle at 35% 30%,rgba(255,233,185,.14),rgba(116,73,35,.18) 45%,rgba(10,8,11,.58) 100%);
  text-shadow:0 0 20px rgba(252,187,94,.50),0 1px 0 #000;
  box-shadow:inset 0 0 25px rgba(204,132,53,.18),0 0 35px rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
}
.cinematic-fog {z-index:3; opacity:1;}
.fog-layer {top:0;bottom:0;left:-25%;width:150%;will-change:transform; background-repeat:no-repeat;}
.fog-layer-back {
  opacity:.88;
  background-image:
    radial-gradient(ellipse 29% 17% at 19% 62%,rgba(195,204,210,.22) 5%,rgba(140,155,167,.13) 48%,transparent 95%),
    radial-gradient(ellipse 39% 23% at 53% 80%,rgba(210,216,217,.27),rgba(130,151,161,.12) 52%,transparent 95%),
    radial-gradient(ellipse 31% 20% at 85% 59%,rgba(188,199,210,.22),transparent 95%);
  animation:fogTravelBack 52s ease-in-out infinite alternate;
}
.fog-layer-front {
  top:18%;bottom:-17%;opacity:.97;
  background-image:
    radial-gradient(ellipse 39% 27% at 13% 93%,rgba(209,218,226,.38),rgba(164,178,190,.16) 55%,transparent 96%),
    radial-gradient(ellipse 34% 26% at 52% 88%,rgba(218,223,226,.32),rgba(157,171,180,.15) 60%,transparent 96%),
    radial-gradient(ellipse 41% 29% at 88% 86%,rgba(202,214,222,.32),transparent 96%);
  animation:fogTravelFront 67s ease-in-out infinite alternate;
}
.hero-content {z-index:4}
@media(max-width:760px){
  .hero{background-position:62% center}
  .hero::before{background:linear-gradient(90deg,rgba(3,4,7,.97),rgba(4,5,9,.80)),linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.44)),linear-gradient(0deg,#0b090d,transparent 50%)}
  .hero-medallion{right:10%;top:13%;transform:scale(.78) rotate(10deg)}
  .fog-layer-back{opacity:.65}
  .fog-layer-front{opacity:.72}
}
@media(prefers-reduced-motion:reduce){.fog-layer{animation:none;will-change:auto}}



:root{--bg:#080c12;--panel:#111924;--panel2:#18212c;--gold:#d9b775;--goldBright:#ffe0a2;--text:#e8e9e9;--muted:#9aa6b2;--red:#b74b42;--line:rgba(225,189,120,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{height:82px;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,221,170,.16);background:linear-gradient(180deg,rgba(4,8,15,.9),rgba(4,8,15,.35))}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.brand-icon{width:42px;height:50px;display:grid;place-items:center;filter:drop-shadow(0 0 12px rgba(231,151,49,.4))}.brand-main{font:900 24px/1 Cinzel,Georgia,serif;letter-spacing:.14em;color:#efdbaf}.brand-sub{font:600 9px/2 Inter,sans-serif;letter-spacing:.36em;color:#d3a85e}.desktop-nav{display:flex;align-items:center;gap:32px;margin:auto}.desktop-nav a{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#c7c6c5;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--goldBright)}.header-actions{display:flex;align-items:center;gap:12px}.login-link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:none;border:0;color:#fff}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 22px;border:1px solid #bb9458;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{color:#17120b;background:linear-gradient(125deg,#ffe4a9,#c99a50 54%,#f0cb83);box-shadow:inset 0 1px 0 #ffe6b2,0 6px 30px #dba75623}.btn-outline{color:#f7dfad;background:#070d16ab;border-color:#d1ad6a}.btn-outline:hover{background:#b98b4322}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{position:relative;min-height:740px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse 35% 50% at 75% 51%,rgba(201,88,26,.3),transparent 75%),radial-gradient(ellipse 50% 50% at 40% 66%,rgba(49,72,91,.23),transparent 75%),linear-gradient(108deg,#060a11 5%,#0b1722 52%,#171019 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050910 4%,#050910d9 30%,#07111b44 68%,#09090cbc),linear-gradient(0deg,#080c12 0%,transparent 28%);z-index:2}.hero-glow{position:absolute;right:10%;top:16%;width:440px;height:550px;background:radial-gradient(ellipse,#eb8b2e38,transparent 65%);filter:blur(22px)}.sky-runes{position:absolute;inset:0;opacity:.3;background-image:repeating-linear-gradient(115deg,transparent 0px,transparent 95px,#b2a17913 96px,transparent 98px)}.hero-art{position:absolute;z-index:1;right:7%;bottom:80px;width:min(560px,50vw);height:540px;display:flex;align-items:center;justify-content:center;opacity:.95;filter:drop-shadow(0 8px 30px #000)}.hero-art svg{width:100%;height:100%}.hero-content{z-index:4;position:relative;padding-top:95px;padding-bottom:80px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.35em;color:#e9c37d;font-weight:800}.eyebrow:before{content:"✦";padding-right:12px;color:#a67940}.hero h1{font:700 clamp(44px,5.4vw,81px)/1.08 Cinzel,Georgia,serif;margin:25px 0 20px;letter-spacing:-.035em;text-shadow:0 7px 25px #000;color:#f6f0e6}.hero h1 span{display:block;color:var(--gold);font-size:.75em;letter-spacing:.045em;margin-top:9px}.hero-desc{color:#c0c5c8;max-width:485px;font-size:15px;line-height:1.85}.hero-buttons{display:flex;gap:14px;margin-top:33px;flex-wrap:wrap}.hero-buttons .btn{min-height:54px;min-width:172px}.hero-kicker{margin-top:35px;display:flex;gap:27px;flex-wrap:wrap;color:#bac0c6;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-kicker strong{color:#f0d397}.hero-kicker span+span:before{content:"◆";color:#a07c49;padding-right:27px;font-size:7px}.hero-bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;height:80px;background:linear-gradient(90deg,#101823f5,#17202bee);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.status-item{display:flex;gap:13px;align-items:center}.status-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #bb93563b;color:var(--gold);font-size:20px}.status-label{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#9aa8b4;font-weight:800}.status-value{font-size:14px;font-weight:800;margin-top:5px}.online-dot{display:inline-block;width:7px;height:7px;background:#7dcfa1;border-radius:50%;box-shadow:0 0 12px #7dcfa1;margin-right:8px}.status-line{height:34px;width:1px;background:#d0b88526}.main{padding:80px 0 90px;background:radial-gradient(ellipse 80% 25% at 50% 0%,#1b29354a,transparent),#080c12}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#bc955e;font-weight:800}.section-title{font:700 28px Cinzel,Georgia,serif;color:#f1e8d7;margin:8px 0 0}.view-all{color:#e6c48b;font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:20px;margin-bottom:75px}.feature-card{min-height:239px;padding:30px 27px;background:linear-gradient(155deg,#1a2731,#0b111a 78%);border:1px solid var(--line);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:180px;height:180px;right:-60px;bottom:-90px;border:1px solid #b98d4a22;transform:rotate(45deg)}.feature-card:first-child{background:radial-gradient(circle at 85% 80%,#6e271e75,transparent 60%),linear-gradient(155deg,#253039,#0b111a 90%)}.feature-icon{font-size:31px;color:var(--gold);margin-bottom:27px}.feature-card h3{font:700 19px Cinzel,Georgia,serif;margin:0 0 12px;color:#f4e6cd}.feature-card p{color:#aab3bb;font-size:12px;line-height:1.9;margin:0 0 18px;max-width:260px}.feature-card a{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:34px}.panel{background:linear-gradient(#131d28,#0e151f);border:1px solid var(--line)}.news-item{display:grid;grid-template-columns:114px 1fr;gap:20px;padding:18px;border-bottom:1px solid #d9bd8822}.news-item:last-child{border:0}.news-art{min-height:91px;background:linear-gradient(140deg,#50342c,#181d29 65%);display:grid;place-items:center;color:#d8aa65;font-size:37px;position:relative;overflow:hidden}.news-item:nth-child(2) .news-art{background:linear-gradient(140deg,#36475a,#151923)}.news-item:nth-child(3) .news-art{background:linear-gradient(140deg,#3f352a,#151923)}.news-meta{display:flex;gap:12px;align-items:center;color:#8694a0;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.news-tag{color:#e0b66c}.news-item h3{font-size:14px;color:#f1ece6;margin:10px 0 7px}.news-item p{font-size:12px;line-height:1.55;color:#9eabb5;margin:0}.rank-tabs{display:flex;border-bottom:1px solid #bda07137}.rank-tab{flex:1;padding:16px 7px;background:transparent;border:0;border-bottom:2px solid transparent;color:#94a0aa;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.rank-tab.selected{color:#e8be73;border-color:#d4a864}.rank-row{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #ffffff0e;font-size:12px}.rank-pos{font-family:Cinzel,Georgia,serif;font-weight:800;color:#c6a166}.rank-name{font-weight:700;color:#e5e7e9}.rank-class{font-size:10px;color:#8996a0;margin-top:5px}.rank-score{color:#d5b57e;font-weight:800}.rank-row:last-child{border:0}.bottom-cta{margin-top:73px;padding:36px 44px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #b18b5457;background:radial-gradient(circle at 70% 80%,#5c392b56,transparent 50%),linear-gradient(100deg,#192632,#111821)}.bottom-cta h2{font:700 24px Cinzel,Georgia,serif;margin:0 0 9px;color:#f3e4c8}.bottom-cta p{color:#aeb6bf;font-size:12px;line-height:1.7;margin:0}.footer{border-top:1px solid var(--line);padding:32px 0;color:#85909b;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:#d1b079;margin-left:18px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#020408d9;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.modal-backdrop.open{display:flex}.modal{position:relative;width:min(430px,100%);padding:35px;background:linear-gradient(135deg,#202c36,#0e141d);border:1px solid #c49a5b6e;box-shadow:0 30px 90px #000}.modal h2{margin:0 0 24px;font:700 26px Cinzel,Georgia,serif;color:#efdfc0}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#ddd;font-size:27px}.field{display:block;margin:0 0 17px}.field span{display:block;color:#b7c1c7;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:9px}.field input{width:100%;background:#080e15;border:1px solid #45505b;color:#f5f5f5;padding:13px;outline:0}.field input:focus{border-color:#d8ab66}.modal .btn{width:100%}.modal-note{font-size:11px;line-height:1.7;color:#9ba7b2;margin-top:18px}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;right:24px;z-index:101;padding:16px 20px;background:#182632;border:1px solid var(--gold);font-size:12px;color:#f5e6cc;box-shadow:0 10px 30px #0008;max-width:350px;display:none}.toast.visible{display:block}
@media(max-width:1050px){.brand{min-width:190px}.desktop-nav{gap:17px}.hero-art{right:-5%;width:56vw}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:first-child{grid-column:span 2}.content-grid{gap:20px}}
@media(max-width:760px){.site-header{height:68px}.container{width:min(100% - 30px,1180px)}.brand{min-width:0}.brand-main{font-size:19px}.brand-sub{font-size:7px}.desktop-nav,.header-actions .btn,.login-link{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.mobile-nav{position:absolute;top:68px;left:0;right:0;background:#0a121b;border-bottom:1px solid var(--line);display:none;padding:20px}.mobile-nav.open{display:grid;gap:20px}.mobile-nav a,.mobile-nav button{background:none;border:0;padding:0;color:#f0d59f;text-align:left;text-transform:uppercase;font-size:12px;letter-spacing:.15em}.hero{min-height:730px;align-items:flex-start}.hero-art{right:-140px;top:115px;width:530px;height:540px;opacity:.5}.hero:before{background:linear-gradient(90deg,#050910dc,#0509107a),linear-gradient(0deg,#080c12,transparent 35%)}.hero-content{padding-top:175px}.hero h1{font-size:clamp(40px,11vw,63px)}.hero-desc{max-width:400px}.hero-bottom{height:auto;min-height:96px}.status-wrap{flex-wrap:wrap;gap:14px;padding:16px 0}.status-line{display:none}.status-item{flex:1 1 42%}.status-icon{display:none}.status-label{font-size:8px}.status-value{font-size:11px}.hero-kicker{font-size:9px;gap:10px}.hero-kicker span+span:before{padding-right:10px}.main{padding-top:55px}.feature-grid,.content-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto}.feature-card{min-height:185px}.section-head{align-items:start}.section-title{font-size:23px}.bottom-cta{padding:28px;align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column}.footer a{margin:0 15px 0 0}}
@media(max-width:430px){.brand-icon{width:31px}.hero-buttons .btn{flex:1;min-width:140px;padding:0 9px}.hero h1{font-size:39px}.news-item{grid-template-columns:85px 1fr;gap:13px;padding:12px}.news-art{min-height:85px}.news-item h3{font-size:12px}.news-item p{font-size:11px}}

/* Season III treatment — antique brass, violet magic, stone and ember */
:root{--bg:#0b090d;--panel:#17141b;--panel2:#211b23;--gold:#caa064;--goldBright:#ffe0a0;--muted:#a69b9d;--line:rgba(205,159,99,.32)}
body{background:#0b090d;background-image:radial-gradient(ellipse at 10% 30%,#27172233,transparent 45%)}
.site-header{background:linear-gradient(180deg,#120d12f7,#140e14bf);border-bottom:1px solid #a77a4a65;box-shadow:0 7px 30px #0007}
.brand-main{font-size:26px;letter-spacing:.095em;text-shadow:0 2px 1px #000,0 0 19px #a85f2855}
.brand-sub{color:#e7ba76}
.hero{min-height:790px;background:radial-gradient(ellipse 35% 60% at 78% 44%,#9c5e2240,transparent 73%),radial-gradient(ellipse 55% 60% at 87% 30%,#51446545,transparent 78%),linear-gradient(100deg,#0a090d,#19151b 54%,#33221f)}
.hero:before{background:linear-gradient(90deg,#08070bcf 4%,#0a080cb8 40%,#100d1366 72%,#0d090db0),linear-gradient(0deg,#0b090d 1%,transparent 45%),repeating-linear-gradient(90deg,#aa794405 0 2px,transparent 2px 90px)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,#0008,transparent 19%,transparent 80%,#0b090d);box-shadow:inset 0 0 140px 35px #070508b5}
.hero-art{right:4%;bottom:64px;transform:scale(1.13);filter:drop-shadow(0 0 30px #ae673c75) drop-shadow(0 12px 32px #000)}
.hero-art:before{content:"";position:absolute;inset:4% -14% 0;border-radius:50%;background:radial-gradient(ellipse,#d9a26423 0,#64356a26 29%,transparent 66%);filter:blur(22px)}
.hero-content{max-width:1180px}.hero h1{color:#f7ede0;text-shadow:0 3px 2px #000,0 10px 28px #000;font-size:clamp(46px,5.8vw,89px);letter-spacing:-.045em}
.hero h1 span{color:#ecc38a;font-size:.59em;letter-spacing:.16em;text-shadow:0 0 36px #b9874a66}
.eyebrow{color:#f0ce97;letter-spacing:.2em}.hero-desc{color:#c8bdb6}.hero-kicker{color:#d2bba6}
.era-line{font-family:Cinzel,serif;font-size:10px;letter-spacing:.25em;color:#bc965c;margin-bottom:20px;display:flex;align-items:center;gap:12px}.era-line span{color:#e4bb83}
.hero-medallion{position:absolute;z-index:3;right:12%;top:18%;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;border:2px solid #b98548a3;outline:1px solid #b9854861;outline-offset:7px;color:#f8d4a3;font:700 48px Cinzel,serif;transform:rotate(10deg);opacity:.7;text-shadow:0 0 22px #f9a8546e;box-shadow:inset 0 0 22px #996c2730,0 0 29px #bb813027}
.embers{pointer-events:none;position:absolute;inset:0;z-index:3;background-image:radial-gradient(circle,#ffd389 1px,transparent 2px),radial-gradient(circle,#e6aa62 1px,transparent 2px);background-size:143px 173px,211px 197px;background-position:20px 60px,90px 10px;opacity:.24;animation:embersDrift 22s linear infinite}@keyframes embersDrift{to{background-position:20px -480px,90px -300px}}
.btn-gold{background:linear-gradient(145deg,#ffe4a5,#b98139 51%,#d9ac6b);border-color:#ffe0a680;box-shadow:inset 0 1px #fff4cb70,0 0 24px #bd813b24}.btn-outline{background:#140e14cf}
.hero-bottom{background:linear-gradient(90deg,#1d141a,#211821ee);border-top:1px solid #b38a58a8;border-bottom:1px solid #a9815250}
.main{background:radial-gradient(ellipse 85% 40% at 50% 0,#3e2b2f39,transparent),repeating-linear-gradient(90deg,#d9b07804 0 1px,transparent 1px 100px),#0b090d;padding-top:55px}
.world-divider{font:700 11px Cinzel,serif;color:#b99769;letter-spacing:.17em;text-align:center;padding:0 0 57px}.world-divider span{color:#71573b;margin:0 16px}
.season-stamp{font:700 10px Cinzel,serif;letter-spacing:.17em;padding:11px 16px;border:1px solid #a9815270;color:#d7ac71}
.section-title{color:#f3dfbd}.feature-card,.panel{border:1px solid #b48b5861;background:linear-gradient(155deg,#251d22,#120f16 78%);box-shadow:inset 0 1px #e9bf6a0c,0 12px 30px #0004}
.feature-card{border-top:2px solid #a87d4f}.feature-card:first-child{background:radial-gradient(circle at 95% 100%,#703d3575,transparent 65%),linear-gradient(155deg,#30242a,#100d14 90%)}
.feature-icon{color:#e3ba7e;text-shadow:0 0 22px #d89a6470}.feature-number{color:#9b7860;font-size:9px;font-weight:800;letter-spacing:.19em;margin-top:-17px;margin-bottom:22px}.feature-card p,.news-item p{color:#b8a9a5}
.event-strip{border-top:1px solid #b28a59;border-bottom:1px solid #b28a5970;background:linear-gradient(90deg,#291d23,#1a151c);padding:19px 21px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:-38px 0 68px;box-shadow:0 12px 25px #0005}
.event-strip-label{display:flex;align-items:center;gap:12px;margin-right:auto}.event-strip-label strong{display:block;font:700 11px Cinzel,serif;color:#eed6ac;letter-spacing:.09em}.event-strip-label small{display:block;color:#aa9995;font-size:10px;margin-top:5px}.event-glyph{font-size:27px;color:#dcb47c}.event-pill{border:1px solid #ae855054;background:#0c0a0d68;color:#e1c39a;padding:11px 14px;font-size:11px}.event-note{color:#98857e;font-size:10px;font-style:italic}
.rank-pos,.rank-score,.news-tag{color:#e2b875}.rank-row:hover,.news-item:hover{background:#a97a3911}.bottom-cta{border-color:#c79a60a8;background:radial-gradient(circle at 90% 85%,#65433266,transparent 60%),linear-gradient(100deg,#2d2228,#141017)}
@media(max-width:760px){.hero{min-height:760px}.hero-art{right:-150px;transform:scale(1);opacity:.46}.hero-medallion{right:10%;top:12%;transform:scale(.7)}.hero:before{background:linear-gradient(90deg,#09080de8,#09080d7a),linear-gradient(0deg,#0b090d,transparent 40%)}.hero-content{padding-top:173px}.world-divider{font-size:9px;line-height:2}.event-strip{margin:-25px 0 45px}.event-note{display:none}.season-stamp{display:none}}
@media(prefers-reduced-motion:reduce){.embers{animation:none}}

/* Season III — performance-friendly cinematic mist.
   Two composite-only layers: no canvas, particles, animated filter or background-position. */
.hero { isolation:isolate; }
.hero-glow { filter:none; background:radial-gradient(ellipse,rgba(185,100,51,.2),transparent 67%); }
.cinematic-fog { position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; contain:layout paint; }
.fog-layer { position:absolute; top:20%; bottom:6%; left:-45%; width:190%; opacity:.43;
  backface-visibility:hidden; will-change:transform;
  background-repeat:no-repeat;
}
.fog-layer-back {
  background-image:radial-gradient(ellipse 36% 19% at 22% 62%,rgba(151,165,174,.28),transparent 100%),
    radial-gradient(ellipse 39% 20% at 62% 50%,rgba(122,140,156,.22),transparent 100%),
    radial-gradient(ellipse 32% 17% at 84% 70%,rgba(171,165,164,.19),transparent 100%);
  animation:fogTravelBack 47s ease-in-out infinite alternate;
}
.fog-layer-front { top:39%; bottom:-13%; opacity:.54;
  background-image:radial-gradient(ellipse 31% 19% at 19% 62%,rgba(180,184,177,.24),transparent 100%),
    radial-gradient(ellipse 38% 19% at 52% 78%,rgba(156,167,173,.29),transparent 100%),
    radial-gradient(ellipse 31% 18% at 87% 55%,rgba(133,151,164,.21),transparent 100%);
  animation:fogTravelFront 63s ease-in-out infinite alternate;
}
@keyframes fogTravelBack { from {transform:translate3d(-7%,0,0)} to {transform:translate3d(7%,-2%,0)} }
@keyframes fogTravelFront { from {transform:translate3d(8%,0,0)} to {transform:translate3d(-8%,2%,0)} }
/* Fog should frame the scene, never cover important buttons or headings. */
.hero-content { z-index:4; }
@media(max-width:700px) {
  .fog-layer {opacity:.28;}
  .fog-layer-front {opacity:.34;}
}
@media(prefers-reduced-motion:reduce) {
  .fog-layer {animation:none;transform:none;will-change:auto;}
}


/* Castle Siege hero — darker cinematic grade + Season III medallion */
.hero {
  background: #090b10 url("assets/castle-siege.webp") center center / cover no-repeat;
  isolation: isolate;
}
.hero::before {
  background:
    linear-gradient(90deg,rgba(3,4,7,.97) 0%,rgba(5,7,11,.92) 24%,rgba(7,8,12,.74) 50%,rgba(8,8,12,.26) 83%),
    linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.24) 68%,rgba(0,0,0,.60) 100%),
    linear-gradient(0deg,#0b090d 0%,rgba(7,7,11,.16) 26%,rgba(7,7,11,.22) 76%,rgba(7,7,11,.58) 100%);
  z-index: 2;
}
.hero::after {
  background: linear-gradient(to top,#0b090d 0%,transparent 23%,transparent 82%,rgba(0,0,0,.48));
  box-shadow: inset 0 0 120px rgba(0,0,0,.24);
  z-index: 3;
}
.sky-runes,.hero-glow {display:none}
.hero-medallion {
  display:grid;
  z-index:4;
  right:11%;
  top:17%;
  width:94px;
  height:94px;
  opacity:.88;
  color:#f6d39f;
  border:2px solid rgba(196,141,73,.72);
  outline:1px solid rgba(196,141,73,.42);
  outline-offset:7px;
  background:radial-gradient(circle at 35% 30%,rgba(255,233,185,.14),rgba(116,73,35,.18) 45%,rgba(10,8,11,.58) 100%);
  text-shadow:0 0 20px rgba(252,187,94,.50),0 1px 0 #000;
  box-shadow:inset 0 0 25px rgba(204,132,53,.18),0 0 35px rgba(0,0,0,.35);
  backdrop-filter: blur(2px);
}
.cinematic-fog {z-index:3; opacity:1;}
.fog-layer {top:0;bottom:0;left:-25%;width:150%;will-change:transform; background-repeat:no-repeat;}
.fog-layer-back {
  opacity:.88;
  background-image:
    radial-gradient(ellipse 29% 17% at 19% 62%,rgba(195,204,210,.22) 5%,rgba(140,155,167,.13) 48%,transparent 95%),
    radial-gradient(ellipse 39% 23% at 53% 80%,rgba(210,216,217,.27),rgba(130,151,161,.12) 52%,transparent 95%),
    radial-gradient(ellipse 31% 20% at 85% 59%,rgba(188,199,210,.22),transparent 95%);
  animation:fogTravelBack 52s ease-in-out infinite alternate;
}
.fog-layer-front {
  top:18%;bottom:-17%;opacity:.97;
  background-image:
    radial-gradient(ellipse 39% 27% at 13% 93%,rgba(209,218,226,.38),rgba(164,178,190,.16) 55%,transparent 96%),
    radial-gradient(ellipse 34% 26% at 52% 88%,rgba(218,223,226,.32),rgba(157,171,180,.15) 60%,transparent 96%),
    radial-gradient(ellipse 41% 29% at 88% 86%,rgba(202,214,222,.32),transparent 96%);
  animation:fogTravelFront 67s ease-in-out infinite alternate;
}
.hero-content {z-index:4}
@media(max-width:760px){
  .hero{background-position:62% center}
  .hero::before{background:linear-gradient(90deg,rgba(3,4,7,.97),rgba(4,5,9,.80)),linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.44)),linear-gradient(0deg,#0b090d,transparent 50%)}
  .hero-medallion{right:10%;top:13%;transform:scale(.78) rotate(10deg)}
  .fog-layer-back{opacity:.65}
  .fog-layer-front{opacity:.72}
}
@media(prefers-reduced-motion:reduce){.fog-layer{animation:none;will-change:auto}}


.vip-page{background:radial-gradient(circle at 72% 0,#322529 0,transparent 45%),#0b090d;padding:150px 0 95px;min-height:100vh}
.vip-hero{position:relative;overflow:hidden;padding:66px 35px 65px;text-align:center;border:1px solid #a17a4c;background:linear-gradient(180deg,#050509a3,#08080cca),url('assets/castle-siege.webp') center 45%/cover}
.vip-hero h1{font:700 clamp(34px,5vw,61px)/1.15 Cinzel,serif;color:#f5ddae;margin:15px 0}.vip-hero p{color:#d2c3b4;max-width:610px;margin:0 auto;line-height:1.8;font-size:14px}
.vip-anchor{display:flex;justify-content:center;gap:12px;margin-top:27px;flex-wrap:wrap}.vip-anchor a{font-size:11px;color:#edcf9c;border:1px solid #ad8c5f;padding:12px 17px;background:#100e12bb}
.vip-section{margin-top:65px}.vip-heading{font:700 28px Cinzel,serif;color:#f2dcba;margin:0 0 10px}.vip-intro{color:#b8a9a4;line-height:1.8;font-size:13px;margin:0 0 25px}
.vip-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vip-card{position:relative;border:1px solid #70606a;padding:30px 26px;background:linear-gradient(160deg,#25242c,#111016 80%);display:flex;flex-direction:column;gap:15px}.vip-card.gold{border:2px solid #c89b59;background:linear-gradient(160deg,#352619,#151116 85%)}.vip-card.royal{border-color:#9476ba;background:linear-gradient(160deg,#2d2138,#141017 85%)}.vip-emblem{font-size:40px;color:#b9c6d2}.gold .vip-emblem{color:#edc076}.royal .vip-emblem{color:#c9a8f3}.vip-card h3{font:700 25px Cinzel,serif;color:#e8dcc9;margin:0}.vip-price{font:700 35px Cinzel,serif;color:#f5e0b5}.vip-price small{font:400 12px Inter,sans-serif;color:#a99b95}.vip-benefits{margin:0;padding-left:18px;color:#c5b9af;font-size:12px;line-height:2.25;flex:1}.vip-benefits li::marker{color:#c39a63}.vip-tag{position:absolute;right:17px;top:14px;color:#edc17f;font-size:10px;letter-spacing:.13em}.vip-card button{width:100%}
.vip-rules{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}.rules-panel{background:#17131b;border:1px solid #81654b;padding:28px}.rules-panel h3{font:700 18px Cinzel,serif;color:#ebcca0;margin:0 0 17px}.rule-table{width:100%;border-collapse:collapse;font-size:13px}.rule-table tr{border-bottom:1px solid #9c7b5130}.rule-table td{padding:13px 0;color:#c5b9b1}.rule-table td:last-child{text-align:right;color:#f0d3a4;font-weight:700}.steps{display:grid;gap:14px}.step{display:flex;gap:14px;align-items:flex-start}.step-num{min-width:40px;height:40px;border:1px solid #c19a65;display:grid;place-items:center;color:#e8c58e;font:700 18px Cinzel,serif}.step b{color:#f1dfbd;font-size:13px}.step p{color:#b4a6a2;font-size:12px;line-height:1.7;margin:6px 0 0}
.calculator{border:1px solid #886f55;background:#1a151c;padding:24px}.calculator label{display:block;color:#e5cfaf;font-size:12px;font-weight:700;margin-bottom:7px}.calculator input,.calculator select{background:#0b0b10;border:1px solid #8c7053;color:#ead2b1;padding:12px;width:100%;margin-bottom:15px}.calc-out{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.calc-stat{background:#0e0c11;padding:18px;border:1px solid #695438}.calc-stat span{font-size:10px;color:#ad9c8f}.calc-stat strong{display:block;font:700 24px Cinzel,serif;color:#f6deb7;margin-top:7px}.hint{font-size:11px;line-height:1.7;color:#9c908c;margin-top:15px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.milestone{border:1px solid #725c4a;background:#1a161d;padding:20px;text-align:center}.milestone strong{display:block;font:700 23px Cinzel,serif;color:#e9c28b}.milestone span{display:block;color:#c8bab1;font-size:11px;line-height:1.5;margin-top:8px}.vip-cta{margin-top:58px;padding:30px;border:1px solid #c7a16c;background:linear-gradient(105deg,#34251f,#19131d);display:flex;justify-content:space-between;gap:20px;align-items:center}.vip-cta h3{font:700 21px Cinzel,serif;color:#f3dfb9;margin:0 0 7px}.vip-cta p{font-size:12px;color:#b7a8a0;margin:0}
@media(max-width:840px){.vip-cards{grid-template-columns:1fr}.vip-rules{grid-template-columns:1fr}.milestones{grid-template-columns:repeat(2,1fr)}.vip-page{padding-top:100px}.vip-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:430px){.calc-out{grid-template-columns:1fr}.vip-hero{padding:50px 18px}.milestones{grid-template-columns:1fr 1fr}}

/* Site/wiki additions */
.site-header{position:relative!important} .hero{margin-top:-82px}.vip-page{padding-top:68px}
.wiki-page{min-height:72vh;padding:65px 0 90px;background:radial-gradient(ellipse at 80% 0%,#46302744,transparent 45%),#0b090d}.wiki-intro{max-width:780px;color:#bdb1ae;line-height:1.8}.wiki-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.wiki-search{flex:1;min-width:240px;padding:17px 18px;background:#100f16;border:1px solid #a9875b99;color:#f0e8dd;border-radius:2px;outline:0}.wiki-search:focus{border-color:#ffe0a2}.wiki-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.wiki-chip{padding:10px 13px;border:1px solid #89694377;background:#151017;color:#dcc29a;cursor:pointer;font:700 11px Inter,Arial,sans-serif}.wiki-chip.is-active{background:#c49b65;color:#171016}.wiki-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px}.wiki-side{background:#16121a;border:1px solid #84674969;padding:21px;align-self:start}.wiki-side a{display:block;padding:9px 0;color:#bea991;font-size:12px}.wiki-side a:hover{color:#ffe0a2}.wiki-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.wiki-card{padding:22px;background:linear-gradient(150deg,#281f25,#141016);border:1px solid #af865b69;min-height:180px;transition:border-color .2s}.wiki-card:hover{border-color:#e5bb7f}.wiki-card h3{font:700 17px Cinzel,serif;color:#f0ddba;margin:8px 0}.wiki-card p{color:#aa9f9d;font-size:13px;line-height:1.65}.wiki-card a{color:#e5ba7e;font-size:12px;font-weight:700}.wiki-meta{color:#c2a17c;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.wiki-article{background:#151119;border:1px solid #92724e79;padding:clamp(22px,4vw,46px);max-width:920px}.wiki-article h1{font:700 clamp(25px,4vw,40px) Cinzel,serif;color:#f5ddb1}.wiki-article h2{font:700 19px Cinzel,serif;margin:34px 0 11px;color:#e2be89}.wiki-article p,.wiki-article li{line-height:1.9;color:#d1c7c4;font-size:14px}.wiki-article table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow-x:auto}.wiki-article td,.wiki-article th{border-bottom:1px solid #77614966;text-align:left;padding:12px 15px}.wiki-article th{color:#e7bf85}.wiki-article code{color:#f4c783}.wiki-back{color:#e1b67a;font-size:12px}.wiki-note{border-left:3px solid #b9915d;background:#34292455;padding:12px 16px;color:#dfcaac!important}.empty-state{color:#ccb9a8;padding:30px;border:1px dashed #956d45}.footer{background:#0b090d}.home-wiki-link{border:1px solid #b08955;padding:15px 20px;color:#ead2a2;display:inline-block;margin:8px 0 0;font-size:12px;letter-spacing:.08em;font-weight:800}.wiki-search-status{font-size:12px;color:#c1ae96;margin:0 0 18px}.wiki-section-title{font:700 32px Cinzel,serif;color:#e9d5ae}.site-header .desktop-nav{gap:22px}.site-header .brand{min-width:220px}
@media(max-width:850px){.wiki-layout{grid-template-columns:1fr}.wiki-side{display:none}.wiki-results{grid-template-columns:1fr}.site-header .desktop-nav{gap:11px}}
@media(max-width:760px){.hero{margin-top:-68px}.vip-page{padding-top:40px}}

/* Master account registration */
.mu-register{min-height:calc(100vh - 160px);padding:100px 0;background:radial-gradient(ellipse at 50% 0,#5c34262e,transparent 58%),#0c0b10}
.register-shell{max-width:570px;margin:0 auto;padding:44px 46px;border:1px solid #c89c6061;background:linear-gradient(150deg,#251f27,#100e15 75%);box-shadow:0 26px 90px #0008}
.register-shell h1{font:700 clamp(30px,4vw,42px)/1.2 Cinzel,Georgia,serif;color:#f5dfb7;margin:15px 0}
.register-sub{color:#adb1ba;line-height:1.8;font-size:14px;margin:0 0 30px}
.register-form .field{margin-bottom:19px}.register-form .field input{border-radius:4px;min-height:48px}
.register-form .field small{display:block;margin-top:8px;color:#9e9ba5;font-size:11px;line-height:1.6}
.register-form .btn{width:100%;min-height:52px;margin-top:22px}.security-widget{min-height:65px;margin:20px 0}
.register-notice{font-size:11px;line-height:1.7;color:#aa9e9c;margin-top:16px}
.register-message{padding:20px;border:1px solid #b77c68;background:#4e282533;color:#ecd4c7;margin-bottom:24px;font-size:13px;line-height:1.7}
.register-message.success{border-color:#87ad88;background:#24442e55;color:#d8ecda}
.register-message ul{margin:7px 0 0;padding-left:18px}
@media(max-width:620px){.mu-register{padding:55px 0}.register-shell{padding:28px 24px}}

/* Master dashboard */
.mu-dashboard-shell{max-width:720px}.mu-dashboard-title{font:700 22px Cinzel,Georgia,serif;color:#f5dfb7;margin:30px 0 15px}.mu-account-stat{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #82694755;color:#bcb2ae;font-size:13px}.mu-account-stat strong{color:#ecd4a4;text-align:right;overflow-wrap:anywhere}.mu-logout-form{margin-top:28px}.mu-logout-form .btn{width:100%}.register-message p{margin:8px 0 0}.register-notice a{color:#e6b975;text-decoration:underline}@media(max-width:620px){.mu-account-stat{align-items:flex-start;flex-direction:column;gap:6px}.mu-account-stat strong{text-align:left}}