:root{--bg:#09050d;--panel:#140b1b;--panel2:#1d1027;--gold:#e3bb62;--gold2:#a96c2c;--ivory:#f5ecda;--muted:#a79aa9;--purple:#7d4494;--danger:#e07379;--ok:#6ed39d;--line:rgba(227,187,98,.22);--shadow:0 28px 80px rgba(0,0,0,.55);--serif:Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ivory);background:radial-gradient(circle at 75% 10%,rgba(111,52,134,.25),transparent 31%),linear-gradient(180deg,#100717,#07040a 62%,#0d0711);font-family:var(--sans);line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.26;background:repeating-linear-gradient(119deg,transparent 0 92px,rgba(255,255,255,.022) 94px,transparent 97px 182px),repeating-linear-gradient(29deg,transparent 0 140px,rgba(227,187,98,.017) 142px,transparent 146px 260px)}.ambient{position:fixed;width:36rem;aspect-ratio:1;border-radius:50%;filter:blur(120px);opacity:.09;z-index:-2;pointer-events:none}.ambient-a{right:-18rem;top:10%;background:#8c4aa8}.ambient-b{left:-20rem;bottom:4%;background:#9b672f}.shell{width:min(1420px,calc(100% - 64px));margin:auto}.topbar{position:fixed;z-index:50;inset:0 0 auto;min-height:78px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(227,187,98,.1);background:rgba(8,4,12,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px}.brand>span:last-child{display:grid;line-height:1}.brand strong{font:700 1rem var(--serif);letter-spacing:.13em}.brand small{margin-top:7px;color:var(--gold2);font-size:.52rem;letter-spacing:.3em}.brand-shield{display:grid;place-items:center;width:43px;height:49px;color:#24130c;background:linear-gradient(145deg,#f5d67b,#9b5b25);clip-path:polygon(50% 0,94% 19%,86% 71%,50% 100%,14% 71%,6% 19%);font:700 1.25rem var(--serif)}.main-nav{display:flex;align-items:center;gap:clamp(17px,2.2vw,34px)}.main-nav>a{color:#c5b9c8;font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transition:.2s}.main-nav>a:hover{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:11px}.auth-guest-actions{display:flex;gap:9px}.nav-button,.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid rgba(227,187,98,.28);border-radius:13px;background:linear-gradient(135deg,#e8c46d,#a36529);color:#25150d;font-size:.7rem;font-weight:900;letter-spacing:.08em}.nav-button.ghost{background:rgba(255,255,255,.025);color:var(--ivory)}.user-pill{display:flex;align-items:center;gap:9px;padding:7px 11px 7px 7px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f5d67b,#9b5b25);color:#25150d;font:700 1rem var(--serif)}.user-pill>span:last-child{display:grid;line-height:1.1}.user-pill small{color:#8d8191;font-size:.48rem;letter-spacing:.15em}.user-pill strong{font-size:.76rem}.menu-button{display:none;border:1px solid var(--line);background:transparent;width:46px;height:42px;padding:10px;border-radius:12px}.menu-button span{display:block;height:1px;background:var(--gold);margin:5px 0}.nav-mobile-head,.mobile-auth-actions{display:none}.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:44}.hero{min-height:100vh;padding-top:125px;display:grid;grid-template-columns:.92fr 1.18fr;align-items:center;gap:36px}.eyebrow{margin:0 0 18px;color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.28em}.hero h1,.section-head h2,.lore-copy h2{margin:0;font:500 clamp(3rem,6vw,7.2rem)/.96 var(--serif);letter-spacing:-.04em}.hero h1 span,.section-head h2 span,.lore-copy h2 span{color:transparent;background:linear-gradient(100deg,#fff0bb,#c38534 48%,#f2d589 75%,#8b5128);background-clip:text;-webkit-background-clip:text}.lead{max-width:650px;margin:28px 0 0;color:#b3a7b7;font-size:1.02rem}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.shield-play{position:relative;width:145px;height:168px;border:0;display:grid;place-content:center;justify-items:center;color:#24130c;background:linear-gradient(145deg,#f5da83,#9b5925 50%,#e0af48);clip-path:polygon(50% 0,94% 19%,86% 70%,50% 100%,14% 70%,6% 19%);filter:drop-shadow(0 0 28px rgba(227,187,98,.3));transition:.25s}.shield-play:hover{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 0 40px rgba(227,187,98,.5))}.shield-play span{font-size:1.5rem}.shield-play strong{font:700 1.2rem var(--serif);letter-spacing:.15em}.shield-play small{font-size:.55rem;font-weight:800;text-transform:uppercase}.ip-card{border:0;background:transparent;text-align:left;padding:14px 0}.ip-card small,.ip-card span{display:block;color:#7d7281;font-size:.55rem;letter-spacing:.15em}.ip-card strong{display:block;margin:4px 0;color:var(--ivory);font:700 1.15rem var(--serif);letter-spacing:.06em}.ip-card span{color:var(--gold2)}.account-callout{margin-top:26px;padding:17px 18px;border:1px solid rgba(227,187,98,.14);border-radius:20px;background:linear-gradient(135deg,rgba(227,187,98,.045),transparent),rgba(21,11,29,.75);box-shadow:var(--shadow)}.account-callout>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.account-callout-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);color:var(--gold)}.account-callout strong{font:700 .98rem var(--serif)}.account-callout p{margin:3px 0 0;color:#918593;font-size:.76rem}.small-button{min-height:38px;white-space:nowrap}.facts{display:flex;gap:42px;margin-top:32px;padding-top:23px;border-top:1px solid rgba(227,187,98,.13)}.facts div{display:grid}.facts b{font:700 1.22rem var(--serif)}.facts span{color:#776d7b;font-size:.61rem;letter-spacing:.09em;text-transform:uppercase}.hero-scene{position:relative;min-height:620px;display:grid;place-items:center;isolation:isolate}.hero-scene img{position:relative;z-index:2;width:112%;max-width:none;filter:drop-shadow(0 40px 55px rgba(0,0,0,.75));animation:float 8s ease-in-out infinite}.orb{position:absolute;z-index:-1;right:10%;top:6%;width:310px;aspect-ratio:1;border:1px solid rgba(227,187,98,.26);border-radius:50%;box-shadow:0 0 100px rgba(125,68,148,.18),inset 0 0 50px rgba(227,187,98,.06)}.scene-label{position:absolute;z-index:4;right:1%;bottom:10%;padding:13px 24px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(9,5,13,.88),transparent);display:grid}.scene-label small{color:var(--gold2);font-size:.5rem;letter-spacing:.22em}.scene-label strong{font:700 1.3rem var(--serif);letter-spacing:.14em}.ticker{overflow:hidden;border-block:1px solid rgba(227,187,98,.15);background:linear-gradient(90deg,rgba(108,55,126,.1),rgba(160,100,39,.12),rgba(108,55,126,.1))}.ticker div{width:max-content;padding:14px 0;color:#8f8392;font-size:.58rem;letter-spacing:.22em;animation:ticker 28s linear infinite}.world,.store-section,.lore,.gallery-section{padding-block:130px}.section-head{display:grid;grid-template-columns:1.15fr .65fr;align-items:end;gap:30px 80px}.section-head .eyebrow{grid-column:1/-1}.section-head h2,.lore-copy h2{font-size:clamp(2.7rem,5vw,5.7rem)}.section-head>p:last-child{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:62px}.feature{position:relative;min-height:355px;padding:32px;border:1px solid rgba(227,187,98,.13);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.035),transparent 45%),rgba(21,11,29,.7);transition:.3s}.feature:hover{transform:translateY(-7px);border-color:rgba(227,187,98,.38)}.feature i{position:absolute;right:23px;top:20px;color:rgba(227,187,98,.25);font:italic .85rem var(--serif)}.feature>b{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(227,187,98,.26);border-radius:15px;color:var(--gold);font-size:1.25rem}.feature h3{margin:78px 0 14px;font:500 1.28rem var(--serif)}.feature p{color:#9d919f;font-size:.87rem}.gallery-section{border-block:1px solid rgba(227,187,98,.1);background:radial-gradient(circle at 15% 30%,rgba(125,68,148,.14),transparent 38%),#0b060f}.gallery{margin-top:55px}.gallery-stage{position:relative;min-height:640px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(227,187,98,.18);background:#0c0710}.gallery-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 6s ease;pointer-events:none}.gallery-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.gallery-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}.gallery-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,4,12,.9) 0%,rgba(8,4,12,.45) 38%,rgba(8,4,12,.08) 75%),linear-gradient(0deg,rgba(8,4,12,.8),transparent 45%)}.gallery-overlay{position:absolute;z-index:2;left:clamp(28px,6vw,86px);bottom:clamp(32px,7vw,90px);max-width:600px}.gallery-overlay span{color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.22em}.gallery-overlay h3{margin:12px 0 14px;font:500 clamp(2.4rem,5vw,5.2rem)/.98 var(--serif)}.gallery-overlay p{max-width:510px;margin:0;color:#c0b4c3}.gallery-bar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;margin-top:20px}.gallery-bar>button{width:47px;height:47px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.025);font-size:1.1rem}.gallery-progress{height:3px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:99px}.gallery-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));box-shadow:0 0 14px var(--gold);animation:galleryProgress 5.5s linear infinite}.gallery-dots{display:flex;gap:7px}.gallery-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.2)}.gallery-dots button.active{background:var(--gold);box-shadow:0 0 9px var(--gold)}.store-section{background:radial-gradient(circle at 70% 20%,rgba(116,55,138,.16),transparent 34%),#0b060f}.store-heading{margin-bottom:42px}.connection-banner{display:flex;gap:16px;align-items:flex-start;padding:20px 23px;margin:0 0 18px;border:1px solid rgba(224,115,121,.45);border-radius:17px;background:rgba(100,35,47,.2)}.connection-banner>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid var(--danger);border-radius:50%;color:var(--danger);font-weight:900}.connection-banner strong{color:#ffd7d9;letter-spacing:.08em;font-size:.82rem}.connection-banner p{margin:5px 0 0;color:#cfb4b8}.store-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#8f8392;font-size:.72rem}.store-toolbar button{border:1px solid var(--line);border-radius:12px;background:transparent;padding:9px 14px;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.privilege-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.privilege-card{position:relative;min-height:370px;padding:30px;border:1px solid rgba(227,187,98,.16);border-radius:23px;background:linear-gradient(145deg,rgba(227,187,98,.05),transparent 35%),rgba(21,11,29,.8);overflow:hidden}.privilege-card.locked{filter:saturate(.45);opacity:.72}.privilege-card .card-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line);border-radius:16px;color:var(--gold);font-size:1.4rem}.privilege-card h3{margin:32px 0 10px;font:500 1.55rem var(--serif);text-transform:uppercase}.privilege-card p{min-height:86px;color:#a397a5;font-size:.88rem}.privilege-price{display:flex;align-items:end;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid rgba(227,187,98,.12)}.privilege-price strong{font:700 1.5rem var(--serif);color:var(--gold)}.privilege-price small{color:#7d7281}.privilege-card button{width:100%;margin-top:20px;min-height:49px;border:1px solid rgba(227,187,98,.35);border-radius:14px;background:linear-gradient(135deg,#e8c46d,#a36529);color:#25150d;font-weight:900;letter-spacing:.1em}.privilege-card button:disabled{cursor:not-allowed;color:#857b84;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.store-placeholder{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed rgba(227,187,98,.15);border-radius:22px;color:#817685}.lore{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.oracle{position:relative;padding:70px 52px;border:1px solid rgba(227,187,98,.2);border-radius:25px;background:rgba(18,9,24,.74);text-align:center;box-shadow:0 35px 80px rgba(0,0,0,.45)}.oracle>span{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 25px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font:500 1.7rem var(--serif)}blockquote{margin:0;font:500 clamp(1.2rem,2vw,1.7rem)/1.55 var(--serif)}.oracle small{display:block;margin-top:24px;color:var(--gold2);letter-spacing:.13em}.lore-copy>p:last-child{color:var(--muted)}footer{display:grid;grid-template-columns:1fr 1.3fr auto;gap:30px;align-items:center;padding-block:37px;border-top:1px solid rgba(227,187,98,.12)}footer p{color:#776d7b;text-align:center;font-size:.68rem}.footer-links{display:flex;gap:16px;color:#9d919f;font-size:.67rem}.auth-modal{width:min(570px,calc(100% - 28px));padding:0;border:1px solid rgba(227,187,98,.2);border-radius:25px;background:rgba(12,7,17,.98);color:var(--ivory);box-shadow:var(--shadow)}.auth-modal::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.auth-shell{position:relative;padding:28px}.auth-close{position:absolute;right:17px;top:16px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:1.3rem}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-brand>div{display:grid}.auth-brand strong{font:700 1rem var(--serif);letter-spacing:.14em}.auth-brand small{color:var(--gold2);font-size:.52rem;letter-spacing:.2em}.auth-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.auth-tabs button{min-height:39px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:.7rem;font-weight:800}.auth-tabs button.active{background:linear-gradient(135deg,#e8c46d,#a36529);color:#25150d}.auth-panel{display:none}.auth-panel.active{display:block}.auth-panel h2{margin:0 0 17px;font:500 2rem var(--serif)}.auth-panel form{display:grid;gap:13px}.auth-panel label{display:grid;gap:7px;color:#d0c6d4;font-size:.82rem}.auth-panel input{min-height:48px;padding:0 14px;border:1px solid rgba(227,187,98,.16);border-radius:14px;background:rgba(255,255,255,.03)}.form-submit{min-height:48px;border:1px solid rgba(227,187,98,.35);border-radius:14px;background:linear-gradient(135deg,#e8c46d,#a36529);color:#25150d;font-weight:900;letter-spacing:.1em}.text-action{border:0;background:transparent;color:var(--gold);text-align:left;font-size:.75rem}.reset-confirm-form{margin-top:24px;padding-top:21px;border-top:1px solid rgba(227,187,98,.13)}.auth-status{min-height:22px;margin-top:16px;color:#d6b877;font-size:.84rem}.toast{position:fixed;z-index:100;right:22px;bottom:22px;min-width:260px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(18,9,24,.95);box-shadow:var(--shadow);transform:translateY(150%);opacity:0;transition:.3s}.toast.visible{transform:none;opacity:1}.toast strong,.toast span{display:block}.toast span{color:var(--gold2);font-size:.75rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-10px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes galleryProgress{from{width:0}to{width:100%}}@media(max-width:1180px){.main-nav{gap:16px}.auth-guest-actions{display:none}.hero{grid-template-columns:1fr;padding-top:145px}.hero-scene{min-height:490px;margin-top:-40px}.feature-grid{grid-template-columns:repeat(2,1fr)}.privilege-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.section-head .eyebrow{grid-column:auto}}@media(max-width:820px){.shell{width:min(100% - 34px,720px)}.topbar{min-height:70px;padding-inline:17px}.menu-button{display:block;z-index:48}.main-nav{position:fixed;inset:14px;z-index:47;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:18px 20px 22px;border:1px solid rgba(227,187,98,.15);border-radius:26px;background:rgba(9,5,13,.98);box-shadow:var(--shadow);transform:translateY(-18px) scale(.98);opacity:0;pointer-events:none;transition:.28s;overflow:auto}.main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav>a{font-size:.86rem}.nav-mobile-head{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:10px;font:700 1rem var(--serif)}.nav-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:1.25rem}.mobile-auth-actions{display:grid;width:100%;gap:10px;margin-top:auto}.mobile-auth-actions .nav-button{width:100%}.hero h1{font-size:clamp(3rem,14vw,5.5rem)}.hero-actions{align-items:flex-start}.hero-scene{min-height:370px}.facts{flex-wrap:wrap}.gallery-stage{min-height:530px}.gallery-bar{grid-template-columns:auto 1fr auto}.gallery-dots{display:none}.privilege-grid{grid-template-columns:1fr}.lore{grid-template-columns:1fr}.world,.store-section,.lore,.gallery-section{padding-block:90px}footer{grid-template-columns:1fr;justify-items:center}footer p{text-align:center}.footer-links{justify-content:center}.brand small{display:none}.account-callout>div{grid-template-columns:auto 1fr}.account-callout .small-button{grid-column:1/-1;width:100%}}@media(max-width:540px){.hero-actions{flex-direction:column}.shield-play{width:132px;height:153px}.hero-scene{min-height:300px}.feature-grid{grid-template-columns:1fr}.feature{min-height:300px}.section-head h2,.lore-copy h2{font-size:2.7rem}.gallery-stage{min-height:480px}.gallery-overlay{left:24px;right:24px;bottom:28px}.gallery-overlay h3{font-size:2.25rem}.gallery-overlay p{font-size:.82rem}.gallery-bar{gap:10px}.store-placeholder{padding:45px 20px}.oracle{padding:55px 25px}.auth-shell{padding:21px}.top-actions .user-pill>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}