.hp-panel{background:var(--panel-leather);box-shadow:0 18px 44px #0000008c}.hp-tile{background:var(--panel-leather)}.hp-stats{background:radial-gradient(ellipse at 50% 0%,rgb(var(--gold-rgb) / .1),transparent 70%),linear-gradient(180deg,#100c08,#09090b)}@keyframes slowZoom{0%{transform:scale(1.05) translate(0)}50%{transform:scale(1.18) translate(-1.5%,-1%)}to{transform:scale(1.05) translate(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes flourishPulse{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.25) rotate(90deg);opacity:1}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-1.5rem,1.5rem)}}.ornate-divider svg{animation:flourishPulse 4s ease-in-out infinite}.stat-item:hover p:first-child{color:#ef4444}@keyframes chaosHue{0%{filter:hue-rotate(0deg) saturate(2.2) brightness(1.1)}to{filter:hue-rotate(360deg) saturate(2.2) brightness(1.1)}}@keyframes chaosBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes chaosWiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.chaos-zone.is-active{position:relative;background:linear-gradient(120deg,#f0c,#9d00ff,#f6c,#6a00ff,#f0c);background-size:400% 400%;animation:chaosHue 6s linear infinite,chaosBg 10s ease-in-out infinite}.chaos-zone.is-active h1,.chaos-zone.is-active h2,.chaos-zone.is-active h3,.chaos-zone.is-active h4{animation:chaosWiggle 1.5s ease-in-out infinite}.vignette-frame{box-shadow:inset 0 0 200px 60px #000000d9}.feature-tile{overflow:hidden}.feature-tile:hover{background-color:#110d09}.feature-numeral{position:absolute;top:.25rem;right:1rem;font-size:5.5rem;font-weight:900;color:rgb(var(--gold-rgb) / .18);line-height:1;pointer-events:none;transition:color .3s ease}.feature-tile:hover .feature-numeral{color:#dc262640}.drop-cap{float:left;font-family:var(--font-beaufort);font-size:3.5rem;line-height:.8;padding-right:.5rem;padding-top:.25rem;color:var(--color-gold)}.faction-banner{display:flex;gap:1.5rem;align-items:center;padding:2rem;background:#18181b80;border:1px solid rgba(63,63,70,.6);border-top:3px solid var(--faction);border-radius:.25rem;text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.faction-banner:hover{border-color:color-mix(in srgb,var(--faction) 55%,transparent);border-top-color:var(--faction);box-shadow:0 12px 40px color-mix(in srgb,var(--faction) 22%,transparent);transform:translateY(-3px)}.faction-banner-crest{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4.5rem;position:relative}.faction-banner-crest:before{content:"";position:absolute;inset:-.75rem;background:radial-gradient(circle at center,color-mix(in srgb,var(--faction) 30%,transparent),transparent 70%);opacity:0;transition:opacity .3s ease}.faction-banner:hover .faction-banner-crest:before{opacity:1}.faction-sigil{position:relative;display:block;width:4rem;height:4rem;background-color:var(--faction);-webkit-mask:var(--sigil) no-repeat center / contain;mask:var(--sigil) no-repeat center / contain;transition:transform .3s ease}.faction-banner:hover .faction-sigil{transform:scale(1.08)}.faction-banner-body{flex:1;min-width:0}.faction-banner-name{font-size:1.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.faction-banner-text{color:#d4d4d8;font-size:.95rem;line-height:1.7}.faction-banner-text :global(strong){color:#fff;font-weight:700}@media(max-width:640px){.faction-banner{flex-direction:column;gap:1.25rem;text-align:left;align-items:flex-start}}.roles-marquee-stack{display:flex;flex-direction:column;gap:.75rem}.marquee-row{overflow:hidden;width:100%}.marquee-track{display:flex;gap:.75rem;width:max-content}.marquee-cell{width:140px;height:140px;flex-shrink:0;border-radius:.5rem;overflow:hidden}.marquee-left{animation:marqueeLeft var(--marquee-duration) linear infinite}.marquee-right{animation:marqueeRight var(--marquee-duration) linear infinite}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.roles-mosaic-fade{background:linear-gradient(to bottom,#09090b 0%,transparent 22%,transparent 78%,#09090b 100%)}.roles-mosaic-section{background-color:#09090b}.phase-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:4rem}.phase-mini{background:var(--panel-leather);border:1px solid rgb(var(--gold-rgb) / .3);padding:.55rem .55rem 1.1rem}.phase-mini-img{position:relative;aspect-ratio:16 / 10;overflow:hidden;margin-bottom:.9rem}.phase-mini-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.phase-mini:hover .phase-mini-img img{transform:scale(1.05)}.phase-mini-n{position:absolute;left:.6rem;bottom:.35rem;font-size:1.9rem;font-weight:900;line-height:1;color:var(--color-gold);text-shadow:0 2px 6px rgba(0,0,0,.9)}.phase-mini-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0 .45rem .4rem}.phase-mini-text{font-size:.86rem;line-height:1.6;color:#a1a1aa;margin:0 .45rem}.hp-pillars-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem 2.5rem;padding:2.75rem 1.5rem;background:#0c0a08;border-block:1px solid rgb(var(--gold-rgb) / .3)}.hp-pillars-strip ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.hp-pillars-strip li{font-size:1.15rem;color:#e4ddd0;letter-spacing:.04em;text-transform:uppercase}.hp-pillars-strip li+li:before{content:"◆";color:var(--color-gold);font-size:.6rem;margin:0 1rem;vertical-align:.2em}.hp-guide-link{text-align:center;margin-top:2.5rem}.hp-guide-link a{color:var(--color-gold);text-transform:uppercase;letter-spacing:.12em;font-size:.95rem;text-decoration:none;transition:color .2s ease}.hp-guide-link a:hover{color:var(--color-gilt)}.hp-head-left{margin-bottom:3rem;padding-left:1.25rem;border-left:3px solid rgb(var(--gold-rgb) / .6)}.hp-recommended{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#34d399;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.hp-recommended svg{width:1.1rem;height:1.1rem}@media(max-width:960px){.phase-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.phase-strip{grid-template-columns:1fr}}.cycle{position:relative;padding:6rem 1.5rem 5rem;border-block:1px solid rgb(var(--gold-rgb) / .3);background:linear-gradient(180deg,#0a0c14,#0c0a0a 45%,#0e0a08 70%,#140a08);overflow:hidden}.cycle-inner{max-width:72rem;margin:0 auto}.cycle-track{position:relative;list-style:none;margin:4rem 0 0;padding:0}.cycle-track:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#5b7fb5,#d9a54a 38%,#c9772e 64%,#b8312c);opacity:.55}.cycle-step{position:relative;display:grid;grid-template-columns:1fr 5rem 1fr;align-items:center;padding:2.5rem 0}.cycle-art{grid-column:1;grid-row:1}.cycle-node{grid-column:2;grid-row:1}.cycle-copy{grid-column:3;grid-row:1;padding-left:1rem}.cycle-step.is-rev .cycle-art{grid-column:3}.cycle-step.is-rev .cycle-copy{grid-column:1;padding-left:0;padding-right:1rem;text-align:right}.cycle-art{position:relative;padding:.6rem;background:var(--panel-leather);border:1px solid color-mix(in srgb,var(--phase) 45%,transparent);box-shadow:0 22px 50px #0000008c,0 0 40px color-mix(in srgb,var(--phase) 12%,transparent);--foil-color: color-mix(in srgb, var(--phase) 70%, transparent)}.cycle-art img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .6s ease}.cycle-art{overflow:hidden}.cycle-step:hover .cycle-art img{transform:scale(1.04)}.cycle-node{justify-self:center;display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#0b0907;border:2px solid var(--phase);box-shadow:0 0 0 6px #0b0907,0 0 26px color-mix(in srgb,var(--phase) 55%,transparent);position:relative;z-index:1}.cycle-node span{font-size:1.15rem;font-weight:900;color:var(--phase)}.cycle-time{margin:0 0 .4rem;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--phase)}.cycle-title{margin:0 0 .9rem;font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:900;text-transform:uppercase;color:#fff;line-height:1.05}.cycle-text{margin:0;font-size:1.05rem;line-height:1.75;color:#b5ada0;max-width:30rem}.cycle-step.is-rev .cycle-text{margin-left:auto}.cycle-loop{margin:2.5rem 0 0;text-align:center;font-size:1.15rem;font-style:italic;color:#8fa6c9}.cycle-loop span{display:inline-block;margin-left:.35rem;font-style:normal;color:#5b7fb5}@media(max-width:820px){.cycle{padding:4.5rem 1.25rem 4rem}.cycle-track:before{left:1.7rem;transform:none}.cycle-step,.cycle-step.is-rev{grid-template-columns:3.4rem 1fr;gap:0 1.25rem;align-items:start;padding:1.75rem 0}.cycle-node,.cycle-step.is-rev .cycle-node{grid-column:1;grid-row:1 / span 2;justify-self:start}.cycle-art,.cycle-step.is-rev .cycle-art{grid-column:2;grid-row:1;margin-bottom:1rem}.cycle-copy,.cycle-step.is-rev .cycle-copy{grid-column:2;grid-row:2;padding:0;text-align:left}.cycle-step.is-rev .cycle-text{margin-left:0}}