.landing-root{position:fixed;inset:0;overflow:hidden;font-family:Crimson Text,serif;background:#040609}.landing-bg{position:absolute;inset:0;z-index:0;background-image:url(/bg-eldoria.png);background-size:cover;background-position:center top;background-repeat:no-repeat;filter:brightness(.38) saturate(.7) sepia(.25);transform:scale(1.04);animation:bgBreath 14s ease-in-out infinite alternate}@keyframes bgBreath{0%{transform:scale(1.04);filter:brightness(.38) saturate(.7) sepia(.25)}to{transform:scale(1.08);filter:brightness(.32) saturate(.6) sepia(.3)}}.landing-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 30%,rgba(0,0,0,.75) 100%),linear-gradient(to bottom,rgba(2,3,8,.7) 0%,transparent 35%),linear-gradient(to top,rgba(2,3,8,.95) 0%,rgba(2,3,8,.6) 30%,transparent 60%),linear-gradient(to right,rgba(2,3,8,.5) 0%,transparent 20%),linear-gradient(to left,rgba(2,3,8,.5) 0%,transparent 20%)}.landing-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 60%,rgba(20,15,50,.45) 0%,transparent 70%);mix-blend-mode:multiply}.stars-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.veil-particle{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,rgba(180,160,255,.9) 0%,rgba(100,200,255,.3) 60%,transparent 100%);animation:floatUp linear infinite;filter:blur(1px)}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}80%{opacity:.6}to{transform:translateY(-110vh) scale(.3);opacity:0}}.veil-cracks{position:absolute;inset:0;pointer-events:none;z-index:1}.crack{position:absolute;background:linear-gradient(to bottom,transparent,rgba(200,180,255,.15),transparent);filter:blur(2px);animation:crackPulse 4s ease-in-out infinite alternate}.crack-1{top:0;left:15%;width:2px;height:40%;transform:rotate(8deg);animation-delay:0s}.crack-2{top:10%;right:20%;width:1px;height:30%;transform:rotate(-5deg);animation-delay:1.5s}.crack-3{bottom:0;left:65%;width:2px;height:25%;transform:rotate(12deg);animation-delay:3s}@keyframes crackPulse{0%{opacity:.2}to{opacity:.7}}.title-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;transition:top .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);width:100%;max-width:700px;padding:0 20px}.title-wrapper.title-up{top:32%;transform:translate(-50%,-50%)}.pre-title{font-family:"Press Start 2P",monospace;font-size:9px;color:#a08cc8b3;letter-spacing:.3em;text-transform:uppercase;animation:fadeUp 1s ease .3s both}.game-title{margin-top:14px;display:flex;flex-direction:column;align-items:center;line-height:1;gap:4px}.title-legend{font-family:Cinzel,serif;font-weight:900;font-size:clamp(42px,8vw,80px);color:#e8dfc0;text-shadow:0 0 30px rgba(255,200,100,.4),0 0 60px rgba(255,160,50,.2),0 2px 4px rgba(0,0,0,.8);letter-spacing:.15em;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) .2s both}.title-of{font-family:Cinzel,serif;font-weight:400;font-size:clamp(12px,2.2vw,22px);color:#c8b48c99;letter-spacing:.5em;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) .35s both}.title-eldoria{font-family:Cinzel,serif;font-weight:900;font-size:clamp(48px,9.5vw,92px);background:linear-gradient(135deg,#c8a86e,#f0d080 35%,#c8a86e,#a07840 65%,#e8c870);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,180,60,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.9));letter-spacing:.08em;animation:fadeUp 1.4s cubic-bezier(.16,1,.3,1) .5s both}.title-underline{width:200px;height:1px;background:linear-gradient(to right,transparent,rgba(200,160,80,.6),transparent);margin:16px auto 0;animation:fadeUp 1s ease 1s both}.tagline{margin-top:16px;font-family:Crimson Text,serif;font-style:italic;font-size:clamp(14px,1.8vw,18px);color:#b4aa9bcc;line-height:1.7;animation:fadeUp 1s ease 1.2s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:none}}.menu-wrapper{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;z-index:10;animation:menuSlideUp .8s cubic-bezier(.16,1,.3,1) both}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.menu-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 20px 16px;max-width:480px;width:100%}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:20px}.btn-connect,.btn-enter{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 40px;border:none;border-radius:4px;cursor:pointer;font-family:Cinzel,serif;font-weight:600;font-size:15px;letter-spacing:.12em;transition:all .2s ease;min-width:280px;overflow:hidden}.btn-connect{background:linear-gradient(135deg,#1a0a2e,#2d1650);color:#c4a6f0;border:1px solid rgba(153,69,255,.5);box-shadow:0 0 20px #9945ff33,inset 0 1px #ffffff1a}.btn-connect:hover:not(:disabled){background:linear-gradient(135deg,#250f40,#3d1e70);border-color:#9945ffe6;box-shadow:0 0 35px #9945ff66,inset 0 1px #ffffff26;transform:translateY(-1px)}.btn-connect:disabled{opacity:.6;cursor:not-allowed}.btn-connect.loading .btn-text:after{content:"";display:inline-block;width:10px;animation:dotdot 1s steps(3) infinite}@keyframes dotdot{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.btn-enter{background:linear-gradient(135deg,#3d1a00,#7a3500);color:#f0d080;border:1px solid rgba(200,140,40,.6);box-shadow:0 0 25px #c882284d,inset 0 1px #ffffff1a}.btn-enter:hover{background:linear-gradient(135deg,#5a2600,#9a4800);border-color:#f0b43ce6;box-shadow:0 0 40px #f0aa3280,inset 0 1px #ffffff26;transform:translateY(-2px)}.btn-arrow{font-size:12px;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.btn-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.btn-text{position:relative;z-index:1}.btn-guest{background:none;border:1px solid rgba(120,100,80,.3);color:#a09682b3;font-family:Crimson Text,serif;font-size:16px;padding:10px 28px;border-radius:3px;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.btn-guest:hover{border-color:#b4a07880;color:#c8b99be6;background:#6450321a}.guest-note{font-size:13px;opacity:.6}.divider{display:flex;align-items:center;gap:12px;width:100%;max-width:280px}.divider-line{flex:1;height:1px;background:#645a504d}.divider-text{font-family:Crimson Text,serif;font-size:13px;color:#786e5a99;letter-spacing:.1em}.wallet-badge{display:flex;align-items:center;gap:8px;background:#14f19514;border:1px solid rgba(20,241,149,.25);border-radius:999px;padding:6px 16px}.wallet-dot{width:7px;height:7px;border-radius:50%;background:#14f195;box-shadow:0 0 8px #14f195;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #14f195}50%{box-shadow:0 0 16px #14f195,0 0 24px #14f19566}}.wallet-label{font-family:"Press Start 2P",monospace;font-size:8px;color:#14f195;letter-spacing:.1em}.wallet-address{font-family:"Press Start 2P",monospace;font-size:7px;color:#14f195b3}.vss-notice{font-family:Crimson Text,serif;font-size:14px;color:#b4a57899;letter-spacing:.05em}.wallet-hint{font-family:Crimson Text,serif;font-size:13px;color:#8c826e99;max-width:300px;line-height:1.5;text-align:center}.wallet-error{font-family:Crimson Text,serif;font-size:13px;color:#ff6450cc;max-width:280px;text-align:center;line-height:1.5}.sol-badge{display:flex;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:7px;color:#9945ff99;letter-spacing:.12em;padding:5px 12px;border:1px solid rgba(153,69,255,.2);border-radius:999px}.version-tag{font-family:"Press Start 2P",monospace;font-size:6px;color:#645a5066;letter-spacing:.15em}.fade-out{animation:landingFadeOut .8s ease forwards}@keyframes landingFadeOut{0%{opacity:1;transform:scale(1);filter:none}to{opacity:0;transform:scale(1.03);filter:blur(4px)}}.story-root{position:fixed;inset:0;overflow:hidden;font-family:Crimson Text,serif;background:#040609;animation:storyFadeIn 1.2s ease both}@keyframes storyFadeIn{0%{opacity:0}to{opacity:1}}.story-bg{position:absolute;inset:0;z-index:0;background-image:url(/bg-mourne.png);background-size:cover;background-position:center 30%;background-repeat:no-repeat;filter:brightness(.28) saturate(.8) sepia(.15);transform:scale(1.04);animation:storyBgDrift 20s ease-in-out infinite alternate}@keyframes storyBgDrift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.08) translate(-1%)}}.story-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 20%,rgba(0,0,0,.82) 100%),linear-gradient(to bottom,rgba(4,6,9,.85) 0%,transparent 25%),linear-gradient(to top,rgba(4,6,9,.98) 0%,rgba(4,6,9,.7) 25%,transparent 55%),linear-gradient(to right,rgba(4,6,9,.6) 0%,transparent 20%),linear-gradient(to left,rgba(4,6,9,.6) 0%,transparent 20%)}.story-scroll{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;padding:80px 40px 220px;z-index:10;overflow:hidden;box-sizing:border-box}.story-content{display:flex;flex-direction:column;gap:28px}.story-line{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity 1.4s ease,transform 1.4s ease,filter 1.4s ease}.story-line-visible{opacity:1;transform:translateY(0);filter:none}.story-chapter{font-family:Cinzel,serif;font-weight:700;font-size:clamp(13px,1.8vw,17px);letter-spacing:.4em;color:#c8a050bf;text-align:center;text-transform:uppercase}.story-quote{font-family:Crimson Text,serif;font-style:italic;font-size:clamp(17px,2.2vw,22px);color:#dcd2b9e0;line-height:1.8;text-align:center;padding:20px 32px;border-left:2px solid rgba(200,160,80,.35);border-right:2px solid rgba(200,160,80,.35);position:relative}.story-quote:before,.story-quote:after{content:"";display:block;height:1px;background:linear-gradient(to right,transparent,rgba(200,160,80,.3),transparent);margin:0 0 12px}.story-quote:after{margin:12px 0 0}.story-body{font-family:Crimson Text,serif;font-size:clamp(16px,2vw,20px);color:#beb4a0cc;line-height:1.9;text-align:center;max-width:640px;margin:0 auto}.story-excerpt{font-family:Crimson Text,serif;font-style:italic;font-size:clamp(12px,1.4vw,14px);color:#8c826e80;text-align:center;letter-spacing:.06em}.story-tip{font-family:Cinzel,serif;font-size:clamp(14px,1.6vw,16px);font-style:italic;color:#dcb450b3;text-align:center;letter-spacing:.12em;padding-top:8px;border-top:1px solid rgba(200,160,80,.15)}.story-footer{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 40px 32px;background:linear-gradient(to top,rgba(4,6,9,1) 0%,rgba(4,6,9,.9) 60%,transparent 100%)}.story-loading-row{display:flex;align-items:center;gap:12px;width:100%;max-width:500px}.story-loading-label{font-family:"Press Start 2P",monospace;font-size:8px;color:#c8a0508c;letter-spacing:.2em;flex:1}.story-loading-pct{font-family:"Press Start 2P",monospace;font-size:8px;color:#c8a05073;letter-spacing:.1em;min-width:36px;text-align:right}.story-bar-track{width:100%;max-width:500px;height:3px;background:#ffffff12;border-radius:999px;overflow:visible;position:relative}.story-bar-fill{height:100%;background:linear-gradient(to right,#7a4800,#c88030,#f0c060);border-radius:999px;transition:width .12s linear;position:relative;box-shadow:0 0 8px #f0b43c80}.story-bar-shimmer{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,100,.6) 0%,transparent 70%);pointer-events:none;filter:blur(2px);animation:shimmerPulse .8s ease-in-out infinite alternate}@keyframes shimmerPulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.story-continue-wrap{opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease;pointer-events:none}.story-continue-visible{opacity:1;transform:translateY(0);pointer-events:auto}.btn-story-continue{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 48px;border:none;border-radius:4px;cursor:pointer;font-family:Cinzel,serif;font-weight:700;font-size:14px;letter-spacing:.18em;overflow:hidden;background:linear-gradient(135deg,#3d1a00,#7a3500);color:#f0d080;border:1px solid rgba(200,140,40,.6);box-shadow:0 0 30px #c8822859,inset 0 1px #ffffff1a;transition:all .2s ease}.btn-story-continue:hover{background:linear-gradient(135deg,#5a2600,#9a4800);border-color:#f0b43ce6;box-shadow:0 0 50px #f0aa328c,inset 0 1px #ffffff26;transform:translateY(-2px)}