.login-page{position:fixed;inset:0;overflow:hidden;background:#0a1420}.login-map-backdrop{position:absolute;inset:0;z-index:0}.login-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0a142026,#0a142059 45%,#0a1420e0 78%,#0a1420f5),linear-gradient(180deg,rgba(10,20,32,.55) 0%,transparent 18%,transparent 78%,rgba(10,20,32,.85) 100%)}.login-panel-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:32px clamp(24px,6vw,96px);box-sizing:border-box}.login-panel{width:100%;max-width:420px;max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:none;border-radius:4px!important;background:linear-gradient(135deg,#221a15eb,#16110df5)!important;border:2px solid #8C7355!important;outline:1px solid #D4AF37!important;outline-offset:-4px!important;box-shadow:0 15px 35px #000c,inset 0 0 25px #0009!important;padding:22px 30px 26px!important;color:#f3ede2!important}.login-panel::-webkit-scrollbar{display:none}.login-panel .MuiOutlinedInput-root{background-color:#00000040!important}.login-panel .MuiInputBase-input{color:#f3ede2!important;caret-color:#f3ede2;color-scheme:dark}.login-panel .MuiInputLabel-root{color:#c8b195!important}.login-panel .MuiInputLabel-root.Mui-focused{color:#e7c56b!important}.login-panel .MuiInputLabel-root.Mui-error{color:#ef5350!important}.login-panel .MuiOutlinedInput-notchedOutline{border-color:#8c73558c!important}.login-panel .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#c8a24b!important}.login-panel .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#d4af37!important}.login-panel .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#ef5350!important}.login-panel .MuiIconButton-root{color:#c8b195!important}.login-panel .MuiFormHelperText-root{color:#f3ede299!important}.login-panel .MuiFormHelperText-root.Mui-error{color:#ef5350!important}.login-panel input:-webkit-autofill,.login-panel input:-webkit-autofill:hover,.login-panel input:-webkit-autofill:focus,.login-panel input:-webkit-autofill:active{-webkit-text-fill-color:#F3EDE2!important;-webkit-box-shadow:0 0 0 1000px #221A15 inset!important;box-shadow:0 0 0 1000px #221a15 inset!important;caret-color:#f3ede2!important;transition:background-color 9999s ease-in-out 0s}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(140,115,85,.35)}.login-brand-title{color:#faf7f0!important;font-family:Cinzel,MedievalSharp,serif!important;letter-spacing:4px!important;text-shadow:0 2px 12px rgba(212,175,55,.35),0 2px 4px rgba(0,0,0,.8);margin-top:2px}.login-brand-rule{width:64px;height:1px;margin:2px 0 4px;background:linear-gradient(90deg,transparent,#C8A24B,transparent);opacity:.8}.login-brand-tagline{color:#c8b195!important;font-family:Almendra,serif!important;font-size:12.5px!important;letter-spacing:.2px}.login-form-title{font-family:Cinzel,serif!important;letter-spacing:1px!important;color:#e7c56b!important;margin-bottom:2px!important}.login-social-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.login-social-group>div{width:100%;display:flex;justify-content:center}.social-login-button{border-radius:4px!important;font-family:Almendra,serif!important;text-transform:none!important;letter-spacing:.3px!important;padding:9px 16px!important}.social-login-button.discord{border-color:#5865f2!important;color:#eef0ff!important;background:#5865f21f!important}.social-login-button.discord:hover{background:#5865f240!important}.social-login-button.google{border-color:#8c7355!important;color:#f3ede2!important;background:#d4af3714!important}.social-login-button.google:hover{background:#d4af372e!important;border-color:#d4af37!important}.login-divider{color:#9c8a72!important;font-family:Almendra,serif;font-size:12px;margin:10px 0!important}.login-divider:before,.login-divider:after{border-color:#8c735580!important}@media (max-width: 900px){.login-panel-wrap{justify-content:center;padding:24px 16px}.login-panel{max-width:440px;padding:24px 22px 28px}.login-brand-tagline{display:none}}.landing-root{position:fixed;inset:0;overflow:hidden;background:#0a1420;font-family:Almendra,serif}.landing-track{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .85s cubic-bezier(.76,0,.24,1);will-change:transform}.landing-section{position:relative;flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:88px 24px 64px;box-sizing:border-box;overflow:hidden}.landing-hero-map{position:absolute;inset:0;z-index:0}.landing-hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#0a14208c,#0a142059 42%,#0a1420bf),linear-gradient(180deg,rgba(10,20,32,.65) 0%,transparent 22%,transparent 72%,rgba(10,20,32,.9) 100%)}.landing-hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:560px;animation:landing-rise 1s ease both}.landing-title{font-family:Cinzel,serif;font-weight:700;color:#e7c56b;font-size:clamp(48px,9vw,104px);letter-spacing:6px;line-height:1;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.8),0 0 40px rgba(212,175,55,.25)}.landing-title-rule{display:flex;align-items:center;gap:14px;color:#c8a24b;opacity:.9}.landing-title-rule:before,.landing-title-rule:after{content:"";height:1px;width:70px;background:linear-gradient(90deg,transparent,#C8A24B)}.landing-title-rule:after{background:linear-gradient(90deg,#C8A24B,transparent)}.landing-tagline{color:#e4d3b0;font-family:Almendra,serif;font-size:clamp(15px,2vw,19px);line-height:1.6;max-width:480px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.9)}.landing-section-inner{position:relative;z-index:2;max-width:1080px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}.landing-section.reverse .landing-section-inner{grid-template-columns:1fr 1fr}.landing-copy{display:flex;flex-direction:column;gap:16px}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:Cinzel,serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#0a1420;background:linear-gradient(180deg,#e7c56b,#c8952c);padding:5px 14px;border-radius:20px;box-shadow:0 3px 10px #0006}.landing-heading{font-family:Cinzel,serif;font-weight:700;color:#f2e6c8;font-size:clamp(28px,4vw,46px);line-height:1.12;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.6)}.landing-lead{color:#c7b79a;font-size:clamp(15px,1.6vw,18px);line-height:1.65;margin:0}.landing-bullets{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.landing-bullets li{display:flex;align-items:flex-start;gap:12px;color:#e4d3b0;font-size:15px;line-height:1.45}.landing-bullets .lb-ico{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#d4af371f;border:1px solid rgba(212,175,55,.35);color:#e7c56b}.landing-bullets .lb-ico svg{font-size:20px}.landing-bullets b{color:#f2e6c8;font-family:Cinzel,serif;font-weight:700;font-size:14px;display:block;margin-bottom:1px}.landing-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.landing-tile{position:relative;padding:22px 18px;border-radius:14px;background:linear-gradient(160deg,#1e1610eb,#100c09eb);border:1px solid rgba(140,115,85,.4);box-shadow:inset 0 0 28px #8c735524,0 12px 28px #0006;display:flex;flex-direction:column;gap:8px;min-height:128px;justify-content:center;text-align:center;align-items:center}.landing-tile .lt-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 35% 30%,#e7c56b47,#d4af3714);border:1px solid rgba(212,175,55,.4);color:#e7c56b}.landing-tile .lt-ico svg{font-size:28px}.landing-tile-title{font-family:Cinzel,serif;font-weight:700;color:#f2e6c8;font-size:15px}.landing-tile-text{color:#b7a582;font-size:12.5px;line-height:1.4}.landing-section-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.landing-section-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}.landing-final{text-align:center;max-width:620px;z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.landing-cta{font-family:Cinzel,serif!important;font-weight:700!important;letter-spacing:1px!important;color:#1a120a!important;background:linear-gradient(180deg,#e7c56b,#c8952c)!important;border:1px solid #8C6B1F!important;padding:12px 34px!important;border-radius:10px!important;box-shadow:0 6px 18px #00000073!important;text-transform:none!important;font-size:16px!important}.landing-cta:hover{background:linear-gradient(180deg,#f2d580,#d8a537)!important;transform:translateY(-1px)}.landing-cta-ghost{font-family:Cinzel,serif!important;font-weight:600!important;color:#e4d3b0!important;border:1px solid rgba(212,175,55,.55)!important;padding:11px 30px!important;border-radius:10px!important;text-transform:none!important;font-size:15px!important}.landing-cta-ghost:hover{background:#d4af371f!important}.landing-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.landing-store-btn{position:relative!important;font-family:Cinzel,serif!important;font-weight:600!important;color:#c8b195!important;border:1px solid rgba(140,115,85,.5)!important;background:#140f0a8c!important;padding:10px 22px!important;border-radius:10px!important;text-transform:none!important;font-size:14px!important}.landing-store-btn.Mui-disabled{color:#c8b19580!important;border-color:#8c73554d!important;background:#140f0a66!important}.landing-store-badge{position:absolute;top:-10px;right:-8px;font-family:Cinzel,serif;font-size:9px;font-weight:700;letter-spacing:.4px;color:#1a120a;background:linear-gradient(180deg,#e7c56b,#c8952c);border:1px solid #8C6B1F;border-radius:999px;padding:2px 8px;box-shadow:0 2px 6px #00000059;white-space:nowrap}@media (max-width: 480px){.landing-cta-row{flex-direction:column;width:100%}.landing-cta-row .MuiButton-root{width:100%;justify-content:center}}.landing-topbar{position:fixed;top:0;left:0;right:0;height:68px;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(180deg,rgba(10,20,32,.85),transparent);pointer-events:none}.landing-topbar>*{pointer-events:auto}.landing-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.landing-brand-name{font-family:Cinzel,serif;font-weight:700;color:#e7c56b;font-size:22px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.landing-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:14px}.landing-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(231,197,107,.6);background:transparent;cursor:pointer;padding:0;transition:all .25s ease}.landing-dot.active{background:#e7c56b;box-shadow:0 0 10px #e7c56bb3;transform:scale(1.25)}.landing-dot:hover{border-color:#e7c56b}.landing-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;color:#c8a24b;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;animation:landing-bob 2s ease-in-out infinite}@keyframes landing-bob{0%,to{transform:translate(-50%);opacity:.75}50%{transform:translate(-50%,8px);opacity:1}}@keyframes landing-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.landing-section.is-active .landing-copy,.landing-section.is-active .landing-visual,.landing-section.is-active .landing-final{animation:landing-rise .8s ease both}.landing-section.is-active .landing-visual{animation-delay:.12s}@media (max-width: 860px){.landing-section-inner,.landing-section.reverse .landing-section-inner{grid-template-columns:1fr;gap:26px}.landing-visual{order:-1}.landing-dots{right:12px}.landing-section{padding:84px 20px 56px;align-items:flex-start;overflow-y:auto}.landing-section-inner{margin:auto 0}}.onboarding-page{position:fixed;inset:0;overflow:hidden;background:#0a1420}.onboarding-map-backdrop{position:absolute;inset:0;z-index:0}.onboarding-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0a142026,#0a142059 45%,#0a1420e6 78%,#0a1420f7),linear-gradient(180deg,rgba(10,20,32,.55) 0%,transparent 18%,transparent 78%,rgba(10,20,32,.85) 100%)}.onboarding-panel-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:32px clamp(24px,6vw,96px);box-sizing:border-box}.onboarding-panel{width:100%;max-width:460px;max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:none;border-radius:4px!important;background:linear-gradient(135deg,#221a15f0,#16110df7)!important;border:2px solid #8C7355!important;outline:1px solid #D4AF37!important;outline-offset:-4px!important;box-shadow:0 15px 35px #000c,inset 0 0 25px #0009!important;padding:24px 26px 26px!important;color:#f3ede2!important}.onboarding-panel::-webkit-scrollbar{display:none}.onboarding-brand{display:flex;align-items:center;gap:12px;margin-bottom:10px}.onboarding-step-label{font-family:Cinzel,serif!important;font-size:11px!important;letter-spacing:1.5px;color:#9c8a72!important;text-transform:uppercase}.onboarding-title{font-family:Cinzel,MedievalSharp,serif!important;font-size:22px!important;font-weight:700!important;color:#e7c56b!important;letter-spacing:.5px;margin-bottom:6px!important}.onboarding-subtitle{font-family:Almendra,serif!important;font-size:13.5px!important;color:#c8b195!important;line-height:1.55!important;margin-bottom:16px!important}.onboarding-realm-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.onboarding-realm-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:4px;border:1px solid rgba(140,115,85,.4);background:#0003;color:inherit;cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}.onboarding-realm-card:hover{border-color:#c8a24b;background:#d4af3714}.onboarding-realm-card.selected{border-color:#d4af37;background:#d4af3729;box-shadow:0 0 0 1px #d4af3780 inset;transform:translate(2px)}.orc-flag{font-size:22px;flex-shrink:0}.orc-info{display:flex;flex-direction:column;min-width:0;flex:1}.orc-country{font-family:Cinzel,serif;font-size:14px;color:#f3ede2}.orc-opportunity{font-family:Almendra,serif;font-size:11.5px;color:#a9987f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orc-incentive{display:flex;flex-direction:column;align-items:flex-end;font-family:Cinzel,serif;font-size:13px;color:#e7c56b;flex-shrink:0}.orc-incentive-unit{font-family:Almendra,serif;font-size:10px;color:#9c8a72;max-width:90px;text-align:right;line-height:1.3}.onboarding-continue-btn{padding:10px!important}@media (max-width: 900px){.onboarding-panel-wrap{justify-content:center;padding:20px 14px}.onboarding-panel{max-width:460px;padding:20px 18px 22px}}:root{font-family:Cinzel,MedievalSharp,Almendra,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.medieval-parchment{background:radial-gradient(ellipse at 0% 0%,rgba(101,72,33,.14) 0%,transparent 48%),radial-gradient(ellipse at 100% 0%,rgba(80,50,20,.08) 0%,transparent 42%),radial-gradient(ellipse at 100% 100%,rgba(101,72,33,.12) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(80,50,20,.07) 0%,transparent 44%),linear-gradient(160deg,#fbf6e9,#f0e4ca,#e8d9b8 80%,#dfd0a8)!important;border:2px solid #8C7355!important;outline:1px solid #C9A227!important;outline-offset:-4px!important;color:#2e1f16!important;box-shadow:0 12px 40px #0006,inset 0 0 50px #65482117,inset 0 1px #fff5c880,inset 0 -1px #65482126!important;border-radius:3px!important;position:relative}.medieval-dark-panel{background:linear-gradient(135deg,#2d2520,#201915)!important;border:2px solid #8C7355!important;outline:1px solid #D4AF37!important;outline-offset:-3px!important;color:#f3ede2!important;box-shadow:0 10px 30px #00000073,inset 0 0 15px #0000004d!important;border-radius:4px!important}.medieval-gold-border{border:2px solid #D4AF37!important;outline:1px solid #8C7355!important;outline-offset:-3px!important}.medieval-button{font-family:MedievalSharp,Cinzel,serif!important;background:linear-gradient(180deg,#5c1d24,#3f1015)!important;border:1px solid #D4AF37!important;color:#faf7f0!important;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .2s ease!important}.medieval-button:hover{background:linear-gradient(180deg,#7a2830,#5c1d24)!important;box-shadow:0 0 10px #d4af3766!important;border-color:#faf7f0!important}.medieval-title{font-family:Cinzel,MedievalSharp,serif!important;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.medieval-body{font-family:Almendra,Lato,serif!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:inherit;text-decoration:inherit}.grecaptcha-badge{visibility:hidden!important}.footer{background:linear-gradient(135deg,#24356b,#3a56a5,#24356b);color:#fff;position:fixed;left:0;bottom:0;width:100%;box-shadow:0 -4px 15px #0000004d;z-index:100;padding:8px 0;font-weight:600;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.3)}.footer-bottom{text-align:center;padding:8px 0}.world-map{width:100%;height:100%;background-color:#154360;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2760%27%20viewBox%3D%270%200%20120%2060%27%3E%3Cpath%20d%3D%27M10%2020%20Q%2030%2010%2C%2050%2020%20T%2090%2020%20T%20130%2020%27%20fill%3D%27none%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.07) % 27 % 20 stroke-width % 3 D % 271.5 % 27 % 2 F % 3 E % 3 Cpath % 20 d % 3 D % 27 M0 % 2045 % 20 Q % 2020 % 2035 % 2 C % 2040 % 2045 % 20 T % 2080 % 2045 % 20 T % 20120 % 2045 % 27 % 20 fill % 3 D % 27 none % 27 % 20 stroke % 3 D % 27 rgba(255 % 2 C255 % 2 C255 % 2 C0 .04) % 27 % 20 stroke-width % 3 D % 271.2 % 27 % 2 F % 3 E % 3 C % 2 Fsvg % 3 E);background-repeat:repeat}@keyframes parchmentReveal{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.parchment-reveal{animation:parchmentReveal .28s cubic-bezier(.22,1,.36,1) both}@keyframes torchFlicker{0%,to{opacity:1;transform:scaleY(1) scaleX(1)}20%{opacity:.82;transform:scaleY(1.04) scaleX(.97)}40%{opacity:.95;transform:scaleY(.97) scaleX(1.02)}60%{opacity:.88;transform:scaleY(1.06) scaleX(.96)}80%{opacity:.93;transform:scaleY(.99) scaleX(1.01)}}@keyframes scrollUnroll{0%{width:0%;opacity:.4}to{width:100%;opacity:1}}@keyframes loaderPulse{0%,to{box-shadow:0 0 12px 2px #d4af3780}50%{box-shadow:0 0 28px 8px #d4af37d9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialRingPulse{0%{box-shadow:0 0 #ffd7008c,0 0 14px #ffd70073}70%{box-shadow:0 0 0 10px #ffd70000,0 0 20px #ffd700b3}to{box-shadow:0 0 #ffd70000,0 0 14px #ffd70073}}@keyframes tutorialArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes tutorialBubbleIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tutorialWaitGlow{0%,to{opacity:.55}50%{opacity:1}}.shop-dark-overlay{position:absolute!important;inset:0!important;background:linear-gradient(160deg,#1c1007,#150d04 55%,#120b03)!important;color:#f0e8d8!important;z-index:1!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}@keyframes slideInRight{0%{transform:translate(105%);opacity:0}to{transform:translate(0);opacity:1}}.crown-slide-in{animation:slideInRight .3s cubic-bezier(.22,1,.36,1) both}