@import url('/assets/css/tokens.css');
@import url('/assets/css/world.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#09071b}body{margin:0;color:#f8f5ff;background:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.starfield{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 18%,rgba(121,78,255,.14),transparent 23%),radial-gradient(circle at 78% 60%,rgba(33,183,255,.08),transparent 25%),linear-gradient(#0b0820,#080617)}.starfield:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 0.7px,transparent .8px);background-size:29px 29px;opacity:.16}.topbar{height:76px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;padding:0 clamp(22px,4vw,72px);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(8,6,25,.92),rgba(8,6,25,.58));backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.18em;font:700 17px/1.05 Georgia,serif;white-space:nowrap}.brand small{display:block;margin-top:5px;color:#aaa1cc;font:600 7px/1 Inter,sans-serif;letter-spacing:.26em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#d7bdff;border:1px solid rgba(215,189,255,.7);transform:rotate(45deg);font-size:19px}.brand-mark::first-letter{transform:rotate(-45deg)}.main-nav{display:flex;gap:clamp(18px,2.4vw,42px);margin-left:auto;margin-right:38px;height:100%;align-items:center}.main-nav a{position:relative;color:#d4cfe4;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.main-nav a:hover,.main-nav .active{color:#fff}.main-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:var(--violet);box-shadow:0 0 12px var(--violet)}.play-small{padding:11px 19px;border:1px solid #c9aaf8;background:rgba(112,64,212,.22);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.nav-toggle{display:none;margin-left:auto;color:white;background:none;border:0;font-size:22px}.hero{height:min(900px,100vh);min-height:700px;position:relative;display:flex;align-items:center;padding:110px clamp(24px,8vw,140px) 60px;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-3;background:url('/assets/images/lyra-hero.webp') center/cover no-repeat}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,5,24,.97) 0%,rgba(8,6,27,.81) 32%,rgba(8,6,25,.18) 67%,rgba(8,6,25,.16)),linear-gradient(0deg,#0a081e 0%,transparent 28%,rgba(4,3,15,.22) 100%)}.hero-copy{width:min(670px,52vw);animation:rise .8s ease-out both}.eyebrow,.section-heading>span{display:inline-flex;align-items:center;gap:10px;color:#cbb5ff;font-size:11px;font-weight:800;letter-spacing:.25em}.eyebrow:before,.section-heading>span:before{content:"";width:28px;height:1px;background:#aa7cff}.hero h1{margin:22px 0 20px;font:400 clamp(52px,5vw,84px)/1.02 Georgia,serif;letter-spacing:-.035em;text-shadow:0 4px 28px rgba(0,0,0,.45)}.hero h1 em{color:#d5c0ff;font-style:italic}.hero-copy>p{max-width:590px;color:#c6c0d7;font-size:17px}.hero-actions{display:flex;gap:13px;margin-top:34px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:0 25px;border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(15,11,42,.5);cursor:pointer;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.17em;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);transition:.25s}.cta:hover{transform:translateY(-2px);filter:brightness(1.15)}.cta.primary{border-color:#be9cff;background:linear-gradient(135deg,#8250e8,#4f79dd);box-shadow:0 12px 38px rgba(105,66,218,.35)}.platforms{display:flex;align-items:center;gap:14px;margin-top:28px;color:#8f88a7;font-size:9px;letter-spacing:.12em}.platforms b{color:#c8c2d9;font-weight:600;letter-spacing:0}.scroll-cue{position:absolute;left:50%;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#aaa3bf;font-size:8px;letter-spacing:.3em}.scroll-cue span{font-size:18px;animation:bob 1.6s ease-in-out infinite}.notice-strip{display:flex;align-items:center;gap:22px;min-height:58px;padding:10px clamp(24px,6vw,100px);background:#14102f;border-block:1px solid rgba(255,255,255,.08);color:#bbb4d0;font-size:12px}.notice-strip strong{padding:3px 8px;background:#8c55f1;color:#fff;font-size:9px;letter-spacing:.2em}.notice-strip i{width:1px;height:15px;background:#393153}.notice-strip a{margin-left:auto;color:#d7c7ff;font-weight:700}.section{padding:110px clamp(24px,7vw,116px)}.section-heading{max-width:670px;margin-bottom:42px}.section-heading h2{margin:10px 0 12px;font:400 clamp(38px,4vw,60px)/1.1 Georgia,serif}.section-heading p{margin:0;color:#a9a3ba}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading.centered>span{justify-content:center}.section-heading.row{max-width:none;display:flex;align-items:end;justify-content:space-between}.section-heading.row a{color:#cbb7ff;font-size:12px;font-weight:700}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.event-card{min-height:380px;position:relative;overflow:hidden;padding:42px;border:1px solid rgba(255,255,255,.13);background-color:#151132;background-size:cover;background-position:center;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.event-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,8,30,.95),rgba(10,8,30,.25))}.event-main{background-image:url('/assets/images/lyra-hero.webp');background-position:64% 43%}.event-side{background-image:linear-gradient(145deg,#161135,#362562 55%,#17102e)}.event-side:before{content:"✦";position:absolute;right:-15px;bottom:-95px;color:rgba(204,178,255,.08);font-size:330px}.event-card>div{max-width:440px}.tag{display:inline-block;padding:5px 9px;border:1px solid #a688ee;color:#d7c4ff;font-size:9px;letter-spacing:.2em}.tag.hot{border-color:#eea56f;color:#ffc59c}.event-card h3{margin:20px 0 12px;font:400 33px/1.12 Georgia,serif}.event-card p{color:#c2bbd3}.event-card a{display:inline-block;margin-top:25px;color:#d4bfff;font-size:12px;font-weight:800;letter-spacing:.08em}.event-card time{position:absolute;bottom:38px;left:42px;color:#f1ddff;font:italic 17px Georgia,serif}.roster{background:linear-gradient(180deg,transparent,rgba(59,35,105,.16),transparent)}.character-showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.character-panel{height:620px;position:relative;overflow:hidden;background-position:50% 18%;background-size:cover;border:1px solid rgba(255,255,255,.12)}.character-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,20,.98),transparent 57%)}.character-panel.mirelle{background-image:url('/assets/images/mirelle.webp')}.character-panel.kael{background-image:url('/assets/images/kael.webp')}.character-data{position:absolute;z-index:1;left:38px;right:38px;bottom:34px}.character-data h3{margin:8px 0 4px;font:400 42px Georgia,serif}.character-data p{max-width:520px;margin:0 0 16px;color:#cbc5d5;font-style:italic}.character-data a{color:#dac7ff;font-size:11px;font-weight:800;letter-spacing:.1em}.element{font-size:9px;font-weight:800;letter-spacing:.2em}.element.nature{color:#8be8ad}.element.flame{color:#ff9c71}.dots{text-align:center;margin-top:28px}.dots>*{display:inline-block;width:22px;height:2px;margin:0 4px;background:#39344a}.dots b{background:#af86ff}.pillars{border-block:1px solid rgba(255,255,255,.06)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.pillar-grid article{padding:32px 26px;text-align:center;background:linear-gradient(180deg,rgba(34,27,70,.72),rgba(14,12,35,.72));border:1px solid rgba(203,176,255,.14)}.pillar-grid img{width:92px;height:92px;margin:0 auto 22px;filter:drop-shadow(0 0 16px rgba(159,115,255,.34))}.pillar-grid h3{margin:0 0 10px;font:400 24px Georgia,serif}.pillar-grid p{margin:0;color:#9690a8;font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#13102c;border:1px solid rgba(255,255,255,.09);transition:.25s}.news-card:hover{transform:translateY(-5px);border-color:#725aa5}.news-visual{height:175px;display:grid;place-items:center;background:radial-gradient(circle,#713bb1,transparent 65%),linear-gradient(135deg,#211448,#0e0c26);color:#eee4ff;font:italic 72px Georgia,serif}.news-visual.blue{background:radial-gradient(circle,#276cac,transparent 65%),linear-gradient(135deg,#122e53,#0e0c26)}.news-visual.gold{background:radial-gradient(circle,#9b6e26,transparent 65%),linear-gradient(135deg,#463016,#0e0c26)}.news-card div{padding:23px}.news-card small{color:#9589b3;font-size:9px;letter-spacing:.16em}.news-card h3{margin:8px 0;font:400 21px/1.25 Georgia,serif}.news-card p{margin:0;color:#9690a6;font-size:13px}.summon-banner{min-height:430px;display:grid;place-items:center;text-align:center;padding:70px 24px;background:linear-gradient(rgba(13,9,37,.42),rgba(13,9,37,.85)),url('/assets/images/lyra-hero.webp') 48% 38%/cover}.summon-banner h2{margin:12px 0;font:400 clamp(42px,5vw,70px) Georgia,serif}.summon-banner p{color:#d2cbdf}.summon-banner .cta{margin-top:20px}.footer{padding:62px clamp(24px,7vw,116px) 35px;text-align:center;background:#070616;border-top:1px solid rgba(255,255,255,.08);color:#777188}.footer-brand{justify-content:center;color:#d9d2ed}.footer-links{display:flex;justify-content:center;gap:28px;margin:28px 0;color:#aaa4b9;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.footer p{font-size:10px}.trailer-modal{width:min(850px,90vw);border:1px solid #7759b1;padding:0;background:#0d0a22;color:#fff;box-shadow:0 40px 120px #000}.trailer-modal::backdrop{background:rgba(4,3,14,.85);backdrop-filter:blur(8px)}.trailer-modal>button{position:absolute;right:14px;top:8px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.trailer-frame{min-height:460px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,#4e2d88,#0c091f 60%)}.trailer-frame>span{font-size:70px;color:#c6a4ff}.trailer-frame h2{margin:8px;font:400 44px Georgia,serif}.trailer-frame p{color:#a9a1bd}.fake-player{height:3px;width:300px;margin:25px auto;background:#332854}.fake-player i{display:block;height:100%;width:63%;background:#9e77ef}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(6px)}}@media(max-width:980px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;height:auto;margin:0;padding:25px;background:#0c0922;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.main-nav .active:after{display:none}.nav-toggle{display:block}.play-small{margin-left:12px}.hero-copy{width:min(680px,86vw)}.hero-vignette{background:linear-gradient(90deg,rgba(7,5,24,.93),rgba(8,6,25,.38)),linear-gradient(0deg,#0a081e,transparent 45%)}.feature-grid,.character-showcase{grid-template-columns:1fr}.pillar-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr 1fr}.character-panel{height:540px}}@media(max-width:640px){.topbar{height:64px;padding:0 16px}.brand{font-size:13px}.brand-mark{width:31px;height:31px}.play-small{display:none}.hero{min-height:720px;padding:100px 22px 50px;align-items:end}.hero-art{background-position:64% center}.hero-vignette{background:linear-gradient(0deg,#09071c 10%,rgba(8,6,25,.46) 78%,rgba(8,6,25,.55))}.hero-copy{width:100%}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.platforms{flex-wrap:wrap}.platforms span{width:100%}.notice-strip{overflow:hidden;white-space:nowrap}.notice-strip i,.notice-strip span:nth-of-type(2){display:none}.section{padding:74px 20px}.feature-grid,.character-showcase,.pillar-grid,.news-grid{grid-template-columns:1fr}.event-card{padding:28px}.character-panel{height:500px}.section-heading.row{align-items:flex-start}.section-heading.row>a{display:none}.footer-links{flex-wrap:wrap}}