@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;600;700&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--landing-ink: #050506;--landing-gold: #f5d98a;--landing-gold-soft: rgba(245, 217, 138, .75);--landing-bronze: rgba(184, 115, 51, .55);--landing-bronze-soft: rgba(184, 115, 51, .28);--landing-panel: linear-gradient(180deg, rgba(34, 32, 36, .94) 0%, rgba(20, 19, 22, .96) 100%)}html.has-landing-cursor,html.has-landing-cursor a,html.has-landing-cursor button,html.has-landing-cursor [role=button],html.has-landing-cursor input,html.has-landing-cursor select,html.has-landing-cursor textarea,html.has-landing-cursor label{cursor:var(--landing-cursor)}.landing-body{background:var(--landing-ink);overflow-x:hidden;scroll-behavior:smooth}.font-landing-fantasy{font-family:Cinzel Decorative,Cinzel,Georgia,serif}.font-landing-heading{font-family:Cinzel,Georgia,serif}.landing-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--landing-ink)}.landing-scene__art{position:absolute;inset:-2%;background-size:cover;background-position:center 40%;background-repeat:no-repeat;image-rendering:pixelated}.landing-scene__dusk{position:absolute;inset:0;background:linear-gradient(180deg,#685cc4d9,#7888d699 32%,#5462a080 58%,#121422d9 86%,#050506f2);mix-blend-mode:multiply}.landing-scene__vignette{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 38%,#05050600,#0505064d 60%,#050506c7),linear-gradient(180deg,#05050659,#05050600 22% 60%,#05050699)}.landing-scene__motes{position:absolute;inset:0}@keyframes landing-mote-drift{0%,to{transform:translateZ(0) scale(1);opacity:.28}22%{transform:translate3d(.8vw,-2.5vh,0) scale(1.06);opacity:.75}48%{transform:translate3d(-.5vw,-6vh,0) scale(1.12);opacity:.92}74%{transform:translate3d(.6vw,-3vh,0) scale(.95);opacity:.48}}.landing-mote{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,236,160,.95) 0%,rgba(250,204,21,.45) 42%,transparent 72%);box-shadow:0 0 8px #fde0478c,0 0 2px #fffbebe6;animation-name:landing-mote-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity}.landing-topbar{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(180deg,#050506b8,#05050600) no-repeat border-box;border-bottom:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,backdrop-filter .2s ease}.landing-topbar--solid{background:#0c0b0edb;border-bottom-color:var(--landing-bronze-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.landing-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:72rem;height:4rem;margin:0 auto;padding:0 max(1rem,env(safe-area-inset-right,0px)) 0 max(1rem,env(safe-area-inset-left,0px))}.landing-brand{display:inline-flex;align-items:center;gap:.5rem;min-width:0;color:var(--landing-gold);text-decoration:none}.landing-brand__crest{width:2.5rem;height:auto;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.landing-brand__name{font-family:Cinzel,Georgia,serif;font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.85)}@media(max-width:639px){.landing-brand__name{display:none}.landing-topbar--minimal .landing-brand__name{display:inline}}.landing-navlink{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:2.75rem;height:2.75rem;padding:0 .375rem;border-radius:.625rem;border:1px solid var(--landing-bronze-soft);background:#0c0b0e9e;color:#e7e5e4;font-family:Cinzel,Georgia,serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #00000059;transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .15s ease}.landing-navlink:hover{border-color:var(--landing-bronze);color:var(--landing-gold);background:#18161ad9}.landing-navlink:focus-visible,.landing-btn:focus-visible,.landing-menu__item:focus-visible,.landing-footer a:focus-visible,.landing-footer button:focus-visible,.landing-brand:focus-visible,.landing-scroll-hint:focus-visible{outline:2px solid rgba(52,211,153,.75);outline-offset:3px}.landing-navlink__icon{width:2rem;height:2rem}.landing-navlink__label{display:none}@media(min-width:768px){.landing-navlink{padding:0 .75rem 0 .375rem}.landing-navlink__label{display:inline}}.landing-menu{position:absolute;right:0;top:calc(100% + .375rem);z-index:50;width:11rem;overflow:hidden;padding:.25rem;border-radius:.75rem;border:1px solid var(--landing-bronze);background:var(--landing-panel);box-shadow:0 18px 40px #0009}.landing-menu__item{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:.5rem;color:#a8a29e;font-size:.875rem;text-decoration:none;transition:background-color .15s ease,color .15s ease}.landing-menu__item:hover{background:#b873331f;color:#f5f5f4}.landing-menu__item--active{color:var(--landing-gold);background:#b8733324}.landing-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.75rem 1.75rem;border-radius:.75rem;font-family:Cinzel,Georgia,serif;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .15s ease,background-color .15s ease,color .15s ease}.landing-btn--primary{color:#06231a;background-image:linear-gradient(180deg,var(--vaelenor-emerald-light, #34d399) 0%,var(--vaelenor-emerald, #10b981) 55%,var(--vaelenor-emerald-dark, #059669) 100%);border:1px solid rgba(245,217,138,.55);box-shadow:0 4px #04704f,0 10px 28px #10b98147,inset 0 1px #ffffff59;text-shadow:0 1px 0 rgba(255,255,255,.25)}.landing-btn--primary:hover{transform:translateY(1px);box-shadow:0 3px #04704f,0 10px 32px #10b98166,inset 0 1px #ffffff59}.landing-btn--primary:active{transform:translateY(3px);box-shadow:0 1px #04704f,0 4px 14px #10b9814d}.landing-btn--google{color:#1f1f1f;background:#fff;border:1px solid #dadce0;font-family:"Source Sans 3",Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:0 4px 14px #00000059}.landing-btn--google:hover{background:#f2f2f2}.landing-btn--google:active{transform:translateY(1px)}.landing-btn--ghost{color:var(--landing-gold);background:#0c0b0e9e;border:1px solid var(--landing-bronze);box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.landing-btn--ghost:hover{border-color:#cd7f32e6;background:#1c191ed9;color:#fff3cf}@keyframes landing-shimmer{0%{background-position:200% center,0 0}to{background-position:-200% center,0 0}}.landing-cta-shine{background-image:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.3) 45%,transparent 90%),linear-gradient(180deg,var(--vaelenor-emerald-light, #34d399) 0%,var(--vaelenor-emerald, #10b981) 55%,var(--vaelenor-emerald-dark, #059669) 100%);background-size:200% 100%,100% 100%;animation:landing-shimmer 4s linear infinite}.landing-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 4rem - env(safe-area-inset-top,0px));padding:.5rem 1rem 4.5rem}.landing-hero__grid{display:grid;width:100%;max-width:72rem;margin:0 auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left crest right" "copy copy copy";align-items:center;row-gap:1.25rem}@media(min-width:1536px){.landing-hero__grid{max-width:80rem}}@media(min-width:1024px){.landing-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,34rem) minmax(0,1fr);grid-template-areas:"left crest right" "left copy right";column-gap:1.5rem;row-gap:1.5rem}}.landing-hero__crest{grid-area:crest;display:flex;justify-content:center;position:relative;z-index:2}.landing-logo-hero{width:auto;height:8.5rem;max-width:52vw;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.35)) drop-shadow(0 0 18px rgba(245,217,138,.28)) drop-shadow(0 6px 18px rgba(0,0,0,.7))}@media(min-width:640px){.landing-logo-hero{height:11rem}}@media(min-width:1024px){.landing-logo-hero{height:14rem;max-width:100%}}.landing-hero__char{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.landing-hero__char--left{grid-area:left;justify-self:end}.landing-hero__char--right{grid-area:right;justify-self:start}.landing-hero__char:after{content:"";display:block;width:55%;height:.75rem;margin-top:.25rem;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0%,transparent 70%);animation:landing-shadow-pulse 6.2s ease-in-out infinite}.landing-hero__char--right:after{animation-duration:7.1s}.landing-char{--landing-char-scale: 1;display:block;width:auto;height:calc(124px * var(--landing-char-scale));max-width:100%;object-fit:contain;image-rendering:pixelated}@media(min-width:640px){.landing-char{--landing-char-scale: 2}}@media(min-width:1280px)and (min-height:700px){.landing-char{--landing-char-scale: 3}}@media(min-width:1536px)and (min-height:900px){.landing-char{--landing-char-scale: 4}}.landing-char--knight{filter:drop-shadow(0 0 16px rgba(129,140,248,.4)) drop-shadow(0 12px 24px rgba(0,0,0,.55));animation:landing-float-a 6.2s ease-in-out infinite}.landing-char--mage{filter:drop-shadow(0 0 16px rgba(56,189,248,.4)) drop-shadow(0 12px 24px rgba(0,0,0,.55));animation:landing-float-b 7.1s ease-in-out infinite}@keyframes landing-float-a{0%,to{transform:translateZ(0) rotate(0)}30%{transform:translate3d(3px,-9px,0) rotate(.5deg)}60%{transform:translate3d(-2px,-3px,0) rotate(-.4deg)}}@keyframes landing-float-b{0%,to{transform:translateZ(0)}35%{transform:translate3d(0,-10px,0)}65%{transform:translate3d(0,-4px,0)}}@keyframes landing-shadow-pulse{0%,to{transform:scaleX(1);opacity:.9}30%{transform:scaleX(.82);opacity:.6}}.landing-hero__copy{grid-area:copy;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:34rem;margin:0 auto;text-align:center}.landing-title{font-family:Cinzel Decorative,Cinzel,Georgia,serif;font-size:clamp(1.35rem,4.6vw,2.25rem);font-weight:700;line-height:1.2;color:var(--landing-gold);text-wrap:balance;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 24px rgba(245,217,138,.25),0 4px 18px rgba(0,0,0,.8)}.landing-lead{max-width:30rem;font-size:1rem;line-height:1.6;color:#d6d3d1;text-wrap:pretty;text-shadow:0 1px 8px rgba(0,0,0,.9)}.landing-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.25rem}@media(min-width:640px){.landing-actions{flex-direction:row;justify-content:center}.landing-actions .landing-btn{min-width:14rem;white-space:nowrap}}.landing-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem 1rem;margin-top:.25rem;font-size:.8125rem;color:#d6d3d1;text-shadow:0 1px 6px rgba(0,0,0,.9)}.landing-badges li{display:inline-flex;align-items:center;gap:.375rem}.landing-scroll-hint{position:absolute;left:50%;bottom:1rem;display:inline-flex;flex-direction:column;align-items:center;gap:.125rem;transform:translate(-50%);color:var(--landing-gold-soft);font-family:Cinzel,Georgia,serif;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 6px rgba(0,0,0,.9);white-space:nowrap}.landing-scroll-hint svg{animation:landing-hint-bob 1.8s ease-in-out infinite}@keyframes landing-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-height:640px){.landing-scroll-hint{display:none}}.landing-section{position:relative;scroll-margin-top:4rem;background:linear-gradient(180deg,#08070a00,#08070ae6 7rem,#0b0a0d)}.landing-section__inner{width:100%;max-width:72rem;margin:0 auto;padding:2.5rem 1rem 3rem}@media(min-width:640px){.landing-section__inner{padding:4rem 1.5rem}}.landing-section__header{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:40rem;margin:0 auto 2rem;text-align:center}.landing-eyebrow{font-family:Cinzel,Georgia,serif;font-size:.75rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--vaelenor-emerald-light, #34d399)}.landing-heading{font-family:Cinzel,Georgia,serif;font-size:clamp(1.5rem,4vw,2.125rem);font-weight:700;line-height:1.2;color:var(--landing-gold);text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.7)}.landing-section__lead{font-size:1rem;line-height:1.6;color:#a8a29e;text-wrap:pretty}.landing-card{position:relative;border-radius:.875rem;border:2px solid var(--landing-bronze);background:var(--landing-panel);box-shadow:inset 0 0 0 1px #0009,inset 0 1px #ffffff0d,0 10px 28px #00000073}.landing-card:before{content:"";position:absolute;inset:5px;border-radius:.5625rem;border:1px solid var(--landing-bronze-soft);pointer-events:none}.landing-card__title{font-family:Cinzel,Georgia,serif;font-size:1.125rem;font-weight:700;color:var(--landing-gold)}.landing-card__text{font-size:.9375rem;line-height:1.55;color:#a8a29e}.landing-emblem{position:relative;display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;flex-shrink:0;border-radius:.875rem;border:2px solid var(--landing-bronze);background:linear-gradient(180deg,#2a2729,#151416);box-shadow:inset 0 0 0 1px #0009,0 6px 14px #00000080,0 0 22px #10b9811f}.landing-emblem:after{content:"";position:absolute;left:14%;right:14%;bottom:6px;height:10px;border-radius:9999px;background:radial-gradient(ellipse at center,rgba(16,185,129,.35),transparent 70%)}.landing-emblem img{position:relative;z-index:1}.landing-emblem--sm{width:3.5rem;height:3.5rem;border-radius:.75rem}.landing-emblem--sm:after{bottom:4px;height:6px}.landing-classes{display:grid;gap:1rem}@media(min-width:768px){.landing-classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.landing-card--class{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"emblem title" "emblem text" "chips chips";column-gap:1rem;row-gap:.375rem;align-items:start;padding:1.125rem;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.landing-card--class .landing-emblem{grid-area:emblem;width:4.5rem;height:4.5rem}.landing-card--class .landing-card__title{grid-area:title}.landing-card--class .landing-card__text{grid-area:text}.landing-card--class .landing-chips{grid-area:chips;justify-content:flex-start;padding-top:.5rem}@media(min-width:768px){.landing-card--class{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 1.25rem 1.5rem;text-align:center}.landing-card--class .landing-emblem{width:5.5rem;height:5.5rem}.landing-card--class .landing-chips{justify-content:center;padding-top:.25rem}}.landing-card--class:hover{transform:translateY(-3px);border-color:var(--vaelenor-bronze, #b87333);box-shadow:inset 0 0 0 1px #0009,0 14px 32px #00000080,0 0 24px #10b9812e}.landing-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:auto;padding-top:.25rem}.landing-chips li{padding:.2rem .6rem;border-radius:.375rem;border:1px solid var(--landing-bronze-soft);background:#00000073;font-size:.75rem;font-weight:700;color:#e7e5e4}.landing-divider{display:flex;align-items:center;gap:.75rem;max-width:22rem;margin:3.5rem auto}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--landing-bronze))}.landing-divider:after{background:linear-gradient(90deg,var(--landing-bronze),transparent)}.landing-divider span{width:.625rem;height:.625rem;transform:rotate(45deg);border:1px solid var(--vaelenor-bronze, #b87333);background:#f5d98a40}.landing-pillars{display:grid;gap:.75rem}@media(min-width:640px){.landing-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media(min-width:1024px){.landing-pillars{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing-card--pillar{display:flex;align-items:flex-start;gap:1rem;padding:1.125rem 1.125rem 1.125rem 1rem}.landing-card--pillar .landing-card__title{font-size:1rem;margin-bottom:.25rem}.landing-card--pillar .landing-card__text{font-size:.875rem}.landing-final{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:40rem;margin:4rem auto 0;padding:2.5rem 1.25rem;text-align:center;border-radius:1rem;border:1px solid var(--landing-bronze-soft);background:radial-gradient(ellipse 80% 120% at 50% 0%,rgba(16,185,129,.12) 0%,transparent 60%),linear-gradient(180deg,#1e1c20d9,#100f12e6)}.landing-auth{display:flex;flex:1;align-items:center;justify-content:center;padding:1.5rem 1rem 2.5rem}.landing-auth-card{width:100%;max-width:24rem;padding:1.75rem 1.5rem 1.5rem}.landing-auth-card .landing-btn{font-size:.875rem;letter-spacing:.08em;line-height:1.25}.landing-auth-card .landing-btn--google{font-size:.9375rem;letter-spacing:0}.landing-auth-title{font-family:Cinzel,Georgia,serif;font-size:1.375rem;font-weight:700;color:var(--landing-gold)}.landing-footer{position:relative;border-top:1px solid var(--landing-bronze-soft);background:#08070ae0;padding-bottom:env(safe-area-inset-bottom,0px)}.landing-footer__inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:72rem;margin:0 auto;padding:1rem;font-size:.8125rem;color:#78716c}@media(min-width:640px){.landing-footer__inner{flex-direction:row;justify-content:space-between}}.landing-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem}.landing-footer a,.landing-footer button{padding:0;border:0;background:none;color:#a8a29e;font:inherit;text-decoration:none;cursor:pointer;transition:color .15s ease}.landing-footer a:hover,.landing-footer button:hover{color:var(--landing-gold)}.game-landing-popover{margin:auto;max-width:min(22rem,calc(100vw - 2rem));padding:1.25rem 1.5rem;border:2px solid var(--landing-bronze);border-radius:.875rem;background:var(--landing-panel);color:#e7e5e4;box-shadow:0 24px 48px #000000a6}.game-landing-popover::backdrop{background:#050506b8}.landing-navlink--install{border-color:#34d39973;color:#d1fae5}.landing-navlink--install:hover{border-color:#34d399cc;color:#ecfdf5}.landing-steps{display:flex;flex-direction:column;gap:.625rem;font-size:.9375rem;color:#e7e5e4}.landing-steps li{display:flex;align-items:center;gap:.75rem}.landing-steps__icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.5rem;border:1px solid var(--landing-bronze-soft);background:#0006;color:#60a5fa}.landing-steps__icon svg{width:1.25rem;height:1.25rem}@media(prefers-reduced-motion:reduce){.landing-body{scroll-behavior:auto}.landing-mote{animation:none;opacity:.45}.landing-char--knight,.landing-char--mage,.landing-hero__char:after,.landing-cta-shine,.landing-scroll-hint svg{animation:none}.landing-card--class:hover{transform:none}}
