:root{--bg:#070c18;--panel:#0d1629;--panel2:#111d35;--text:#f7f8ff;--muted:#9daac6;--purple:#885cff;--pink:#ef52b3;--cyan:#66e9ff;--gold:#ffd166;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 15%,rgba(112,35,190,.2),transparent 30%),radial-gradient(circle at 10% 40%,rgba(42,91,190,.13),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.landing-nav{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1220px)/2));background:rgba(6,11,23,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.landing-logo{display:flex;align-items:center;gap:8px;white-space:nowrap}.landing-logo span{font-size:22px}.landing-logo b{font-size:15px;letter-spacing:.08em}.landing-logo em{font-size:10px;font-style:normal;color:var(--gold);font-weight:900;letter-spacing:.09em}.landing-nav nav{display:flex;gap:26px;margin-left:auto}.landing-nav nav a{font-size:14px;color:#c4cde1;font-weight:700}.landing-nav nav a:hover{color:#fff}.landing-play{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:16px;padding:16px 24px;background:linear-gradient(135deg,#724cff,#b044e2 55%,#ed4da4);font-weight:900;letter-spacing:.02em;box-shadow:0 14px 40px rgba(113,65,255,.3);transition:.2s transform,.2s box-shadow}.landing-play:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(113,65,255,.42)}.landing-play.small{padding:11px 16px;border-radius:12px;font-size:13px}.landing-ghost{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.035);font-weight:800}.landing-hero{max-width:1280px;min-height:720px;margin:auto;padding:105px 32px 70px;display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center;position:relative}.hero-copy{position:relative;z-index:3}.tester-badge,.section-heading>span,.mini-kicker{display:inline-flex;color:#c3a6ff;font-size:12px;font-weight:900;letter-spacing:.14em}.tester-badge{padding:9px 12px;border:1px solid rgba(157,108,255,.25);border-radius:999px;background:rgba(116,76,255,.08)}.hero-copy h1{font-size:clamp(52px,6vw,88px);line-height:.93;letter-spacing:-.055em;margin:24px 0}.hero-copy h1 span{background:linear-gradient(90deg,#9d72ff,#f461bf 60%,#ffcf73);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.75;color:#b5c0d9;max-width:670px}.hero-actions{display:flex;gap:12px;margin:30px 0 26px}.hero-pills{display:flex;gap:9px;flex-wrap:wrap}.hero-pills span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#abb8d3;background:rgba(255,255,255,.025);font-size:12px;font-weight:700}.hero-visual{min-height:560px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(153,101,255,.22);border-radius:50%;animation:spin 22s linear infinite}.hero-orbit.one{width:490px;height:490px}.hero-orbit.two{width:370px;height:370px;border-style:dashed;animation-direction:reverse;animation-duration:17s}.hero-character-card{width:280px;height:410px;border-radius:34px;padding:18px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;z-index:4;background:linear-gradient(180deg,rgba(45,32,88,.95),rgba(11,20,39,.96));border:1px solid rgba(255,211,102,.34);box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 70px rgba(121,62,255,.16)}.hero-character-card img{width:220px;height:250px;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(0,0,0,.42))}.hero-character-card b{font-size:28px;margin-top:5px}.hero-character-card small{color:#acbad6;margin-top:7px}.card-rarity{color:#ffd159;font-size:10px;font-weight:900;letter-spacing:.15em}.floating-chest{position:absolute;z-index:5;padding:10px 12px;border-radius:18px;background:rgba(13,21,42,.88);border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.28);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center}.floating-chest img{width:90px;height:80px;object-fit:contain}.floating-chest span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#dbe4fb}.chest-a{left:0;top:90px;animation:float 3.4s ease-in-out infinite}.chest-b{right:-10px;bottom:70px;animation:float 3.7s ease-in-out infinite reverse}.boss-bubble{position:absolute;right:5px;top:95px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font-size:40px;background:radial-gradient(circle,rgba(235,68,104,.25),rgba(30,15,45,.9));border:1px solid rgba(255,88,127,.28);animation:float 3s ease-in-out infinite}.boss-bubble span{font-size:8px;font-weight:900;letter-spacing:.1em;position:absolute;bottom:15px}.landing-strip{max-width:1180px;margin:0 auto 90px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:28px;overflow:hidden}.landing-strip>div{padding:26px 28px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}.landing-strip>div:last-child{border:0}.landing-strip strong{font-size:30px}.landing-strip span{color:#98a8c8;font-size:13px}.landing-section{max-width:1220px;margin:0 auto;padding:90px 28px}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2,.boss-copy h2{font-size:clamp(36px,4.5vw,60px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 14px}.section-heading p,.boss-copy>p{color:var(--muted);line-height:1.7;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:27px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(17,28,52,.72),rgba(9,17,34,.7));min-height:220px;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);border-color:rgba(137,92,255,.35)}.feature-grid i{font-style:normal;font-size:34px}.feature-grid h3{font-size:20px;margin:20px 0 10px}.feature-grid p{color:#9aa9c8;line-height:1.65;margin:0;font-size:14px}.chest-showcase{max-width:1280px}.landing-chests{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.landing-chests article{padding:26px 18px 22px;border-radius:26px;border:1px solid var(--line);background:rgba(13,22,42,.72);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:300px}.landing-chests img{width:155px;height:160px;object-fit:contain;transition:.2s}.landing-chests article:hover img{transform:translateY(-6px) scale(1.04)}.landing-chests b{font-size:21px}.landing-chests small{color:#98a9c8;line-height:1.5;margin-top:8px}.landing-chests .bronze{border-color:rgba(183,112,53,.26)}.landing-chests .silver{border-color:rgba(163,195,231,.23)}.landing-chests .gold{border-color:rgba(255,197,58,.27)}.landing-chests .diamond{border-color:rgba(136,102,255,.42);box-shadow:0 0 40px rgba(117,69,255,.08)}.rarity-line{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:18px;font-weight:900}.rarity-line i{font-style:normal;color:#52607c}.common{color:#d8deeb}.rare{color:#55a8ff}.epic{color:#bc6cff}.legendary{color:#ffca40}.mythic{color:#ff658a}.boss-section{display:grid;grid-template-columns:1fr .9fr;gap:58px;align-items:center}.boss-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.boss-rules div{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:5px}.boss-rules b{font-size:14px}.boss-rules span{font-size:12px;color:#93a4c5;line-height:1.5}.boss-preview{padding:28px;border:1px solid rgba(116,90,255,.25);border-radius:30px;background:linear-gradient(180deg,rgba(24,24,66,.8),rgba(11,17,34,.8));box-shadow:0 28px 70px rgba(0,0,0,.25)}.world-core{height:180px;border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(104,95,255,.3),rgba(12,19,43,.88) 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:68px;margin-bottom:14px}.world-core strong{font-size:18px;margin-top:6px}.world-core span{font-size:11px;color:#a5b2cd;margin-top:4px}.leader-row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;background:rgba(255,255,255,.03);margin-top:8px}.leader-row b{color:#b69bff}.leader-row span{font-size:12px;color:#bdc8de}.leader-row.first{border:1px solid rgba(255,208,92,.24);background:rgba(255,197,50,.045)}.leader-row.first b{color:#ffd45e}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.progress-card{border:1px solid var(--line);border-radius:24px;background:rgba(12,21,40,.7);padding:18px;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.progress-card img{width:105px;height:120px;object-fit:contain}.progress-card b{font-size:18px}.progress-card p{font-size:13px;color:#98a7c6;line-height:1.6}.tester-note{max-width:1160px;margin:40px auto 0;padding:0 28px}.tester-note>div{padding:20px 24px;border:1px solid rgba(255,198,73,.2);border-radius:20px;background:rgba(255,190,62,.05);display:flex;gap:15px;align-items:center}.tester-note>div>span{font-size:30px}.tester-note b{color:#ffd26d}.tester-note p{margin:4px 0 0;color:#aeb9d1;font-size:13px}.final-cta{max-width:1160px;margin:100px auto 70px;padding:74px 28px;border:1px solid rgba(139,93,255,.25);border-radius:38px;background:linear-gradient(135deg,rgba(34,23,76,.84),rgba(16,23,47,.86),rgba(72,20,73,.58));text-align:center;position:relative;overflow:hidden}.final-cta>*{position:relative;z-index:2}.final-glow{position:absolute;z-index:0;width:480px;height:480px;left:50%;top:20%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(137,76,255,.16);filter:blur(70px)}.final-cta>span{color:#c4a7ff;font-size:11px;font-weight:900;letter-spacing:.13em}.final-cta h2{font-size:clamp(38px,5vw,62px);margin:14px 0}.final-cta p{color:#adb8d0}.landing-play.giant{margin-top:16px;padding:19px 30px}.final-cta small{display:block;color:#8899bc;margin-top:14px}.landing-footer{max-width:1220px;margin:auto;padding:28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:#8999b9}.landing-footer p{margin:auto;font-size:12px}.landing-footer>div{display:flex;gap:18px;font-size:12px;font-weight:800}.landing-footer>div a:hover{color:#fff}.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-pills{justify-content:center}.hero-visual{min-height:520px}.feature-grid{grid-template-columns:1fr 1fr}.landing-chests{grid-template-columns:1fr 1fr}.boss-section{grid-template-columns:1fr}.progress-grid{grid-template-columns:1fr}.landing-strip{grid-template-columns:1fr 1fr}.landing-strip>div:nth-child(2){border-right:0}.landing-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:640px){.landing-nav{height:66px;padding:0 14px}.landing-logo b{font-size:13px}.landing-logo em{display:none}.landing-play.small{padding:9px 11px;font-size:11px}.landing-hero{padding:70px 18px 50px}.hero-copy h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-visual{min-height:430px}.hero-character-card{width:220px;height:330px}.hero-character-card img{width:175px;height:190px}.hero-character-card b{font-size:22px}.hero-orbit.one{width:360px;height:360px}.hero-orbit.two{width:285px;height:285px}.floating-chest img{width:65px;height:60px}.floating-chest{padding:8px}.boss-bubble{width:80px;height:80px;font-size:30px}.landing-strip{margin:0 16px 50px}.landing-strip>div{padding:18px}.landing-section{padding:60px 18px}.feature-grid,.landing-chests{grid-template-columns:1fr}.rarity-line{gap:7px;flex-wrap:wrap;font-size:12px}.boss-rules{grid-template-columns:1fr}.progress-card{grid-template-columns:82px 1fr}.progress-card img{width:80px;height:90px}.final-cta{margin:70px 16px 45px;padding:52px 18px}.landing-footer{flex-direction:column;text-align:center}.landing-footer p{margin:0}.tester-note{padding:0 16px}.tester-note>div{align-items:flex-start}}

/* ==================== V2.1 TESTER: FIX HERO + LANGUAGE ==================== */
.landing-page{direction:ltr}
.landing-hero{width:min(1220px,calc(100% - 40px));max-width:1220px;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:44px;overflow:visible}
.hero-copy{grid-column:1;min-width:0;max-width:680px;justify-self:start}
.hero-visual{grid-column:2;min-width:0;width:100%;justify-self:stretch}
.hero-copy h1{max-width:680px;word-break:normal;overflow-wrap:normal}
.language-switcher{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#e7ebff;white-space:nowrap}
.language-switcher span{font-size:15px}.language-switcher select{appearance:none;border:0;outline:0;background:transparent;color:#e7ebff;font-size:12px;font-weight:800;cursor:pointer;padding-right:2px}.language-switcher option{background:#0c1426;color:#fff}
html[lang="ru"] .hero-copy h1{font-size:clamp(44px,5vw,72px);line-height:1}
html[lang="zh-CN"] .hero-copy h1,html[lang="th"] .hero-copy h1{font-size:clamp(48px,5.2vw,76px);line-height:1.05;letter-spacing:-.025em}
@media(max-width:1000px){.landing-hero{width:min(760px,calc(100% - 28px));grid-template-columns:1fr;gap:24px}.hero-copy,.hero-visual{grid-column:1}.hero-copy{max-width:none;justify-self:stretch}.hero-visual{width:100%}.language-switcher{margin-left:auto}.landing-nav>.landing-play.small{margin-left:0}}
@media(max-width:640px){.landing-nav{gap:8px}.language-switcher{padding:6px 7px}.language-switcher span{display:none}.language-switcher select{max-width:112px;font-size:11px}.landing-hero{width:100%}.hero-copy h1{font-size:44px}.hero-copy>p{line-height:1.6}.hero-visual{overflow:hidden}}