:root{--bg:#050c12;--bg-soft:#09131c;--panel:#0d1923;--panel-2:#111f2b;--line:#b7d6e721;--text:#f1f7fa;--muted:#9db1bd;--subtle:#6f8490;--blue:#63b4ff;--cyan:#63e0d6;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 50% -10%,#132d3a 0,var(--bg)36rem);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{max-width:100%}.siteFrame{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#050c12d6;align-items:center;gap:34px;height:76px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:12px;min-width:245px;display:flex}.wordmarkGlyph{border:1px solid #63e0d661;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:24px;display:grid;box-shadow:inset 0 0 22px #63e0d61f}.wordmark strong{letter-spacing:.18em;font-family:Georgia,serif;font-size:17px;display:block}.wordmark small{color:var(--subtle);margin-top:2px;font-size:11px;display:block}.mainNav{gap:26px;margin-left:auto;display:flex}.mainNav a{color:var(--muted);font-size:14px;transition:color .2s}.mainNav a:hover{color:var(--text)}.confluenceButton,.primaryButton,.ghostButton{border-radius:10px;justify-content:center;align-items:center;padding:11px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.confluenceButton{border:1px solid var(--line);color:var(--muted)}.confluenceButton:hover,.ghostButton:hover{color:var(--text);border-color:#63e0d66b;transform:translateY(-1px)}main{min-height:calc(100vh - 140px)}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);align-items:center;gap:60px;min-height:610px;padding:78px clamp(24px,6vw,94px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.34;background:linear-gradient(90deg,#050c12f5 0%,#050c12c2 46%,#050c1252 100%),url(/assets/brand/lumo-roster.webp) 50%/cover;position:absolute;inset:0}.hero>*{z-index:2;position:relative}.heroGlow{filter:blur(90px);opacity:.16;z-index:1;border-radius:50%;position:absolute}.heroGlowA{background:#2fd6aa;width:420px;height:420px;top:80px;left:-160px}.heroGlowB{background:#377cff;width:520px;height:520px;bottom:-220px;right:-180px}.eyebrow{color:var(--cyan);letter-spacing:.18em;margin-bottom:13px;font-size:11px;font-weight:800}.hero h1,.pageHero h1,.speciesIntro h1,.notFound h1{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:.96}.hero h1{font-size:clamp(64px,8vw,112px)}.heroCopy>p{color:#c4d3db;max-width:650px;font-size:clamp(17px,2vw,21px);line-height:1.72}.heroActions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primaryButton{color:#041016;background:linear-gradient(135deg,#60e0d3,#4a9fff);box-shadow:0 12px 36px #4eaef62e}.primaryButton:hover{filter:brightness(1.08);transform:translateY(-2px)}.ghostButton{border:1px solid var(--line);color:var(--muted)}.heroStats{gap:44px;margin-top:48px;display:flex}.heroStats strong{font-family:Georgia,serif;font-size:32px;font-weight:500;display:block}.heroStats span{color:var(--subtle);font-size:12px}.heroMosaic{min-height:470px;position:relative}.heroTile{background:var(--panel);border:1px solid #ffffff1f;border-radius:22px;transition:transform .25s;position:absolute;overflow:hidden;box-shadow:0 28px 70px #00000061}.heroTile:hover{z-index:8;transform:translateY(-6px)rotate(0)!important}.heroTile img{object-fit:cover}.heroTile span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030a10b8;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:800;position:absolute;bottom:9px;left:10px}.heroTile1{width:44%;height:60%;top:13%;left:0;transform:rotate(-4deg)}.heroTile2{width:42%;height:52%;top:0;right:3%;transform:rotate(4deg)}.heroTile3{z-index:4;width:38%;height:47%;bottom:0;left:31%;transform:rotate(1deg)}.heroTile4{width:26%;height:34%;bottom:6%;right:0;transform:rotate(5deg)}.heroTile5{width:24%;height:31%;bottom:0;left:2%;transform:rotate(-6deg)}.heroTile6{width:22%;height:28%;top:34%;right:22%;transform:rotate(-2deg)}.elementRibbon{border-bottom:1px solid var(--line);z-index:40;scrollbar-width:thin;background:#071018;gap:9px;padding:18px clamp(20px,4vw,64px);display:flex;position:sticky;top:76px;overflow-x:auto}.elementRibbon button{border:1px solid var(--line);cursor:pointer;min-width:max-content;color:var(--muted);background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:7px 12px 7px 7px;display:inline-flex}.elementRibbon button.active,.elementRibbon button:hover{border-color:var(--element-color,var(--cyan));color:var(--text);background:color-mix(in srgb,var(--element-color,var(--cyan))12%,transparent)}.elementIcon{flex:none;place-items:center;display:inline-grid}.elementIcon img{width:100%;height:100%}.contentSection{max-width:1500px;margin:0 auto;padding:76px clamp(22px,4.5vw,72px)}.compactSection{padding-top:12px}.sectionHeading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.sectionHeading h2,.wikiSection h2{margin:0 0 7px;font-family:Georgia,serif;font-size:clamp(34px,4vw,50px);font-weight:500}.sectionHeading p,.wikiSection>p{color:var(--muted);margin:0;line-height:1.7}.viewToggle{border:1px solid var(--line);border-radius:10px;padding:4px;display:flex}.viewToggle button{cursor:pointer;color:var(--subtle);background:0 0;border:0;border-radius:7px;padding:8px 12px}.viewToggle button.active{background:var(--panel-2);color:var(--text)}.toolbar{align-items:center;gap:18px;margin-bottom:28px;display:flex}.searchBox{border:1px solid var(--line);background:#0e1b25bd;border-radius:12px;flex:1;align-items:center;gap:10px;max-width:720px;padding:0 14px;display:flex}.searchBox span{color:var(--subtle);font-size:21px}.searchBox input{width:100%;height:46px;color:var(--text);background:0 0;border:0;outline:0}.searchBox input::placeholder{color:#637681}.resultCount{color:var(--subtle);font-size:13px}.lumoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.lumoCard{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#14232ef5,#0a151dfa);min-width:0;transition:all .25s;overflow:hidden}.lumoCard:hover{border-color:color-mix(in srgb,var(--element-color)58%,transparent);box-shadow:0 24px 60px #0000004d,0 0 0 1px color-mix(in srgb,var(--element-color)16%,transparent);transform:translateY(-6px)}.cardImage{aspect-ratio:16/10;background:#0a151e;position:relative;overflow:hidden}.cardImage:after{content:"";background:linear-gradient(#0000 48%,#050c12d1);position:absolute;inset:0}.cardImage img{object-fit:cover;transition:transform .35s}.lumoCard:hover .cardImage img{transform:scale(1.04)}.statusBadge{color:#f7dd9d;text-transform:uppercase;letter-spacing:.08em;background:#5b4315c7;border:1px solid #f4c95d47;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.cardImage .statusBadge{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:12px;right:12px}.cardBody{padding:20px}.elementLabel{color:var(--element-color,var(--cyan));text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.cardBody h3{margin:10px 0 1px;font-family:Georgia,serif;font-size:31px;font-weight:500}.epithet,.largeEpithet{color:#c6d3da;font-family:Georgia,serif;font-style:italic}.cardBody>p:not(.epithet){color:var(--muted);min-height:75px;font-size:14px;line-height:1.58}.cardFacts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--subtle);justify-content:space-between;gap:12px;padding:13px 0;font-size:12px;display:flex}.cardFooter{justify-content:space-between;gap:10px;margin-top:15px;font-size:12px;display:flex}.cardFooter span{color:var(--muted)}.cardFooter strong{color:var(--element-color)}.tableWrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%}.rosterTable th,.rosterTable td,.detailTable th,.detailTable td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:15px 16px}th{color:var(--subtle);text-transform:uppercase;letter-spacing:.09em;background:#ffffff06;font-size:11px}td{color:#c1d0d8;font-size:13px;line-height:1.5}.rosterTable td:first-child strong{color:var(--text);display:block}.rosterTable td:first-child small{color:var(--subtle);margin-top:3px;display:block}.tableElement{align-items:center;gap:7px;display:inline-flex}.emptyState{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:70px}.emptyState strong{color:var(--text);margin-bottom:14px;display:block}.emptyState button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px}.resourceGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.resourceCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px;display:block}.resourceCard h3{margin:5px 0 8px;font-family:Georgia,serif;font-size:25px}.resourceCard p{color:var(--muted);line-height:1.6}.resourceCard a,.resourceCard strong{color:var(--cyan);font-size:13px}.footer{border-top:1px solid var(--line);min-height:64px;color:var(--subtle);justify-content:space-between;gap:20px;padding:18px clamp(20px,4vw,64px);font-size:12px;display:flex}.speciesPage,.standardPage{max-width:1540px;margin:0 auto;padding:34px clamp(22px,4vw,68px) 90px}.speciesBreadcrumb{color:var(--subtle);gap:10px;margin:8px 0 24px;font-size:12px;display:flex}.speciesBreadcrumb a{color:var(--cyan)}.speciesHero{border:1px solid var(--line);background:radial-gradient(circle at 13% 10%,color-mix(in srgb,var(--element-color)16%,transparent),transparent 38%),linear-gradient(140deg,#0d1b25,#08121a);border-radius:28px;grid-template-columns:minmax(380px,.92fr) minmax(430px,1.08fr);align-items:center;gap:55px;padding:28px;display:grid;overflow:hidden}.speciesImage{background:#08131c;border-radius:20px;min-height:520px;position:relative;overflow:hidden}.speciesImage img{object-fit:cover}.titleLine{flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;display:flex}.speciesIntro h1{font-size:clamp(58px,7vw,92px)}.largeEpithet{margin:8px 0 22px;font-size:22px}.lead{color:#c8d6dc;font-size:17px;line-height:1.78}.introFacts{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;display:grid;overflow:hidden}.introFacts div,.definitionGrid div{background:#0b1720;padding:14px}.introFacts span,.definitionGrid span{color:var(--subtle);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:10px;display:block}.introFacts strong,.definitionGrid strong{color:var(--text);font-size:13px;line-height:1.45}.speciesLayout{grid-template-columns:210px minmax(0,1fr);gap:48px;margin-top:58px;display:grid}.speciesToc{border-left:1px solid var(--line);flex-direction:column;gap:11px;height:max-content;padding-left:18px;display:flex;position:sticky;top:166px}.speciesToc strong{margin-bottom:5px;font-size:12px}.speciesToc a{color:var(--subtle);font-size:12px}.speciesToc a:hover{color:var(--element-color)}.speciesContent{min-width:0}.wikiSection{border-bottom:1px solid var(--line);padding:52px 0;scroll-margin-top:160px}.wikiSection:first-child{padding-top:0}.wikiSection h3{margin-top:30px;font-family:Georgia,serif;font-size:23px;font-weight:500}.wikiSection li{color:var(--muted);margin:8px 0;line-height:1.55}.definitionGrid{background:var(--line);border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:25px;display:grid;overflow:hidden}.spawnMeta{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.spawnMeta span,.chipList span{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:999px;padding:7px 10px;font-size:12px}.noteBox{border-left:3px solid var(--element-color,var(--cyan));background:#ffffff06;border-radius:0 10px 10px 0;padding:16px 18px;margin-top:20px!important}.abilityGrid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:26px;display:grid}.abilityCard{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px}.abilityCard span{color:var(--element-color);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.abilityCard h3{margin:6px 0}.abilityCard p{color:var(--muted);margin:0;line-height:1.6}.statGrid{grid-template-columns:1fr 1fr;gap:15px 24px;margin-top:28px;display:grid}.statLabel{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.statLabel strong{color:var(--text)}.statTrack{background:#ffffff12;border-radius:999px;height:7px;overflow:hidden}.statTrack span{border-radius:inherit;height:100%;display:block}.attunementPanel{border:1px solid color-mix(in srgb,var(--element-color)36%,transparent);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--element-color)15%,transparent),transparent 45%),var(--panel);border-radius:22px;margin-top:40px;padding:36px}.chipList{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.twoColumnLists{grid-template-columns:1fr 1fr;gap:35px;display:grid}.pageHero{max-width:980px;padding:75px 0 55px}.pageHero h1{font-size:clamp(58px,8vw,94px)}.pageHero p{color:var(--muted);max-width:840px;font-size:18px;line-height:1.8}.elementGuideGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.elementGuideCard{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--element-color)12%,transparent),transparent 42%),var(--panel);padding:23px}.elementGuideHeader{align-items:center;gap:13px;display:flex}.elementGuideHeader h2{margin:0;font-family:Georgia,serif;font-size:30px}.elementGuideHeader span{color:var(--element-color);font-size:11px}.elementGuideCard>p{color:var(--muted);line-height:1.6}.elementGuideCard h3{text-transform:uppercase;letter-spacing:.08em;color:var(--subtle);margin-top:24px;font-size:12px}.relationshipRow{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-top:22px;display:grid;overflow:hidden}.relationshipRow div{background:#0a151e;padding:12px}.relationshipRow span{color:var(--subtle);margin-bottom:4px;font-size:10px;display:block}.relationshipRow strong{font-size:12px}.matrixSection{margin-top:42px}.workflowGrid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.workflowCard{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:20px}.workflowCard>span{color:var(--cyan);font-size:11px}.workflowCard h2{font-family:Georgia,serif;font-size:24px;font-weight:500}.workflowCard p{color:var(--muted);font-size:13px;line-height:1.6}.twoColumnPanel{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.twoColumnPanel article{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:28px}.twoColumnPanel h2{font-family:Georgia,serif;font-weight:500}.twoColumnPanel li{color:var(--muted);margin:8px 0;line-height:1.6}.notFound{text-align:center;max-width:760px;margin:0 auto;padding:150px 24px}.notFound h1{font-size:68px}.notFound p{color:var(--muted);margin-bottom:28px}@media (max-width:1120px){.hero{grid-template-columns:1fr;padding-top:60px}.heroMosaic{min-height:430px}.lumoGrid,.elementGuideGrid{grid-template-columns:repeat(2,1fr)}.workflowGrid{grid-template-columns:repeat(3,1fr)}.speciesHero{grid-template-columns:1fr}.speciesImage{min-height:560px}}@media (max-width:780px){.topbar{flex-wrap:wrap;height:auto;min-height:68px;padding:11px 18px}.wordmark{min-width:0}.wordmark small{display:none}.mainNav{order:3;width:100%;margin:0;padding-top:8px;overflow-x:auto}.confluenceButton{margin-left:auto}.elementRibbon{top:108px}.hero{min-height:auto;padding:54px 22px}.heroMosaic{min-height:330px}.heroStats{flex-wrap:wrap;gap:22px}.lumoGrid,.resourceGrid,.elementGuideGrid,.workflowGrid,.twoColumnPanel,.abilityGrid,.statGrid,.twoColumnLists{grid-template-columns:1fr}.sectionHeading{flex-direction:column;align-items:flex-start}.toolbar{flex-direction:column;align-items:stretch}.speciesPage,.standardPage{padding-left:18px;padding-right:18px}.speciesHero{gap:28px;padding:14px}.speciesImage{min-height:390px}.speciesIntro h1{font-size:58px}.speciesLayout{grid-template-columns:1fr}.speciesToc{display:none}.definitionGrid,.introFacts{grid-template-columns:1fr}.footer{flex-direction:column}}