.hp-panel{background:linear-gradient(165deg,#17120c,#0b0907);box-shadow:0 18px 44px #0000008c}.hp-tile{background:linear-gradient(165deg,#17120c,#0b0907)}.hp-stats{background:radial-gradient(ellipse at 50% 0%,rgba(151,119,74,.1),transparent 70%),linear-gradient(180deg,#100c08,#09090b)}.hp-corner{position:absolute;z-index:5;width:1.05rem;height:1.05rem;color:#97774a8c;pointer-events:none}.hp-corner-tl{top:.55rem;left:.55rem;border-top:1px solid;border-left:1px solid}.hp-corner-tr{top:.55rem;right:.55rem;border-top:1px solid;border-right:1px solid}.hp-corner-bl{bottom:.55rem;left:.55rem;border-bottom:1px solid;border-left:1px solid}.hp-corner-br{bottom:.55rem;right:.55rem;border-bottom:1px solid;border-right:1px solid}@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:#97774a2e;line-height:1;pointer-events:none;transition:color .3s ease}.feature-tile:hover .feature-numeral{color:#dc262640}.drop-cap{float:left;font-family:Beaufort,serif;font-size:3.5rem;line-height:.8;padding-right:.5rem;padding-top:.25rem;color:#97774a}.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}