/* OTS Network — unified launcher theme */
:root{
  --bg:#080a0b;--ink:#0d1010;--panel:#111515;--panel2:#191d1c;
  --text:#f5eede;--muted:#b5ae9f;--gold:#e0b152;--line:rgba(224,177,82,.23);
  --red:#e04e49;--blue:#5ca9ee;--green:#6fc270;--radius:10px;--max:1240px
}
*{box-sizing:border-box}
html{scroll-padding-top:90px}
body{
  background:
    radial-gradient(circle at 12% -10%,rgba(224,177,82,.13),transparent 33rem),
    radial-gradient(circle at 100% 30%,rgba(92,169,238,.08),transparent 38rem),
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),var(--bg);
  background-size:auto,auto,36px 36px,36px 36px,auto;
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 0 49.8%,rgba(224,177,82,.025) 50%,transparent 50.2%)}
main{width:100%;max-width:none;margin:0}
.section-shell,main .section-shell{width:min(var(--max),calc(100% - 40px))}
.portal-rail{display:none!important}
.site-header{
  min-height:80px;padding:12px max(20px,calc((100vw - var(--max))/2));gap:26px;
  background:rgba(8,10,11,.91);border-bottom:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.25);backdrop-filter:blur(18px)
}
.site-header::after{content:"";position:absolute;left:max(20px,calc((100vw - var(--max))/2));right:max(20px,calc((100vw - var(--max))/2));bottom:-1px;height:1px;background:linear-gradient(90deg,var(--gold),transparent 32%,transparent 68%,var(--gold));opacity:.35}
.brand-mark{width:42px;height:42px;border-radius:7px;border-color:var(--gold);background:#0c0f0f;box-shadow:inset 0 0 20px rgba(224,177,82,.08),0 0 22px rgba(224,177,82,.06);transform:none;font-family:Georgia,serif}
.brand strong{font-family:Georgia,serif;color:var(--text);letter-spacing:.13em}
.brand small{letter-spacing:.08em;text-transform:uppercase}
.brand-centered{position:static;transform:none;order:-1}
.header-network{display:none!important;margin-left:auto;padding-left:16px;border-left:1px solid var(--line)}
.network-orb{background:#67d49b;box-shadow:0 0 18px rgba(103,212,155,.65)}
.header-actions{margin-left:0}
.active-world-chip,.world-picker,.language-flags,.menu-button{border-radius:7px;background:rgba(16,20,20,.92);border-color:rgba(224,177,82,.25)}
.main-menu{display:flex!important;gap:19px;margin-left:auto}
.main-menu a{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.button{min-height:46px;border-radius:7px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.button.primary{background:var(--gold);border-color:var(--gold);color:#111410;box-shadow:0 8px 28px rgba(224,177,82,.16)}
.button.primary:hover{background:#f0c66b;transform:translateY(-1px)}
.button.ghost{border-color:rgba(224,177,82,.25);background:rgba(13,16,16,.78)}
.kicker{font-size:.68rem;letter-spacing:.22em;color:var(--gold)}
.hero{
  position:relative;width:min(var(--max),calc(100% - 40px));max-width:none;min-height:620px;margin:24px auto 0;padding:72px 64px;
  grid-template-columns:minmax(0,760px) 1fr;overflow:hidden;border:1px solid rgba(224,177,82,.35);border-radius:var(--radius);
  background-image:linear-gradient(90deg,rgba(5,8,9,.97) 0%,rgba(6,9,10,.85) 44%,rgba(6,9,10,.24) 78%),linear-gradient(0deg,rgba(5,8,9,.92),transparent 58%),var(--active-world-image);
  background-size:cover;background-position:center;box-shadow:0 30px 90px rgba(0,0,0,.45)
}
.hero::before{content:"04 / REALMS";position:absolute;right:22px;top:18px;color:rgba(245,238,222,.58);font-size:.65rem;font-weight:900;letter-spacing:.2em}
.hero::after{content:"";position:absolute;left:auto;right:0;top:0;bottom:auto;width:0;height:0;background:none;border:0;border-top:38px solid var(--gold);border-left:38px solid transparent;opacity:.8}
.hero-copy{position:relative;z-index:1;max-width:720px}
.hero h1{max-width:700px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.8rem,6vw,6.3rem);line-height:.88;letter-spacing:-.055em;text-wrap:balance}
.hero h1 span{display:block;color:var(--gold);font-style:italic;font-weight:500}
.hero-lead{max-width:590px;color:#d0c8b8;font-size:1.05rem}
.hero-world-line{display:inline-flex;border-radius:5px;border-color:rgba(224,177,82,.3);background:rgba(8,11,11,.74);backdrop-filter:blur(10px)}
.hero-news-list{margin-top:26px;max-width:620px;border:1px solid rgba(224,177,82,.18);border-left:3px solid var(--gold);border-radius:0 7px 7px 0;background:rgba(8,11,11,.7);backdrop-filter:blur(12px)}
.hero-news-list button{border-radius:0;background:transparent}
.section-block{padding-block:100px}
.section-heading,.war-title{align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}
.section-heading h2,.war-title h2,.download-inner h2,.account-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.045em;line-height:.95}
.section-heading>p{max-width:430px}
.world-grid{gap:12px;margin-top:28px}
.world-card{
  min-height:330px;padding:22px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);
  background-image:linear-gradient(0deg,rgba(6,9,10,.97),rgba(6,9,10,.15) 72%),var(--world-image);
  background-size:cover;background-position:center;box-shadow:0 16px 42px rgba(0,0,0,.32);filter:saturate(.86)
}
.world-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.72}
.world-card:hover,.world-card.active{transform:translateY(-5px);border-color:var(--accent);filter:saturate(1.03)}
.world-card h3{margin-top:150px;font-family:Georgia,serif;font-size:2rem}
.world-card p{color:#c6beaf}
.world-card .client{border-radius:5px;background:rgba(8,11,11,.85);border-color:color-mix(in srgb,var(--accent),transparent 45%)}
.world-focus{margin-top:18px;min-height:420px;padding:38px;border-radius:var(--radius);border-color:rgba(224,177,82,.28);background-image:linear-gradient(90deg,rgba(6,9,10,.98),rgba(6,9,10,.8) 60%,rgba(6,9,10,.3)),var(--focus-image);box-shadow:0 20px 64px rgba(0,0,0,.38)}
.world-focus::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--focus-accent)}
.hub-head h3{font-family:Georgia,serif;font-size:2.5rem}
.hub-status,.focus-points span,.tabs,.shop-worlds{border-radius:6px;background:rgba(9,12,12,.78);border-color:rgba(224,177,82,.22)}
.hub-content>section,.table-card,.daily-prizes,.shop-item,.login-preview,.account-session{border-radius:var(--radius);background:rgba(13,17,17,.9);border-color:rgba(224,177,82,.22);box-shadow:0 14px 38px rgba(0,0,0,.24)}
.war-section{padding-block:105px;border-block:1px solid rgba(224,78,73,.24);background-image:linear-gradient(90deg,rgba(8,10,11,.98),rgba(8,10,11,.72)),url("assets/worlds/war.png");background-size:cover;background-position:center;background-attachment:fixed}
.scoreboard,.reward-card{border-radius:var(--radius);background:rgba(11,14,14,.9);backdrop-filter:blur(10px)}
.scoreboard{border-left:3px solid var(--red)}
.reward-card{border-left:3px solid var(--gold)}
.rules-panel{border-radius:var(--radius);background:rgba(11,14,14,.88)}
.news-section{border-radius:var(--radius)}
.news-card{border-radius:var(--radius);background:rgba(15,19,19,.9)}
.shop-item{border-top:3px solid var(--accent,var(--gold))}
.download-section{padding-block:105px;border-block:1px solid var(--line);background-image:linear-gradient(90deg,rgba(5,8,9,.98),rgba(5,8,9,.64)),url("assets/network-realms.png");background-size:cover;background-position:center 42%;background-attachment:fixed}
.platform-card{position:relative;overflow:hidden;min-height:320px;border-radius:var(--radius);background:rgba(12,16,16,.9);border-color:rgba(224,177,82,.28);backdrop-filter:blur(12px)}
.platform-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}
.android-card::before{background:var(--green)}
.platform-icon{border-radius:7px}
.download-trust span,.client-strip span{border-radius:5px;background:rgba(10,13,13,.75)}
.account-section{gap:50px}
.login-preview input,.rail-login input,.war-reward select{border-radius:6px;background:#090c0c;border-color:rgba(224,177,82,.25)}
footer{border-top:1px solid var(--line);background:#070909}
.mobile-dock{background:rgba(8,10,11,.94);border-color:var(--line);backdrop-filter:blur(16px)}
@media(max-width:1100px){
  .header-network{display:none}.main-menu{gap:12px}.hero{padding:58px 42px}.world-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .site-header{grid-template-columns:auto 1fr auto}.brand-centered{grid-column:1}.header-actions{grid-column:2}.menu-button{grid-column:3}
  .main-menu{display:none!important}.main-menu.open{display:flex!important}
  .hero{min-height:580px;background-image:linear-gradient(90deg,rgba(5,8,9,.97),rgba(6,9,10,.6)),linear-gradient(0deg,rgba(5,8,9,.94),transparent 60%),var(--active-world-image)}
  .war-section,.download-section{background-attachment:scroll}
}
@media(max-width:720px){
  .section-shell{width:calc(100% - 22px)}.site-header{min-height:68px;padding:9px 11px}.brand strong{font-size:.75rem}.brand small{display:none}
  .brand-centered>span:last-child{display:none}.header-actions{min-width:0}.language-flags button{width:27px;padding:0}.language-flags{gap:2px}.menu-button{width:40px;padding:0;font-size:0}.menu-button::before{content:"☰";font-size:1rem}
  .hero{width:calc(100% - 20px);min-height:560px;margin-top:10px;padding:44px 23px 32px;border-radius:8px;background-position:62% center}
  .hero::before{display:none}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-lead{font-size:.95rem}.hero-news-list{margin-top:20px}
  .section-block,.war-section,.download-section{padding-block:66px}.section-heading h2,.war-title h2,.download-inner h2,.account-copy h2{font-size:2.35rem}
  .world-grid{display:flex;grid-template-columns:none;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.world-card{min-width:82vw;min-height:310px;scroll-snap-align:center}.world-card h3{margin-top:135px}
  .world-focus{padding:24px 18px;min-height:0}.hub-head h3{font-size:2rem}.war-section{background-position:60% center}.download-section{background-position:center top}
  .platform-card{min-height:280px}.account-section{gap:26px}.button{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.world-card,.button{transition:none}.war-section,.download-section{background-attachment:scroll}}