:root{--bg:#03060b;--bg2:#071019;--panel:#09131d;--panel2:#0c1823;--cyan:#2de2f4;--cyan2:#8ff5ff;--gold:#d9ad50;--gold2:#f5d989;--violet:#7b5cff;--text:#f3f7fa;--muted:#91a8b8;--line:rgba(102,214,235,.18);--danger:#ff766f;--success:#67e4a5;--warning:#f0c56d;--shadow:0 30px 80px rgba(0,0,0,.48);--shell:min(1220px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.shell{width:var(--shell);margin-inline:auto}
.site-header{height:82px;position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1460px)/2));background:linear-gradient(180deg,rgba(3,6,11,.97),rgba(3,6,11,.78));border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;gap:12px;min-width:275px}.crest{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(245,217,137,.55);clip-path:polygon(50% 0,92% 20%,92% 78%,50% 100%,8% 78%,8% 20%);font-family:Georgia,serif;font-weight:800;color:var(--gold2);background:radial-gradient(circle at 50% 20%,rgba(245,217,137,.16),transparent 65%)}.wordmark-copy{display:flex;flex-direction:column}.wordmark strong{font:700 19px/1 Georgia,serif;letter-spacing:.08em;color:var(--gold2)}.wordmark small{margin-top:5px;font-size:9px;letter-spacing:.22em;color:var(--cyan);font-weight:800}.primary-nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1}.nav-link{position:relative;padding:30px 12px 27px;color:#c5d1d9;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));transform:scaleX(0);transition:.25s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:15px}.lang-picker{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.lang-picker button{border:0;background:transparent;color:#78909f;padding:7px 8px;font-size:10px;font-weight:800;cursor:pointer}.lang-picker button.active{background:rgba(45,226,244,.14);color:var(--cyan2)}.discord-button{padding:10px 16px;border:1px solid rgba(45,226,244,.35);color:var(--cyan2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.discord-button:hover{background:rgba(45,226,244,.1)}.menu-toggle{display:none}
.hero{min-height:850px;position:relative;display:flex;align-items:center;padding-top:82px;overflow:hidden;background:#03060b}.hero-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,6,11,.98) 0%,rgba(3,6,11,.76) 40%,rgba(3,6,11,.08) 72%),url('/assets/hero-bg-v21.svg');background-position:center;background-size:cover;transform:scale(1.02)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,var(--bg)),radial-gradient(circle at 60% 35%,transparent 0,rgba(3,6,11,.15) 45%,rgba(3,6,11,.65) 100%)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:75px;align-items:center}.hero-copy{max-width:735px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.26em;font-weight:900;text-transform:uppercase}.hero h1,.internal-hero h1{margin:18px 0 22px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,6.6vw,96px);line-height:.95;letter-spacing:-.042em;font-weight:500;max-width:920px;text-wrap:balance}.hero h1{background:linear-gradient(180deg,#fff 5%,#d9e1e7 62%,#8497a5);-webkit-background-clip:text;color:transparent}.hero-lead{max-width:690px;color:#b5c5cf;font-size:18px;line-height:1.72}.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.hero-badges span,.pill{padding:7px 11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#b9ccd7}.hero-cta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:30px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border:1px solid transparent;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.105em;cursor:pointer;transition:.22s}.button.primary{color:#071014;background:linear-gradient(135deg,var(--gold2),#c8933f);box-shadow:0 13px 35px rgba(217,173,80,.17)}.button.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.ghost{border-color:rgba(45,226,244,.32);background:rgba(4,12,18,.45);color:var(--cyan2);backdrop-filter:blur(10px)}.button.ghost:hover{background:rgba(45,226,244,.1)}.button.dark{border-color:rgba(255,255,255,.16);background:#071019}.button.full{width:100%}.button.disabled{opacity:.48;pointer-events:none}.text-cta{display:inline-flex;align-items:center;gap:11px;color:#eaf7fb;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.text-cta i{color:var(--cyan);font-style:normal;font-size:16px}.hero-meta{margin-top:38px;color:#657b89;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.glass{background:linear-gradient(145deg,rgba(12,24,35,.82),rgba(5,12,19,.65));border:1px solid rgba(130,226,242,.17);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.live-card{padding:24px}.live-card-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.16em;color:#7d96a5}.live-state{display:flex;align-items:center;gap:7px;color:var(--warning)}.live-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.live-state.online{color:var(--success)}.live-state.offline{color:var(--danger)}.live-grid{display:grid;grid-template-columns:1fr 1fr}.live-grid>div{min-height:112px;padding:22px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.live-grid>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.live-grid span{display:block;color:#718896;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.live-grid strong{display:inline-block;margin-top:9px;font:600 26px/1 Georgia,serif;color:#fff}.live-grid small{color:#78909f;margin-left:5px}.live-actions{display:flex;justify-content:space-between;padding-top:18px}.live-actions a{color:var(--cyan2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.scroll-cue{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;color:#657c8b;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.scroll-cue i{font-style:normal;color:var(--cyan);font-size:24px;animation:bounce 1.7s infinite}@keyframes bounce{50%{transform:translateY(6px)}}
.section{padding:115px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:48px}.section-heading h2,.profile-copy h2,.join-inner h2{max-width:800px;margin:13px 0 0;font:500 clamp(36px,4.1vw,58px)/1.08 Georgia,serif;letter-spacing:-.03em}.section-heading>p{max-width:405px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.feature-card{min-height:310px;position:relative;padding:31px 27px;border-right:1px solid var(--line);background:linear-gradient(160deg,rgba(12,24,35,.78),rgba(5,10,16,.88));overflow:hidden}.feature-card:last-child{border-right:0}.feature-card:before{content:"";position:absolute;inset:auto -20px -75px auto;width:180px;height:180px;border:1px solid rgba(45,226,244,.12);border-radius:50%}.feature-card:hover{background:linear-gradient(160deg,rgba(16,34,47,.92),rgba(5,10,16,.92))}.feature-number{position:absolute;right:20px;top:19px;font:400 11px Georgia,serif;color:#4c6472}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(45,226,244,.25);color:var(--cyan);font-size:21px}.feature-card h3{margin:48px 0 15px;font:500 23px/1.2 Georgia,serif}.feature-card p{margin:0;color:#8298a6;font-size:14px;line-height:1.7}.profile-band{padding:92px 0;background:linear-gradient(90deg,rgba(45,226,244,.055),transparent 45%),#071019;border-block:1px solid var(--line)}.profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.profile-copy .text-cta{margin-top:27px}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.profile-stats div{padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-stats div:nth-child(even){border-right:0}.profile-stats div:nth-child(n+3){border-bottom:0}.profile-stats span{display:block;color:#6e8796;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.profile-stats strong{display:block;margin-top:10px;font:500 27px Georgia,serif;color:#eaf6fa}.news-section{padding-bottom:130px}.news-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:15px}.news-card{min-height:295px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);background:#08111a}.news-card.featured{background:radial-gradient(circle at 90% 10%,rgba(123,92,255,.18),transparent 38%),linear-gradient(145deg,#0c1a26,#071019)}.news-tag{align-self:flex-start;padding:6px 9px;border:1px solid rgba(45,226,244,.22);color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em}.news-card h3{margin:42px 0 13px;font:500 27px Georgia,serif}.news-card p{color:#879aa6;font-size:14px;line-height:1.7}.news-card a{margin-top:auto;color:var(--gold2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.join-band{padding:90px 0;background:radial-gradient(circle at 85% 50%,rgba(45,226,244,.1),transparent 35%),linear-gradient(120deg,#0b1520,#050a10);border-top:1px solid var(--line)}.join-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.join-inner p{color:#8ca0ad}.join-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.internal-view{padding-top:82px;min-height:100vh}.internal-hero{padding:105px 0 75px;background:linear-gradient(90deg,rgba(3,6,11,.95),rgba(3,6,11,.6)),url('/assets/hero-bg-v21.svg') center 47%/cover;border-bottom:1px solid var(--line)}.internal-hero h1{font-size:clamp(46px,6vw,74px);margin-bottom:12px}.internal-hero p{color:#a0b2bd;font-size:17px}.internal-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:20px;padding-block:55px 100px}.content-card{padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,#0b1721,#070d14);box-shadow:0 18px 50px rgba(0,0,0,.22)}.content-card h2{margin:0 0 15px;font:500 29px Georgia,serif}.content-card p{color:#8da0ad;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label>span{display:block;margin-bottom:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#cbd8df}.form-grid input{width:100%;height:52px;padding:0 14px;border:1px solid rgba(255,255,255,.11);outline:0;background:#050a10;color:#fff}.form-grid input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(45,226,244,.08)}.form-grid small{display:block;margin-top:7px;color:#607784;font-size:11px}.terms{display:flex;gap:10px;margin:24px 0;color:#9cb0bc;font-size:13px}.bot-field{position:absolute!important;left:-10000px!important}.alert{padding:13px 15px;margin-bottom:18px;border:1px solid var(--line);font-size:13px}.alert.error{border-color:rgba(255,118,111,.35);background:rgba(255,118,111,.08);color:#ffc1bd}.alert.success{border-color:rgba(103,228,165,.35);background:rgba(103,228,165,.08);color:#aaf5cc}.alert.warning{border-color:rgba(240,197,109,.3);background:rgba(240,197,109,.07);color:#e9cd96;margin-top:18px}.info-symbol{width:65px;height:65px;display:grid;place-items:center;border:1px solid rgba(45,226,244,.24);color:var(--cyan);font-size:30px;margin-bottom:35px}.service-list{margin-top:27px;border-top:1px solid var(--line)}.service-list div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.service-list span{color:#8096a4}.service-list b{color:var(--danger)}.service-list b.ok{color:var(--success)}.fineprint{font-size:11px!important}.download-card{display:grid;grid-template-columns:150px 1fr;gap:30px}.download-mark{height:150px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 20%,92% 78%,50% 100%,8% 78%,8% 20%);border:1px solid rgba(245,217,137,.45);background:radial-gradient(circle,rgba(245,217,137,.15),transparent 67%);font:600 38px Georgia,serif;color:var(--gold2)}.download-specs{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0;border:1px solid var(--line)}.download-specs div{padding:14px;border-right:1px solid var(--line)}.download-specs div:last-child{border:0}.download-specs span{display:block;color:#637986;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.download-specs strong{display:block;margin-top:5px;font-size:12px}.compact-steps{padding-left:22px;color:#93a6b2}.compact-steps li{padding:10px 0;border-bottom:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-block:55px 110px}.step-card{min-height:285px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#0b1721,#070d14)}.step-card b{font:500 50px Georgia,serif;color:rgba(45,226,244,.18)}.step-card h2{margin:35px 0 12px;font:500 28px Georgia,serif}.step-card p{color:#8499a6}.ranking-card{margin:55px 0 110px}.ranking-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#8da2ae}.text-button{border:0;background:transparent;color:var(--cyan);cursor:pointer;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:17px 16px;text-align:left;border-bottom:1px solid var(--line)}th{color:#6e8491;font-size:10px;text-transform:uppercase;letter-spacing:.11em}td{color:#d9e5eb;font-size:13px}tbody tr:hover{background:rgba(45,226,244,.035)}.info-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-block:55px 110px}.content-card dl{margin:0}.content-card dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}dt{color:#728995}dd{margin:0;color:#fff;font-weight:700}.clean-list{list-style:none;padding:0;margin:0}.clean-list li{padding:13px 0;border-bottom:1px solid var(--line);color:#8fa3af}.site-footer{padding:45px 0;border-top:1px solid var(--line);background:#03070c}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand>div{display:flex;flex-direction:column}.footer-brand strong{font-family:Georgia,serif;color:var(--gold2);letter-spacing:.08em}.footer-brand small{color:#708590;margin-top:4px}.footer-links{display:flex;justify-content:center;gap:20px;color:#8ba0ab;font-size:12px}.footer-legal{display:flex;flex-direction:column;text-align:right;color:#516774;font-size:10px}.noscript{padding:20px;background:#511;color:#fff}
@media(max-width:1120px){.site-header{padding-inline:18px}.wordmark{min-width:auto}.primary-nav{gap:0}.nav-link{padding-inline:8px;font-size:11px}.hero-content{grid-template-columns:1fr 340px;gap:35px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:nth-child(2){border-right:0}.feature-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}}
@media(max-width:860px){:root{--shell:min(100% - 28px,720px)}.site-header{height:70px}.wordmark small{display:none}.header-actions .discord-button{display:none}.menu-toggle{display:flex;align-items:center;gap:4px;margin-left:auto;border:0;background:transparent;color:#fff}.menu-toggle span{display:block;width:18px;height:1px;background:#fff}.menu-toggle b{display:none}.primary-nav{position:fixed;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:15px 20px 25px;background:rgba(3,7,12,.98);border-bottom:1px solid var(--line)}.primary-nav.open{display:flex}.nav-link{padding:14px 0}.nav-link:after{left:0;right:auto;width:80px}.hero{min-height:900px;padding-top:100px}.hero-content{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(47px,12vw,70px)}.live-card{max-width:520px}.scroll-cue{display:none}.section{padding:80px 0}.section-heading{align-items:start;flex-direction:column}.profile-grid,.internal-grid{grid-template-columns:1fr}.profile-stats{margin-top:15px}.join-inner{align-items:flex-start;flex-direction:column}.join-actions{justify-content:flex-start}.guide-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;text-align:left}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-legal{text-align:left}.internal-view{padding-top:70px}.form-grid{grid-template-columns:1fr}.download-card{grid-template-columns:1fr}.download-mark{width:130px}.info-dashboard{grid-template-columns:1fr}}
@media(max-width:560px){.hero{min-height:850px}.hero-backdrop{background-image:linear-gradient(180deg,rgba(3,6,11,.74),rgba(3,6,11,.96) 75%),url('/assets/hero-bg-v21.svg');background-position:62% center}.hero h1{font-size:45px}.hero-lead{font-size:15px}.live-card{padding:16px}.live-grid>div{padding:17px 10px;min-height:90px}.live-grid strong{font-size:21px}.feature-grid,.guide-grid{grid-template-columns:1fr}.feature-card{border-right:0;border-bottom:1px solid var(--line)!important}.feature-card:last-child{border-bottom:0!important}.profile-stats{grid-template-columns:1fr}.profile-stats div{border-right:0!important;border-bottom:1px solid var(--line)!important}.profile-stats div:last-child{border-bottom:0!important}.news-grid{grid-template-columns:1fr}.join-actions .button{width:100%}.download-specs{grid-template-columns:1fr}.download-specs div{border-right:0;border-bottom:1px solid var(--line)}.download-specs div:last-child{border-bottom:0}.content-card{padding:23px}.site-header{gap:10px}.wordmark strong{font-size:15px}.crest{width:39px;height:39px}.lang-picker button{padding:6px}.hero-cta .button{width:100%}.text-cta{padding:10px 0}}

/* V7 CINEMATIC HOME — clean artwork, no embedded text or UI */
.hero{min-height:940px;background:#02050a;isolation:isolate}
.hero-backdrop{inset:0;background-image:linear-gradient(90deg,rgba(2,5,10,.93) 0%,rgba(2,5,10,.75) 25%,rgba(2,5,10,.30) 52%,rgba(2,5,10,.12) 72%,rgba(2,5,10,.45) 100%),linear-gradient(180deg,rgba(2,5,10,.08) 0%,rgba(2,5,10,.06) 60%,#03060b 100%),url('/assets/home-cinematic-v11.webp');background-position:center center;background-size:cover;transform:none;filter:saturate(.96) contrast(1.04)}
.hero-vignette{background:radial-gradient(circle at 76% 22%,rgba(44,204,255,.13),transparent 27%),linear-gradient(90deg,rgba(2,5,10,.72) 0%,transparent 43%),linear-gradient(180deg,transparent 66%,#03060b 100%)}
.hero-content{grid-template-columns:minmax(0,1fr) 390px;gap:48px;padding-top:28px}
.hero-copy{max-width:660px;margin-left:80px;text-shadow:0 3px 22px rgba(0,0,0,.95)}
.hero h1{font-size:clamp(58px,5.35vw,82px);line-height:.98;max-width:650px;background:linear-gradient(180deg,#fff 0%,#e5ebef 65%,#f2c96c 100%);-webkit-background-clip:text;background-clip:text}
.hero-lead{max-width:620px;color:#d0dae0;font-size:16px;line-height:1.65}
.hero-badges span{background:rgba(2,8,13,.72);border-color:rgba(84,220,239,.26);backdrop-filter:blur(8px)}
.live-card{background:linear-gradient(145deg,rgba(5,16,25,.94),rgba(2,8,14,.90));border-color:rgba(62,221,244,.43);box-shadow:0 25px 80px rgba(0,0,0,.58),0 0 35px rgba(45,226,244,.07)}
#features{margin-top:-1px;background:linear-gradient(180deg,#03060b,#06101a)}
.feature-card,.news-card,.content-card,.step-card{background:linear-gradient(145deg,rgba(9,23,34,.96),rgba(3,9,15,.97))}
.internal-hero{background:linear-gradient(90deg,rgba(3,6,11,.96),rgba(3,6,11,.55)),url('/assets/home-cinematic-v11.webp') center 45%/cover}
@media(max-width:1120px){.hero-copy{margin-left:20px}.hero-content{gap:28px}.hero h1{font-size:clamp(52px,6vw,72px)}}
@media(max-width:860px){.hero{min-height:1040px}.hero-backdrop{background-position:37% center}.hero-copy{margin-left:0}.hero-content{padding-top:45px}.hero h1{max-width:620px}}
@media(max-width:560px){.hero{min-height:980px}.hero-backdrop{background-image:linear-gradient(180deg,rgba(2,5,10,.68),rgba(2,5,10,.94) 62%,#03060b 100%),url('/assets/home-cinematic-v11.webp');background-position:38% center}.hero h1{font-size:44px}.hero-copy{padding-top:18px}.hero-lead{font-size:14px}}


/* V8 KNIGHT EMPHASIS — make the left-side knight more visible */
.hero-backdrop{
  background-image:
    linear-gradient(90deg,rgba(2,5,10,.86) 0%,rgba(2,5,10,.58) 18%,rgba(2,5,10,.22) 42%,rgba(2,5,10,.10) 67%,rgba(2,5,10,.42) 100%),
    linear-gradient(180deg,rgba(2,5,10,.05) 0%,rgba(2,5,10,.02) 54%,#03060b 100%),
    url('/assets/home-cinematic-v11.webp');
  background-position:34% center;
  background-size:cover;
  filter:saturate(1.03) contrast(1.07) brightness(1.05);
}
.hero-vignette{
  background:
    radial-gradient(circle at 16% 44%,rgba(101,175,255,.18),transparent 18%),
    radial-gradient(circle at 74% 20%,rgba(44,204,255,.16),transparent 25%),
    linear-gradient(90deg,rgba(2,5,10,.52) 0%,transparent 32%),
    linear-gradient(180deg,transparent 64%,#03060b 100%);
}
.hero-copy{max-width:650px;margin-left:72px}
.internal-hero{
  position:relative;
  background:
    linear-gradient(90deg,rgba(3,6,11,.82) 0%,rgba(3,6,11,.52) 22%,rgba(3,6,11,.24) 48%,rgba(3,6,11,.46) 100%),
    linear-gradient(180deg,rgba(3,6,11,.10),rgba(3,6,11,.54)),
    url('/assets/home-cinematic-v11.webp') 32% 34%/cover no-repeat;
}
.internal-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 14% 43%,rgba(88,160,255,.16),transparent 20%);
}
.internal-hero > .shell{position:relative;z-index:1}
@media(max-width:1120px){
  .hero-copy{margin-left:24px}
  .hero-backdrop{background-position:31% center}
  .internal-hero{background-position:28% 34%}
}
@media(max-width:860px){
  .hero-backdrop{background-position:27% center}
  .hero-copy{margin-left:0}
  .internal-hero{background-position:24% center}
}
@media(max-width:560px){
  .hero-backdrop{
    background-image:linear-gradient(180deg,rgba(2,5,10,.56),rgba(2,5,10,.90) 62%,#03060b 100%),url('/assets/home-cinematic-v11.webp');
    background-position:24% center;
  }
  .internal-hero{background-position:20% center}
}


/* V9 PREMIUM HERO REFINEMENT */
.site-header{
  height:78px;
  background:linear-gradient(180deg,rgba(2,5,9,.985),rgba(3,7,12,.86));
  box-shadow:0 10px 35px rgba(0,0,0,.32);
}
.wordmark{min-width:300px}
.crest{width:48px;height:48px;filter:drop-shadow(0 0 13px rgba(239,195,99,.2))}
.wordmark strong{font-size:20px}
.primary-nav{gap:7px}
.nav-link{padding:28px 11px 25px;letter-spacing:.045em}
.nav-link:after{height:2px;box-shadow:0 0 11px rgba(45,226,244,.55)}
.lang-picker{transform:scale(.94)}
.discord-button{display:flex;align-items:center;gap:8px;box-shadow:inset 0 0 22px rgba(45,226,244,.035)}
.discord-glyph{font-size:15px;color:var(--cyan)}

.hero{min-height:840px;padding-top:78px}
.hero-backdrop{
  background-image:
    linear-gradient(90deg,rgba(2,5,10,.67) 0%,rgba(2,5,10,.40) 17%,rgba(2,5,10,.14) 40%,rgba(2,5,10,.05) 66%,rgba(2,5,10,.32) 100%),
    linear-gradient(180deg,rgba(2,5,10,.03) 0%,rgba(2,5,10,.02) 57%,#03060b 100%),
    url('/assets/home-cinematic-v11.webp');
  background-position:31% center;
  filter:saturate(1.08) contrast(1.1) brightness(1.09);
}
.hero-vignette{
  background:
    radial-gradient(ellipse at 13% 43%,rgba(93,174,255,.24),transparent 19%),
    radial-gradient(circle at 76% 19%,rgba(44,204,255,.19),transparent 25%),
    linear-gradient(90deg,rgba(1,4,8,.34) 0%,transparent 29%),
    linear-gradient(180deg,transparent 61%,#03060b 100%);
}
.hero-content{grid-template-columns:minmax(0,1fr) 405px;gap:42px;padding-top:18px}
.hero-copy{max-width:620px;margin-left:125px;text-shadow:0 4px 28px rgba(0,0,0,.98)}
.hero h1{font-size:clamp(52px,4.75vw,72px);line-height:1.01;max-width:610px;letter-spacing:-.038em}
.hero-lead{font-size:15.5px;max-width:590px;color:#d4dde2}
.hero-badges{margin:21px 0}
.hero-cta{gap:11px;margin-top:24px}
.hero-cta .button{height:52px;min-height:52px}
.hero-cta .button.ghost{background:linear-gradient(180deg,rgba(7,31,41,.82),rgba(3,14,21,.86));border-color:rgba(45,226,244,.52);box-shadow:inset 0 0 24px rgba(45,226,244,.05),0 0 20px rgba(45,226,244,.035)}
.hero-cta .text-cta{min-height:52px;padding:0 17px;border:1px solid rgba(112,121,255,.18);background:linear-gradient(180deg,rgba(21,27,45,.72),rgba(8,12,21,.82))}
.hero-meta{margin-top:28px}
.scroll-cue{bottom:15px}

.live-card{position:relative;padding:24px 24px 21px;border-color:rgba(70,229,250,.58);box-shadow:0 28px 90px rgba(0,0,0,.64),0 0 42px rgba(45,226,244,.11),inset 0 0 30px rgba(45,226,244,.025)}
.live-card:before,.live-card:after{content:"";position:absolute;width:34px;height:34px;pointer-events:none}
.live-card:before{left:-2px;top:-2px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}
.live-card:after{right:-2px;bottom:-2px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}
.live-card-top{font-size:10.5px}
.live-state.offline{color:#e66d68}
.live-state i{animation:statusPulse 1.9s ease-in-out infinite}
@keyframes statusPulse{50%{opacity:.45;transform:scale(.78);box-shadow:0 0 4px currentColor}}
.live-grid>div{min-height:116px;padding:20px 14px}
.metric>span{display:flex;align-items:center;gap:7px}
.metric>span b{font:inherit;color:inherit}
.metric-icon{font-style:normal;color:var(--cyan);font-size:14px;text-shadow:0 0 10px rgba(45,226,244,.35)}
.metric-players{position:relative}
.player-progress{height:4px;margin-top:13px;background:rgba(255,255,255,.08);overflow:hidden}
.player-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),#80eeff);box-shadow:0 0 12px var(--cyan);transition:width .8s ease}
.live-actions a{display:flex;align-items:center;gap:7px}

#features{position:relative;z-index:3;margin-top:-28px;padding-top:86px}
.feature-grid{box-shadow:0 -20px 60px rgba(0,0,0,.25)}
.button{transition:transform .2s ease,filter .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover,.text-cta:hover,.discord-button:hover{transform:translateY(-2px)}
.hero-backdrop{animation:heroDrift 18s ease-in-out infinite alternate}
@keyframes heroDrift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(-8px,-3px,0)}}

.internal-hero{
  background:
    linear-gradient(90deg,rgba(3,6,11,.73) 0%,rgba(3,6,11,.48) 23%,rgba(3,6,11,.22) 47%,rgba(3,6,11,.42) 100%),
    linear-gradient(180deg,rgba(3,6,11,.07),rgba(3,6,11,.50)),
    url('/assets/home-cinematic-v11.webp') 27% 34%/cover no-repeat;
}

@media(max-width:1240px){
  .hero-copy{margin-left:78px}
  .hero-content{grid-template-columns:minmax(0,1fr) 370px}
  .hero h1{font-size:clamp(50px,5vw,68px)}
}
@media(max-width:1120px){
  .hero-copy{margin-left:35px}
  .hero-backdrop{background-position:28% center}
}
@media(max-width:860px){
  .hero{min-height:980px}
  .hero-copy{margin-left:0}
  .hero-backdrop{background-position:24% center}
  .hero h1{font-size:clamp(46px,10vw,64px)}
  #features{margin-top:0;padding-top:75px}
}
@media(max-width:560px){
  .hero{min-height:900px}
  .hero-backdrop{background-position:20% center}
  .hero h1{font-size:42px}
  .hero-cta .text-cta{width:100%;justify-content:center}
}

/* V10 COMPOSITION FIX — closer to the approved premium layout */
:root{--shell:min(1320px,calc(100% - 40px));}
.hero{
  min-height:720px;
  padding-top:78px;
  align-items:center;
}
.hero-backdrop{
  background-image:
    linear-gradient(90deg,rgba(2,5,10,.48) 0%,rgba(2,5,10,.20) 18%,rgba(2,5,10,.06) 43%,rgba(2,5,10,.02) 68%,rgba(2,5,10,.22) 100%),
    linear-gradient(180deg,rgba(2,5,10,.01) 0%,rgba(2,5,10,.02) 62%,rgba(3,6,11,.92) 100%),
    url('/assets/home-cinematic-v11.webp');
  background-position:35% center;
  filter:saturate(1.08) contrast(1.08) brightness(1.12);
  animation:none;
}
.hero-vignette{
  background:
    radial-gradient(ellipse at 13% 44%,rgba(92,180,255,.28),transparent 22%),
    radial-gradient(circle at 77% 18%,rgba(44,204,255,.17),transparent 24%),
    linear-gradient(90deg,rgba(1,4,8,.16) 0%,transparent 27%),
    linear-gradient(180deg,transparent 70%,rgba(3,6,11,.92) 100%);
}
.hero-content{
  grid-template-columns:minmax(0,760px) 390px;
  justify-content:space-between;
  gap:42px;
  padding-top:6px;
}
.hero-copy{
  max-width:760px;
  margin-left:120px;
  text-shadow:0 4px 26px rgba(0,0,0,.95);
}
.hero h1{
  max-width:730px;
  font-size:clamp(48px,4.1vw,62px);
  line-height:1.02;
  letter-spacing:-.035em;
  margin:14px 0 18px;
}
.hero-lead{
  max-width:610px;
  font-size:14.5px;
  line-height:1.6;
}
.hero-badges{margin:18px 0 0;gap:8px}
.hero-cta{
  margin-top:18px;
  gap:10px;
  flex-wrap:nowrap;
}
.hero-cta .button,
.hero-cta .text-cta{
  min-height:48px;
  height:48px;
  white-space:nowrap;
  padding-inline:18px;
  font-size:10.5px;
}
.hero-cta .text-cta{display:inline-flex;width:auto;justify-content:center}
.hero-meta{margin-top:20px;font-size:9.5px}
.live-card{width:390px;padding:22px}
.live-grid>div{min-height:105px;padding:18px 13px}
.live-grid strong{font-size:24px}
.scroll-cue{display:none}
#features{
  margin-top:0;
  padding-top:58px;
}
.feature-grid{transform:translateY(0)}
@media(max-width:1240px){
  :root{--shell:min(1160px,calc(100% - 32px));}
  .hero-content{grid-template-columns:minmax(0,1fr) 360px;gap:28px}
  .hero-copy{margin-left:55px}
  .hero h1{font-size:clamp(47px,4.5vw,59px)}
  .live-card{width:360px}
}
@media(max-width:980px){
  .hero{min-height:900px}
  .hero-content{grid-template-columns:1fr}
  .hero-copy{margin-left:0;max-width:680px}
  .live-card{width:min(100%,520px)}
  .hero-cta{flex-wrap:wrap}
}
@media(max-width:560px){
  .hero{min-height:920px}
  .hero h1{font-size:42px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .button,.hero-cta .text-cta{width:100%}
}




/* V13 NATURAL STORM — no drawn bolt shapes, only cinematic sky illumination */
.hero-backdrop{
  background-position:35% 8%;
}
.hero-vignette{
  background:
    radial-gradient(ellipse at 13% 31%,rgba(105,190,255,.22),transparent 23%),
    radial-gradient(circle at 79% 12%,rgba(71,211,255,.16),transparent 26%),
    linear-gradient(90deg,rgba(1,4,8,.13) 0%,transparent 28%),
    linear-gradient(180deg,transparent 72%,rgba(3,6,11,.94) 100%);
}
.hero::before{
  content:"";
  position:absolute;
  inset:78px 0 0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(ellipse at 61% 18%,rgba(225,249,255,.66) 0%,rgba(103,211,255,.30) 9%,rgba(39,140,220,.12) 23%,transparent 42%),
    radial-gradient(ellipse at 72% 16%,rgba(119,214,255,.22),transparent 32%),
    linear-gradient(180deg,rgba(103,198,255,.08),transparent 46%);
  mix-blend-mode:screen;
  animation:naturalStormGlow 10.8s infinite;
}
.hero::after{
  content:"";
  position:absolute;
  inset:78px 0 0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(180deg,rgba(188,235,255,.12),transparent 36%);
  mix-blend-mode:screen;
  animation:naturalStormWash 10.8s infinite;
}
@keyframes naturalStormGlow{
  0%,58%,100%{opacity:0}
  60%{opacity:.18}
  61.2%{opacity:.78}
  62.2%{opacity:.22}
  63.5%{opacity:.58}
  65.2%{opacity:.16}
  67.2%{opacity:.42}
  70%{opacity:.10}
  73%{opacity:0}
}
@keyframes naturalStormWash{
  0%,59%,100%{opacity:0}
  61.2%{opacity:.22}
  62.4%{opacity:.05}
  63.6%{opacity:.16}
  66%{opacity:.04}
  68%{opacity:.10}
  72%{opacity:0}
}
.internal-hero{background-position:27% 8%}
@media(max-width:1240px){.hero-backdrop{background-position:31% 8%}}
@media(max-width:980px){
  .hero-backdrop{background-position:26% 7%}
  .hero::before,.hero::after{inset:70px 0 0}
}
@media(max-width:560px){
  .hero-backdrop{background-position:22% top}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero::after{animation:none;opacity:0}
}

/* V14 CITY LIGHTNING — thin natural strikes in the distant city sky */
.hero::before,.hero::after{content:none!important;display:none!important}
.city-lightning{
  position:absolute;
  left:0;right:0;top:82px;
  width:100%;height:56%;
  z-index:1;
  pointer-events:none;
  overflow:visible;
  mix-blend-mode:screen;
}
.sky-bolt{opacity:0;transform-origin:center top;animation:cityBoltStrike 12.8s linear infinite}
.bolt-a{animation-delay:-1.6s}
.bolt-b{animation-delay:-5.1s}
.bolt-c{animation-delay:-8.4s}
.bolt-d{animation-delay:-11.2s}
.bolt-core,.bolt-branch,.bolt-glow{fill:none;stroke-linecap:round;stroke-linejoin:round}
.bolt-core{stroke:rgba(237,251,255,.96);stroke-width:1.15;filter:url(#lightningGlow)}
.bolt-branch{stroke:rgba(207,240,255,.82);stroke-width:.72;filter:url(#lightningGlow)}
.bolt-glow{stroke:rgba(91,188,255,.34);stroke-width:5.2;filter:url(#lightningSoft)}
.bolt-cloud{fill:rgba(104,193,255,.12);filter:url(#lightningSoft)}
.city-storm-flash{
  position:absolute;inset:82px 0 auto;height:58%;z-index:1;pointer-events:none;opacity:0;
  background:
    radial-gradient(ellipse at 50% 14%,rgba(220,247,255,.18),rgba(79,174,244,.08) 18%,transparent 43%),
    radial-gradient(ellipse at 64% 18%,rgba(164,224,255,.13),transparent 34%);
  mix-blend-mode:screen;
  animation:citySkyFlash 12.8s linear infinite;
}
@keyframes cityBoltStrike{
  0%,66%,100%{opacity:0}
  67.0%{opacity:.20}
  67.35%{opacity:.98}
  67.8%{opacity:.08}
  68.15%{opacity:.72}
  68.55%{opacity:.03}
  69.1%{opacity:.46}
  69.55%{opacity:0}
}
@keyframes citySkyFlash{
  0%,66%,100%{opacity:0}
  67.35%{opacity:.34}
  67.8%{opacity:.05}
  68.15%{opacity:.23}
  68.6%{opacity:.03}
  69.1%{opacity:.13}
  70%{opacity:0}
}
@media(max-width:980px){
  .city-lightning{top:70px;height:52%}
  .city-storm-flash{inset:70px 0 auto;height:54%}
  .bolt-d{display:none}
}
@media(max-width:560px){
  .city-lightning{height:46%;opacity:.72}
  .bolt-a,.bolt-d{display:none}
}
@media(prefers-reduced-motion:reduce){
  .sky-bolt,.city-storm-flash{animation:none!important;opacity:0!important}
}

/* V15 PROCEDURAL LIGHTNING — realistic, thin, randomized strikes behind the city */
.city-lightning,.sky-bolt{display:none!important}
.city-lightning-canvas{
  position:absolute;
  inset:82px 0 auto 0;
  width:100%;
  height:58%;
  z-index:1;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.92;
}
.city-storm-flash{
  position:absolute;
  inset:82px 0 auto;
  height:58%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(ellipse at 57% 18%,rgba(220,246,255,.22),rgba(79,166,235,.08) 22%,transparent 47%);
  mix-blend-mode:screen;
  transition:opacity .08s linear;
  animation:none!important;
}
.city-storm-flash.active{opacity:1}
@media(max-width:980px){
  .city-lightning-canvas{inset:70px 0 auto;height:54%}
  .city-storm-flash{inset:70px 0 auto;height:54%}
}
@media(max-width:560px){
  .city-lightning-canvas{height:48%;opacity:.78}
}
@media(prefers-reduced-motion:reduce){
  .city-lightning-canvas{display:none!important}
  .city-storm-flash{display:none!important}
}

.register-rules{
  position:relative;
  margin:0 0 22px;
  padding:15px 16px 15px 48px;
  border:1px solid rgba(45,226,244,.30);
  background:linear-gradient(135deg,rgba(45,226,244,.09),rgba(45,226,244,.025));
  color:#c6eaf0;
  font-size:13px;
  line-height:1.65;
}
.register-rules::before{
  content:"i";
  position:absolute;
  left:15px;
  top:15px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(45,226,244,.55);
  border-radius:50%;
  color:var(--cyan);
  font-weight:900;
  font-family:Georgia,serif;
}


/* V23 Cloudflare Turnstile registration protection */
.turnstile-block{
  margin:0 0 24px;
  padding:17px;
  border:1px solid rgba(45,226,244,.22);
  background:linear-gradient(135deg,rgba(45,226,244,.055),rgba(5,10,16,.72));
}
.turnstile-title{
  display:block;
  margin-bottom:12px;
  color:#cbd8df;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#turnstile-widget{
  min-height:65px;
  display:flex;
  align-items:center;
}
.turnstile-help{
  display:block;
  margin-top:10px;
  color:#718894;
  font-size:11px;
  line-height:1.55;
}
#register-submit:disabled{
  cursor:not-allowed;
  opacity:.48;
  filter:saturate(.45);
  transform:none;
}
@media(max-width:420px){
  .turnstile-block{
    padding:13px;
    overflow:hidden;
  }
  #turnstile-widget{
    transform-origin:left top;
  }
}


/* V24 ACCOUNT PORTAL */
.header-account{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#d7e5ec;padding:9px 11px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.header-account:hover{border-color:rgba(45,226,244,.35);color:var(--cyan2)}button.header-account{font-family:inherit}.narrow-grid{width:min(620px,calc(100% - 40px));margin:55px auto 110px}.narrow-grid .form-card label,.support-grid .form-card label{display:block;margin-bottom:18px}.narrow-grid input,.support-grid input,.support-grid textarea{width:100%;margin-top:8px;padding:14px 15px;border:1px solid rgba(255,255,255,.12);background:#050b11;color:#fff;outline:0}.narrow-grid input:focus,.support-grid input:focus,.support-grid textarea:focus{border-color:rgba(45,226,244,.55);box-shadow:0 0 0 3px rgba(45,226,244,.07)}.support-grid textarea{resize:vertical;min-height:160px}.form-switch{margin:22px 0 0;color:#7d919d;text-align:center;font-size:12px}.form-switch a{color:var(--cyan2);font-weight:800}.news-page-grid,.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:55px 0 110px}.news-detail,.legal-card{min-height:230px}.news-detail h2,.legal-card h2,.legal-document h2{font:500 27px/1.2 Georgia,serif}.news-detail p,.legal-card p,.legal-document p{color:#91a6b2;line-height:1.75}.legal-grid{grid-template-columns:repeat(2,1fr)}.legal-document{margin:55px auto 110px;max-width:920px}.legal-document h2{margin-top:32px}.legal-document h2:first-child{margin-top:0}.checksum-row{margin:18px 0;padding:13px 14px;border:1px solid var(--line);background:rgba(0,0,0,.18)}.checksum-row span{display:block;color:#6f8592;font-size:9px;letter-spacing:.1em}.checksum-row code{display:block;margin-top:7px;color:#c4d8e1;word-break:break-all;font-size:11px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:55px 0 110px}.account-details div{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-bottom:1px solid var(--line)}.account-details dt{color:#748995}.account-details dd{text-align:right;word-break:break-word}.account-actions{display:flex;flex-direction:column;gap:12px}.action-tile{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.action-tile:hover{border-color:rgba(45,226,244,.35);background:rgba(45,226,244,.045)}.action-tile>b{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(45,226,244,.22);color:var(--cyan);font-size:20px}.action-tile span{display:flex;flex-direction:column}.action-tile small{margin-top:4px;color:#718793}.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;padding:55px 0 110px}.panel-heading,.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ticket-list{display:flex;flex-direction:column;gap:13px}.ticket-card{padding:17px;border:1px solid var(--line);background:rgba(0,0,0,.18)}.ticket-head span{color:var(--cyan);font-size:10px;font-weight:900;text-transform:uppercase}.ticket-message{white-space:pre-wrap;color:#a3b4bd}.ticket-card small{color:#617681}.ticket-reply{margin-top:15px;padding:14px;border-left:2px solid var(--gold);background:rgba(217,173,80,.055)}.ticket-reply b{color:var(--gold2);font-size:11px;text-transform:uppercase}.ticket-reply p{margin-bottom:0;white-space:pre-wrap}.empty-state{text-align:center;margin-top:0}.empty-state .info-symbol{margin-inline:auto}.page-view[hidden],[hidden]{display:none!important}
@media(max-width:1250px){.header-actions{gap:8px}.header-account{padding:8px;font-size:9px}.primary-nav .nav-link{padding-inline:8px}}
@media(max-width:980px){.header-actions .header-account{display:none}.account-grid,.support-grid,.news-page-grid,.legal-grid{grid-template-columns:1fr}.news-detail,.legal-card{min-height:auto}}
@media(max-width:860px){.header-actions .auth-only,.header-actions .guest-only{display:none!important}.narrow-grid{width:min(100% - 28px,620px)}.account-grid,.support-grid,.news-page-grid,.legal-grid{padding-top:35px}}

/* V25 – 21-language selector and RTL support */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lang-picker.lang-select-wrap{display:flex;align-items:center;padding:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);min-width:148px}
.lang-picker.lang-select-wrap:focus-within{border-color:rgba(45,226,244,.55);box-shadow:0 0 0 2px rgba(45,226,244,.08)}
#language-select{width:100%;height:34px;border:0;outline:0;padding:0 34px 0 11px;color:var(--cyan2);background-color:transparent;font-size:11px;font-weight:800;letter-spacing:.03em;cursor:pointer;appearance:auto}
#language-select option{color:#eef8fb;background:#101b25;font-weight:600}
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .internal-copy,html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-heading,html[dir="rtl"] .form-card,html[dir="rtl"] .legal-card,html[dir="rtl"] .account-card,html[dir="rtl"] .ticket-card{text-align:right}
html[dir="rtl"] input[name="accountid"],html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="password"],html[dir="rtl"] textarea{direction:ltr;text-align:left}
html[dir="rtl"] .discord-glyph,html[dir="rtl"] .metric-icon{display:inline-block}
@media(max-width:1180px){.lang-picker.lang-select-wrap{min-width:132px}#language-select{font-size:10px}}
@media(max-width:760px){.lang-picker.lang-select-wrap{width:100%;min-width:0}#language-select{height:42px;font-size:12px}}

/* ==========================================================
   ABYSSALS NEWS – V26
   ========================================================== */

.abyssals-home-card {
  background:
    radial-gradient(circle at 88% 14%, rgba(126, 49, 202, .27), transparent 37%),
    radial-gradient(circle at 15% 90%, rgba(184, 30, 30, .18), transparent 42%),
    linear-gradient(145deg, #101321, #06090f);
}

.abyssals-home-card .news-tag {
  border-color: rgba(173, 91, 255, .42);
  color: #c493ff;
}

.abyssals-news {
  grid-column: 1 / -1;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 91% 8%, rgba(117, 54, 210, .17), transparent 32%),
    linear-gradient(145deg, rgba(10, 18, 29, .99), rgba(3, 7, 12, .99));
}

.abyssals-image-wrap {
  width: 100%;
  background: #020307;
  border-bottom: 1px solid rgba(145, 83, 222, .25);
}

.abyssals-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.abyssals-copy {
  padding: 38px 42px 42px;
}

.abyssals-copy h2 {
  margin: 24px 0 16px;
  font-size: clamp(32px, 4vw, 49px);
}

.abyssals-copy p {
  max-width: 1050px;
  color: #9babb5;
  font-size: 15px;
  line-height: 1.85;
}

.abyssals-copy .abyssals-lead {
  color: #d0dce2;
  font-size: 17px;
}

.abyssals-class-box {
  margin: 28px 0 24px;
  padding: 23px 25px;
  border: 1px solid rgba(158, 82, 229, .28);
  background: linear-gradient(120deg, rgba(113, 42, 173, .11), rgba(120, 15, 15, .07));
}

.abyssals-class-box h3 {
  margin: 0 0 12px;
  color: #e3c6ff;
  font: 500 23px/1.25 Georgia, serif;
}

.abyssals-class-box p {
  margin: 0;
  color: #b6c3ca;
}

.abyssals-status {
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  color: #c5a661 !important;
  font-size: 13px !important;
}

@media (max-width: 720px) {
  .abyssals-copy {
    padding: 26px 22px 30px;
  }

  .abyssals-copy h2 {
    font-size: 34px;
  }

  .abyssals-copy .abyssals-lead {
    font-size: 15px;
  }
}

/* V27 – preserve the paragraph breaks in the full Abyssals story. */
.abyssals-copy p,
.abyssals-class-box p {
  white-space: pre-line;
}

/* V28 – complete Abyssals story in 21 languages. */
.abyssals-copy > p {
  margin: 0 0 22px;
}

.abyssals-copy .abyssals-lead {
  margin-bottom: 26px;
}

.abyssals-class-item {
  margin: 0 0 18px !important;
  padding-left: 18px;
  border-left: 2px solid rgba(174, 95, 244, .42);
}

.abyssals-conclusion {
  margin-top: 30px !important;
  color: #d0dce2 !important;
}

.abyssals-status {
  white-space: normal !important;
}