*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020008;--surface: rgba(8, 3, 24, .92);--violet: rgba(100, 30, 200, 1);--violet-dim: rgba(80, 20, 160, .7);--gold: rgba(200, 160, 60, 1);--gold-dim: rgba(180, 140, 50, .6);--blue-accent: rgba(80, 160, 220, 1);--text-prime: rgba(230, 220, 255, .96);--text-mid: rgba(180, 160, 220, .7);--text-dim: rgba(140, 120, 180, .5);--font-title: "Cinzel", "Georgia", serif;--font-body: "Raleway", system-ui, sans-serif;--header-h: 56px;--ease-out: cubic-bezier(.22, .61, .36, 1);--section-pad-v: 110px;--section-pad-h: 40px;--section-max: 820px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-prime);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}#stars-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s var(--ease-out),box-shadow .35s var(--ease-out)}.site-header.scrolled{background:#02000ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #6428c82e}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 28px;max-width:1280px;margin:0 auto}.wordmark{font-family:var(--font-title);font-size:.8rem;letter-spacing:.28em;color:#d2beffe0;text-decoration:none;transition:color .2s;flex-shrink:0}.wordmark:hover{color:#e6d7ff}.nav-desktop{display:flex;align-items:center;gap:28px}.nav-link{font-family:var(--font-title);font-size:.56rem;letter-spacing:.2em;color:var(--text-mid);text-decoration:none;transition:color .2s;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text-prime)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:#a078f08c}.nav-play{color:#50c882e6;padding:6px 16px;border:1px solid rgba(60,180,110,.35);border-radius:4px;transition:color .2s,border-color .2s,background .2s}.nav-play:hover{color:#64e696;border-color:#50d28299;background:#288c501f}.nav-play.active:after{display:none}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.hamburger-line{display:block;width:22px;height:1.5px;background:#c8b4f0bf;transition:transform .25s var(--ease-out),opacity .25s}.nav-mobile-menu{display:none;flex-direction:column;background:#040112f7;border-top:1px solid rgba(80,30,160,.22);overflow:hidden;max-height:0;transition:max-height .35s var(--ease-out)}.nav-mobile-menu.open{max-height:480px}.mobile-nav-link{font-family:var(--font-title);font-size:.63rem;letter-spacing:.2em;color:var(--text-mid);text-decoration:none;padding:13px 24px;border-bottom:1px solid rgba(60,20,120,.12);transition:color .2s,background .2s}.mobile-nav-link:hover{color:var(--text-prime);background:#3c14781a}.mobile-nav-play{color:#50c882e6}.mobile-nav-play:hover{color:#64e696}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent;z-index:1}#orb-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;margin-top:min(52vh,340px)}.hero-eyebrow{font-family:var(--font-title);font-size:.56rem;letter-spacing:.38em;color:var(--gold);opacity:.8;margin-bottom:10px;text-shadow:0 0 18px rgba(200,160,60,.35)}.hero-title{font-family:var(--font-title);font-size:clamp(2rem,6vw,3.6rem);font-weight:700;letter-spacing:.18em;color:#e6d7fffa;text-shadow:0 0 40px rgba(120,60,220,.55),0 0 80px rgba(80,20,180,.3);line-height:1.1;margin-bottom:14px}.hero-tagline{font-family:var(--font-body);font-style:italic;font-weight:300;font-size:clamp(.75rem,2vw,.95rem);letter-spacing:.08em;color:var(--text-mid);margin-bottom:32px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.btn-enter{display:inline-block;font-family:var(--font-title);font-size:.68rem;letter-spacing:.28em;color:#3cdc82f5;background:#14502d40;border:1px solid rgba(50,190,110,.45);border-radius:5px;padding:16px 36px;text-decoration:none;cursor:pointer;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .15s var(--ease-out);min-width:260px;text-align:center}.btn-enter:hover{background:#1e6e4166;border-color:#46dc8cb3;color:#50f096;box-shadow:0 0 28px #32c86e38}.btn-enter:active{transform:scale(.98)}.btn-enter.entering{animation:btn-pulse .65s var(--ease-out) forwards}@keyframes btn-pulse{0%{box-shadow:0 0 28px #32c86e38}40%{box-shadow:0 0 60px #50f0968c;transform:scale(1.03)}to{box-shadow:0 0 20px #32c86e26;transform:scale(1)}}.btn-discover{font-family:var(--font-title);font-size:.54rem;letter-spacing:.22em;color:var(--text-dim);background:none;border:none;cursor:pointer;padding:6px 12px;transition:color .2s}.btn-discover:hover{color:var(--text-mid)}.scroll-indicator{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:2;opacity:.35}.scroll-line{width:1px;height:44px;background:linear-gradient(to bottom,transparent,rgba(140,100,220,.8));margin:0 auto;animation:scroll-drift 2.2s ease-in-out infinite}@keyframes scroll-drift{0%{opacity:0;transform:scaleY(0);transform-origin:top}40%{opacity:1}to{opacity:0;transform:scaleY(1);transform-origin:top}}.site-section{position:relative;z-index:1;padding:var(--section-pad-v) var(--section-pad-h);background:#02000ad1;border-top:1px solid rgba(60,20,120,.14)}.site-section--alt{background:#040112db}.section-inner{max-width:var(--section-max);margin:0 auto}.section-inner--center{display:flex;flex-direction:column;align-items:center;text-align:center}.section-eyebrow{font-family:var(--font-title);font-size:.52rem;letter-spacing:.36em;color:var(--gold);opacity:.75;margin-bottom:12px;text-shadow:0 0 16px rgba(200,160,60,.28)}.section-title{font-family:var(--font-title);font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700;letter-spacing:.18em;color:#e1d2fff5;text-shadow:0 0 36px rgba(100,40,200,.35);line-height:1.15;margin-bottom:20px}.section-divider{width:40px;height:1px;background:#8c50f059;margin-bottom:28px}.section-body{font-family:var(--font-body);font-weight:300;font-size:clamp(.85rem,2vw,1rem);line-height:1.85;color:var(--text-mid);letter-spacing:.03em}.section-body--center{text-align:center;max-width:540px}.world-glyphs{display:flex;align-items:center;gap:18px;margin-top:48px;opacity:.2}.world-glyph{font-size:1.1rem;color:#7850c8}.world-glyph-line{flex:1;max-width:80px;height:1px;background:#643cb499}.site-section--choose{background:#03000ce6}.site-section--choose .section-inner{max-width:1080px}.world-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.world-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;text-decoration:none;padding:36px 32px 32px;border-radius:14px;overflow:hidden;min-height:300px;border:1px solid rgba(140,100,220,.22);background:#0a041a8c;transition:transform .32s var(--ease-out),border-color .32s var(--ease-out),box-shadow .32s var(--ease-out)}.world-card:hover,.world-card:focus-visible{transform:translateY(-4px)}.world-card-glow{position:absolute;inset:-40% -40% auto auto;width:260px;height:260px;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;transition:opacity .32s var(--ease-out)}.world-card:hover .world-card-glow,.world-card:focus-visible .world-card-glow{opacity:.55}.world-card-title{font-family:var(--font-title);font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;letter-spacing:.1em;color:#e6dcfff7;margin-bottom:14px;position:relative;z-index:1}.world-card-desc{font-family:var(--font-body);font-weight:300;font-size:clamp(.82rem,1.7vw,.92rem);line-height:1.75;color:var(--text-mid);letter-spacing:.02em;margin-bottom:26px;position:relative;z-index:1}.world-card-btn{margin-top:auto;display:inline-block;font-family:var(--font-title);font-size:.72rem;font-weight:600;letter-spacing:.2em;padding:13px 26px;border-radius:3px;position:relative;z-index:1;transition:filter .28s var(--ease-out),transform .28s var(--ease-out)}.world-card:hover .world-card-btn,.world-card:focus-visible .world-card-btn{filter:brightness(1.15);transform:translate(2px)}.world-card-badge{position:relative;z-index:1;align-self:flex-start;font-family:var(--font-title);font-size:.6rem;font-weight:600;letter-spacing:.14em;padding:5px 12px;border-radius:999px;margin-bottom:18px}.world-card--awakening{border-color:#c8a03c38;background:radial-gradient(circle at 85% -10%,rgba(140,90,220,.16),transparent 55%),#0a041a99}.world-card--awakening:hover,.world-card--awakening:focus-visible{border-color:#c8a03c80;box-shadow:0 18px 50px -20px #8c5adc73}.world-card--awakening .world-card-glow{background:radial-gradient(circle,rgba(200,160,60,.8),transparent 70%)}.world-card-btn--awakening{color:#140802f2;background:linear-gradient(135deg,#dcb45a,#b48228);box-shadow:0 0 24px #c8a03c40}.world-card--being{border-color:#3cc8dc38;background:linear-gradient(155deg,#0a121ab3,#0e061e99),repeating-linear-gradient(115deg,rgba(60,200,220,.05) 0px,rgba(60,200,220,.05) 1px,transparent 1px,transparent 26px),repeating-linear-gradient(25deg,rgba(140,90,220,.05) 0px,rgba(140,90,220,.05) 1px,transparent 1px,transparent 26px)}.world-card--being:hover,.world-card--being:focus-visible{border-color:#3cc8dc8c;box-shadow:0 18px 50px -20px #3cc8dc66}.world-card--being .world-card-glow{background:radial-gradient(circle,rgba(60,200,220,.75),transparent 70%)}.world-card-btn--being{color:#030e10f2;background:linear-gradient(135deg,#5adceb,#785adc);box-shadow:0 0 24px #3cc8dc47}.world-card-badge{color:#081214f2;background:linear-gradient(135deg,#5adceb,#785adc)}.awakenings-layout{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:center}.awakenings-orb-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}#awakenings-orb-canvas{display:block;width:260px;height:260px}.awakenings-text{min-width:0}.boss-list{margin-top:44px;display:flex;flex-direction:column;gap:0}.boss-entry{display:grid;grid-template-columns:20px 1fr;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(60,20,120,.15)}.boss-entry:first-child{border-top:1px solid rgba(60,20,120,.15)}.boss-marker{width:6px;height:6px;border-radius:50%;background:#c8a03cb3;margin-top:6px;box-shadow:0 0 8px #c8a03c66;flex-shrink:0}.boss-marker--unknown{background:#643cb473;box-shadow:0 0 8px #643cb440}.boss-name{font-family:var(--font-title);font-size:.6rem;letter-spacing:.22em;color:#d2beffe0;margin-bottom:10px}.boss-desc{font-family:var(--font-body);font-weight:300;font-size:.88rem;line-height:1.75;color:var(--text-mid);letter-spacing:.02em}.update-list{margin-top:40px;display:flex;flex-direction:column;gap:24px}.update-card{border:1px solid rgba(80,40,160,.22);border-radius:6px;background:#060216b8;overflow:hidden}.update-card-header{padding:22px 28px 16px;border-bottom:1px solid rgba(60,20,120,.18)}.update-badge{display:inline-block;font-family:var(--font-title);font-size:.44rem;letter-spacing:.3em;color:var(--gold);opacity:.75;margin-bottom:8px}.update-version{font-family:var(--font-title);font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;letter-spacing:.1em;color:#dccdfff0;margin-bottom:4px}.update-date{font-family:var(--font-body);font-size:.75rem;color:var(--text-dim);letter-spacing:.05em}.update-body{padding:20px 28px;display:flex;flex-direction:column;gap:10px}.update-body p{font-family:var(--font-body);font-weight:300;font-size:.9rem;line-height:1.8;color:var(--text-mid);letter-spacing:.02em}.update-footer{padding:14px 28px 18px;border-top:1px solid rgba(60,20,120,.12)}.update-credit{font-family:var(--font-body);font-style:italic;font-size:.78rem;color:var(--text-dim);letter-spacing:.03em}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:680px;margin-top:8px}.team-card{background:#080316b3;border:1px solid rgba(130,80,240,.22);border-radius:12px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:border-color .2s,box-shadow .2s}.team-card:hover{border-color:#b482ff61;box-shadow:0 0 22px #6432c824}.team-name{font-family:var(--font-title);font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:700;letter-spacing:.18em;color:#f0e8ff;text-shadow:0 0 16px rgba(180,120,255,.4);margin:0}.team-role{font-family:var(--font-title);font-size:.55rem;letter-spacing:.2em;color:var(--gold);opacity:.8;margin:0;line-height:1.5}.team-bio{font-family:var(--font-body);font-size:.82rem;color:var(--text-mid);line-height:1.7;letter-spacing:.02em;margin:4px 0 0}@media(max-width:560px){.team-grid{grid-template-columns:1fr}}.btn-discord-soon{margin-top:32px;font-family:var(--font-title);font-size:.58rem;letter-spacing:.24em;color:var(--text-dim);background:#140a3280;border:1px solid rgba(80,40,140,.28);border-radius:5px;padding:14px 30px;cursor:not-allowed;opacity:.58;white-space:nowrap}.btn-discord-play{cursor:pointer!important;opacity:1!important;color:#dcc3ffd9!important;border-color:#8250dc73!important;background:#1e0c4699!important;transition:color .2s,border-color .2s,background .2s}.btn-discord-play:hover{color:#fff!important;border-color:#af78ffb3!important;background:#3c19828c!important}@media(prefers-reduced-motion:reduce){.scroll-line{animation:none;opacity:.4}.btn-enter.entering{animation:none}html{scroll-behavior:auto}}@media(max-width:860px){:root{--section-pad-v: 80px;--section-pad-h: 28px}.awakenings-layout{grid-template-columns:220px 1fr;gap:40px}#awakenings-orb-canvas{width:200px;height:200px}.nav-desktop{gap:18px}}@media(max-width:700px){:root{--section-pad-v: 64px;--section-pad-h: 20px}.nav-desktop{display:none}.nav-mobile-toggle,.nav-mobile-menu{display:flex}.header-inner{padding:0 18px}.hero-content{margin-top:min(48vh,280px);padding:0 16px}.btn-enter{min-width:240px;padding:14px 28px;font-size:.62rem}.world-choice-grid{grid-template-columns:1fr;gap:20px}.world-card{min-height:unset;padding:28px 24px 26px}.awakenings-layout{grid-template-columns:1fr;gap:36px}.awakenings-orb-wrap{order:-1}#awakenings-orb-canvas{width:200px;height:200px}.boss-entry{gap:14px;padding:22px 0}.update-card-header,.update-body,.update-footer{padding-left:20px;padding-right:20px}}@media(max-width:400px){.hero-content{margin-top:min(44vh,240px)}.hero-title{font-size:1.8rem}.btn-enter{min-width:210px}}@media(hover:none){.btn-enter{padding:18px 36px}.btn-discover{padding:12px 18px}}