:root{color-scheme:dark;--jade:#a4e7c6}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#081b18;color:#f1f8f5;font:15px/1.6 'Segoe UI',Arial,sans-serif}body::before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#031016d9,#03141824 55%,#03141699),linear-gradient(0deg,#081b18,transparent 45%),url('/img/index/landing-bg.webp') center/cover no-repeat;z-index:-2}a{color:var(--jade);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a,button{transition:background .2s,color .2s,transform .2s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b9f5d9;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}header,main,footer{width:min(1280px,calc(100% - 80px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid #c8f3eb20}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:21px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#b2cdc7;font-weight:400}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{color:#d3e3dd}.nav-action{border:1px solid #a2e5c650;padding:9px 17px;border-radius:30px;background:#0b241a50}.hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:90px;min-height:calc(100svh - 180px);padding:35px 0 45px}.hero-copy{animation:arrive .8s ease both}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c6eadb;margin:0 0 16px}.hero-logo{display:block;width:min(350px,100%);height:auto;margin:-45px 0 -26px -12px;filter:drop-shadow(0 8px 30px #028bad25)}h1{font-size:clamp(30px,3vw,46px);line-height:1.2;font-weight:600;letter-spacing:-1.3px;margin:0 0 20px}.intro{color:#d4e4e0;line-height:1.8;font-size:16px}.world-stats{display:flex;gap:25px;margin-top:35px;color:#a7c4bc;font-size:12px}.world-stats b{display:block;font-weight:600;font-size:24px;color:#eefaf4;line-height:1.3}.account-panel{border:1px solid #8dd4b936;background:linear-gradient(135deg,#17362ef0,#0b211de8);border-radius:24px;padding:28px;box-shadow:0 22px 65px #0005;animation:arrive 1s .12s ease both;min-width:0;scroll-margin-top:24px}.account-tabs{display:flex;border-bottom:1px solid #a3cbb326;gap:24px;margin-bottom:28px}.account-tabs button{background:none;color:#92afa8;border:0;border-bottom:2px solid transparent;padding:0 0 12px;font-size:13px}.account-tabs button[aria-pressed=true]{color:#c8f6de;border-color:#a1e5c1}h2{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:0 0 25px;overflow-wrap:anywhere}label{display:block;font-size:12px;color:#b5d0c5;margin:15px 0}input,select{display:block;width:100%;min-width:0;border:1px solid #8cb6a133;background:#071c18a6;color:#ecf7f1;border-radius:10px;padding:12px 13px;margin-top:7px;outline:0}input::placeholder{color:#65867d}input:focus,select:focus{border-color:#9ee8c0;box-shadow:0 0 0 3px #87dcb214}.primary{display:block;text-align:center;background:var(--jade);color:#092d22;border:0;border-radius:11px;padding:13px 16px;font-size:13px;font-weight:700;width:100%;margin-top:25px}.primary:hover{background:#c1f4db;transform:translateY(-1px)}.quiet{display:block;color:#a5c1b5;border:0;background:none;font-size:12px;margin:17px auto 0;padding:0;text-align:center}.password-field{position:relative}.password-field input{padding-right:45px}.show-password{position:absolute;right:4px;top:3px;bottom:3px;width:38px;border:0;background:none;color:#a9cbbf}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-pair label{min-width:0}details{font-size:11px;color:#9bb9ac;margin-top:14px}summary{cursor:pointer}.agreement{font-size:10px;color:#8daea0;margin:18px 0 0}.agreement a{text-decoration:underline}.panel-foot{border-top:1px solid #a3cbb320;margin-top:24px;padding-top:16px;color:#83a999;font-size:10px}.panel-note{font-size:13px;color:#b1cec2}#account-notice{font-size:12px;color:#a6efd0;overflow-wrap:anywhere;margin-bottom:0}#account-notice.error{color:#ffb7ac}[hidden]{display:none!important}footer{display:flex;justify-content:space-between;gap:18px;padding:20px 0;color:#75968e;font-size:10px;border-top:1px solid #92c8b120}.sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sky i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#c3ffd8;box-shadow:0 0 10px #acefc9;animation:firefly 9s var(--delay) ease-in-out infinite;opacity:0}.meteor{position:absolute;left:65%;top:12%;width:130px;height:1px;background:linear-gradient(90deg,transparent,#c9f3ff);animation:meteor 14s 3s linear infinite;opacity:0}.rules-panel{padding:35px;background:#0f2925ef;margin-top:35px;margin-bottom:40px;border:1px solid #92c8b130;border-radius:20px}.RulesBig{font-size:23px;margin:22px 0}.NameContent{font-size:30px;font-weight:600;margin-bottom:25px}.RulesLine{padding:10px 0;color:#c3d8ce;font-size:14px}.RulesLine+.RulesLine{border-top:1px solid #ffffff0c}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes firefly{0%,100%{opacity:0;transform:translateY(15px)}35%,65%{opacity:.65}80%{transform:translateY(-25px)}}@keyframes meteor{0%,90%,100%{opacity:0;transform:translate(0,0) rotate(-35deg)}92%{opacity:.6}96%{opacity:0;transform:translate(-240px,170px) rotate(-35deg)}}@media(max-width:1000px){header,main,footer{width:calc(100% - 48px)}.hero{gap:35px;grid-template-columns:minmax(0,1fr) 350px}.hero-logo{width:300px}h1{font-size:34px}}@media(max-width:700px){body::before{background:linear-gradient(0deg,#081b18,#081b1850 75%),url('/img/index/landing-bg-mobile.webp') 51% top/auto 720px no-repeat}header{padding:17px 0;gap:12px}.brand{font-size:17px;gap:6px}.brand img{width:36px;height:36px}.brand small{font-size:7px;letter-spacing:1px}nav{gap:14px;font-size:11px}nav>a:first-child{display:none}.nav-action{padding:7px 11px}header,main,footer{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;gap:30px;padding:26px 0;min-height:auto}.hero-copy{text-align:center}.hero-logo{width:245px;margin:-30px auto -22px}.hero-copy .eyebrow{font-size:8px}h1{font-size:29px}.intro{font-size:13px}.world-stats{justify-content:center;margin-top:20px;gap:35px}.world-stats b{font-size:20px}.account-panel{width:min(430px,100%);margin:auto;padding:24px;border-radius:20px}footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:9px}.rules-panel{padding:22px}.meteor{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sky{display:none}}

/* Keep ambient motion above the artwork and below the interactive page. */
body{isolation:isolate}body::before{z-index:0}.sky{z-index:1}header,main,footer{position:relative;z-index:2}
.sky i{width:5px;height:5px;background:#d5ffb8;box-shadow:0 0 8px #c3ff92,0 0 20px #b4ff7880;animation:visible-firefly 7s calc(var(--delay) * -1) ease-in-out infinite}
.sky i:nth-of-type(3n){width:3px;height:3px;background:#afffff;box-shadow:0 0 10px #7efaff;animation-duration:9s}
.meteor{display:block;left:78%;top:12%;width:190px;height:2px;background:linear-gradient(90deg,transparent,#a9eaff 75%,#fff);box-shadow:0 0 8px #8adaff90;animation:visible-meteor 6s -1s linear infinite}
.meteor.second{left:55%;top:6%;width:125px;animation-duration:8s;animation-delay:-4s}
@keyframes visible-firefly{0%,100%{opacity:.1;transform:translate(0,30px) scale(.6)}25%{opacity:.95;transform:translate(18px,0) scale(1.15)}60%{opacity:.65;transform:translate(-15px,-50px) scale(.85)}85%{opacity:.15;transform:translate(12px,-90px) scale(.6)}}
@keyframes visible-meteor{0%{opacity:0;transform:translate(0,0) rotate(-35deg)}8%{opacity:1}35%{opacity:0;transform:translate(-480px,330px) rotate(-35deg)}100%{opacity:0;transform:translate(-480px,330px) rotate(-35deg)}}
@media(max-width:700px){.meteor{display:block;width:105px}.sky i{width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.sky{display:none}.sky *{animation:none!important}}

/* The bright tip leads each meteor; the tail trails toward the upper right. */
.meteor{background:linear-gradient(90deg,#fff 0%,#b6f3ff 9%,#65c9ff80 40%,transparent 100%);height:2px;transform-origin:left center;animation:meteor-fall 7s -1.5s cubic-bezier(.3,0,.65,1) infinite;box-shadow:none}
.meteor::before{content:'';position:absolute;left:-2px;top:-1px;width:4px;height:4px;background:#e7fbff;border-radius:50%;box-shadow:0 0 9px #aeedff,0 0 22px #69c9ff}
.meteor.second{animation-name:meteor-fall-soft;animation-duration:10s;animation-delay:-6s}
@keyframes meteor-fall{0%,70%{opacity:0;transform:translate(120px,-80px) rotate(-35deg)}73%{opacity:.9}88%{opacity:.65}95%,100%{opacity:0;transform:translate(-520px,370px) rotate(-35deg)}}
@keyframes meteor-fall-soft{0%,58%{opacity:0;transform:translate(100px,-70px) rotate(-42deg)}62%{opacity:.8}75%{opacity:.55}82%,100%{opacity:0;transform:translate(-410px,360px) rotate(-42deg)}}
.sky i{width:7px;height:7px;background:#daffab;box-shadow:0 0 7px #d3ff93,0 0 20px #a6ff7290;animation:firefly-drift 9s calc(var(--delay) * -1) ease-in-out infinite}
.sky i:nth-of-type(3n){width:5px;height:5px;animation-name:firefly-wander;animation-duration:7s}
.sky i:nth-of-type(4n){width:9px;height:9px;animation-name:firefly-wander;animation-duration:12s;box-shadow:0 0 10px #ffe998,0 0 26px #ffc96380;background:#fff2bb}
@keyframes firefly-drift{0%,100%{opacity:.2;transform:translate(-20px,40px) scale(.6)}20%{opacity:.9;transform:translate(40px,-20px) scale(1)}45%{opacity:.4;transform:translate(-30px,-90px) scale(.7)}70%{opacity:1;transform:translate(60px,-50px) scale(1.15)}}
@keyframes firefly-wander{0%,100%{opacity:.15;transform:translate(15px,20px) scale(.7)}25%{opacity:.85;transform:translate(-65px,-40px) scale(1.1)}55%{opacity:.35;transform:translate(25px,-110px) scale(.6)}80%{opacity:.9;transform:translate(75px,-25px) scale(1)}}
.grass{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.grass::before{content:'';position:absolute;inset:-4px;background:linear-gradient(90deg,#031016d9,#03141824 55%,#03141699),linear-gradient(0deg,#081b18,transparent 45%),url('/img/index/landing-bg.webp') center/cover no-repeat;mask-image:linear-gradient(transparent 76%,#000 91%);-webkit-mask-image:linear-gradient(transparent 76%,#000 91%);transform-origin:center bottom;animation:grass-wind 5s ease-in-out infinite}
.grass i{position:absolute;bottom:-7px;left:var(--x);height:var(--h);width:6px;border-radius:90% 10% 0 0;background:linear-gradient(#97c97755,#173f3180);transform-origin:center bottom;animation:blade-sway 4s var(--delay) ease-in-out infinite;transform:rotate(var(--tilt))}.grass i:nth-child(3n){width:4px;animation-duration:5.5s;opacity:.6}
@keyframes grass-wind{0%,100%{transform:skewX(-.3deg) translateX(-1px)}50%{transform:skewX(.55deg) translateX(2px)}}
@keyframes blade-sway{0%,100%{transform:rotate(calc(var(--tilt) - 7deg))}50%{transform:rotate(calc(var(--tilt) + 10deg))}}
@media(max-width:700px){.sky i{width:6px;height:6px}.sky i:nth-of-type(4n){width:8px;height:8px}.grass::before{background:linear-gradient(0deg,#081b18,#081b1850 75%),url('/img/index/landing-bg-mobile.webp') 51% 4px/auto 720px no-repeat}.grass i{height:calc(var(--h) * .7)}}
@media(prefers-reduced-motion:reduce){.sky,.grass{display:none}.sky *,.grass *{animation:none!important}}
@media(max-width:700px){.grass::before{mask-image:linear-gradient(transparent 430px,#000 555px,#000 680px,transparent 750px);-webkit-mask-image:linear-gradient(transparent 430px,#000 555px,#000 680px,transparent 750px)}}

/* Pointer-driven scenery; account controls stay anchored. */
body::before{inset:-22px;transform:translate(var(--scene-x,0px),var(--scene-y,0px))}
.sky{inset:-32px;transform:translate(var(--lights-x,0px),var(--lights-y,0px))}
.grass{inset:-8px -22px;transform:translate(var(--grass-x,0px),var(--grass-y,0px))}
.grass i{width:8px;background:linear-gradient(#a9df8b88,#245840bb 65%,#10372dcc);border-radius:100% 0 0 0}
.grass i:nth-child(3n){width:5px;opacity:.8}.grass i:nth-child(5n){width:11px;border-radius:0 100% 0 0;background:linear-gradient(#caea8990,#3a714aba 60%,#173c30cc)}
@media(max-width:700px){body::before{inset:0;transform:none}.sky{inset:0;transform:none}.grass{inset:0;transform:none}.grass i{height:calc(var(--h) * .65);width:6px}}
@media(prefers-reduced-motion:reduce){body::before,.sky,.grass{transform:none!important}}

.logo-scene{position:relative;width:min(350px,100%);margin:-45px 0 -26px -12px}.logo-scene .hero-logo{width:100%;margin:0}.logo-glint{position:absolute;inset:0;pointer-events:none;mask:url('/img/Logo/landing-logo.webp') center/contain no-repeat;-webkit-mask:url('/img/Logo/landing-logo.webp') center/contain no-repeat;overflow:hidden}
.logo-glint::after{content:'';position:absolute;inset:-35%;background:linear-gradient(105deg,transparent 43%,#efffff88 49%,#fffbdba6 51%,transparent 57%);animation:logo-shine 10s -3s ease-in-out infinite;transform:translateX(-100%)}
.logo-star{position:absolute;color:#fff4cc;font-size:22px;pointer-events:none;text-shadow:0 0 12px #ffd879;animation:logo-spark 5s ease-in-out infinite}.logo-star.first{left:36%;top:20%;animation-delay:-1s}.logo-star.last{right:12%;top:69%;font-size:15px;animation-delay:-3s}
.world-opening{max-width:405px;margin-top:25px;padding-left:13px;border-left:2px solid #94ddb56b}.opening-label{color:#bcebd1;font-size:12px;font-weight:600}.world-opening p{font-size:12px;color:#b0c8bf;line-height:1.7;margin:6px 0 0}.world-stats{margin-top:24px}
@keyframes logo-shine{0%,60%{opacity:0;transform:translateX(-100%)}64%{opacity:.8}82%{opacity:.8}87%,100%{opacity:0;transform:translateX(100%)}}
@keyframes logo-spark{0%,100%{opacity:.1;transform:scale(.55) rotate(-15deg)}45%{opacity:.9;transform:scale(1.1) rotate(15deg)}70%{opacity:.3;transform:scale(.7) rotate(30deg)}}
@media(max-width:1000px){.logo-scene{width:300px}}
@media(max-width:700px){.logo-scene{width:245px;margin:-30px auto -22px}.world-opening{margin:20px auto 0;max-width:330px;padding:0 10px;border-left:0}.world-opening p{font-size:11px}.opening-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.logo-glint,.logo-star{display:none}}
@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/unbounded/cyrillic-600.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/unbounded/latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.brand,h1,.account-panel h2{font-family:Unbounded,'Segoe UI',sans-serif;font-weight:600}.brand{font-size:18px;letter-spacing:-.5px}.brand small{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:2px}h1{font-size:clamp(27px,2.7vw,39px);line-height:1.35;letter-spacing:-1px}.account-panel h2{font-size:22px;line-height:1.4;letter-spacing:-.6px}
@media(max-width:1000px){h1{font-size:29px}}
@media(max-width:700px){.brand{font-size:15px}.brand small{letter-spacing:1px}h1{font-size:clamp(22px,6vw,28px);letter-spacing:-.7px}.account-panel h2{font-size:20px}}

.world-preview{position:relative;z-index:2;width:min(1280px,calc(100% - 80px));margin:0 auto 38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-card{padding:25px;border:1px solid #8dd4b92b;border-radius:20px;background:linear-gradient(135deg,#17362ee8,#0b211ded)}.preview-kicker{display:block;color:#a4e7c6;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}.preview-card h2{font-family:Unbounded,'Segoe UI',sans-serif;font-weight:600;font-size:17px;line-height:1.5;letter-spacing:-.4px;margin-bottom:14px}.preview-card p{font-size:13px;color:#b5cec3;line-height:1.85;margin:0}.preview-card strong{color:#e2f3e9;font-weight:600}.preview-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.preview-tags span{font-size:10px;padding:5px 10px;background:#a4e7c610;border:1px solid #a4e7c62b;border-radius:20px;color:#c3e6d2}.preview-link{display:inline-block;margin-top:20px;font-size:12px}.preview-news{border-color:#a4e7c649}.effects-toggle{color:#b5d8c6;background:#a4e7c60b;border:1px solid #a4e7c633;border-radius:20px;padding:6px 12px;font-size:11px}.effects-toggle:disabled{cursor:default;opacity:.7}footer{align-items:center}
.effects-off *,.effects-off *::before,.effects-off *::after{animation:none!important;transition:none!important}.effects-off .sky,.effects-off .logo-glint,.effects-off .logo-star{display:none}.effects-off body::before,.effects-off .grass{transform:none!important}
@media(max-width:1000px){.world-preview{width:calc(100% - 48px);gap:12px}.preview-card{padding:20px}.preview-card h2{font-size:15px}}
@media(max-width:700px){.world-preview{width:calc(100% - 32px);grid-template-columns:1fr;margin-bottom:28px;gap:14px}.preview-card{padding:23px}.preview-card h2{font-size:17px}.effects-toggle{flex-basis:auto}}