@import "https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Cinzel:wght@400;700;900&display=swap";
.historia-root,.historia-root *,.historia-root :before,.historia-root :after{box-sizing:border-box;margin:0;padding:0}.historia-root{--gold:#e8b84b;--amber:#c9922a;--dark-gold:#8b5e15;--night:#1a1208;--blood:#8b1a1a;--steel:#d0d8e4;--parchment:#fdf6e3;--wood:#7a4f10;--historia-footer:calc(4.75rem + env(safe-area-inset-bottom,0px));--historia-header:calc(3.25rem + env(safe-area-inset-top,0px));z-index:100;width:100%;height:100dvh;color:var(--parchment);-webkit-tap-highlight-color:transparent;background:#000;font-family:IM Fell English,Georgia,serif;position:fixed;inset:0;overflow:hidden}.historia-root #intro{z-index:10;cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.historia-root #stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.historia-root .star{animation:historia-twinkle var(--dur) ease-in-out infinite var(--del);background:#fff;border-radius:50%;position:absolute}@keyframes historia-twinkle{0%,to{opacity:var(--min-op);transform:scale(1)}50%{opacity:var(--max-op);transform:scale(1.4)}}.historia-root #scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.historia-root .chapter{opacity:0;pointer-events:none;padding-top:var(--historia-header);padding-bottom:var(--historia-footer);flex-direction:column;justify-content:flex-start;align-items:stretch;transition:opacity .1s;display:flex;position:absolute;inset:0}.historia-root .chapter.active{opacity:1;pointer-events:auto}.historia-root #ch1{background:radial-gradient(80% 60% at 50% 60%,#2a1a04 0%,#0a0600 100%)}.historia-root .chapter-scroll{z-index:4;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--dark-gold) transparent;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden auto}.historia-root .chapter-panel{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:920px;min-height:100%;margin:0 auto;padding:.5rem 1rem 1rem;display:flex}.historia-root .chapter-fx{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.historia-root #ch1 .empire-map{flex:none;justify-content:center;align-items:center;width:100%;max-height:min(46vh,400px);display:flex;position:relative}.historia-root #empire-svg{opacity:0;width:min(700px,100%);height:auto;max-height:min(46vh,400px);animation:2s ease-out forwards historia-mapReveal}.historia-root .ch1-narrative{flex:none;width:100%;max-width:640px}@keyframes historia-mapReveal{0%{opacity:0;filter:brightness(0);transform:scale(.85)}60%{filter:brightness(1.2)}to{opacity:1;filter:brightness();transform:scale(1)}}.historia-root #ch2{background:radial-gradient(60% 60% at 50% 40%,#1a0202 0%,#080000 100%)}.historia-root #crack-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.historia-root .crack-line{background:linear-gradient(var(--angle), transparent 0%, #8b1a1a 40%, #ff3a3a 50%, #8b1a1a 60%, transparent 100%);transform-origin:50%;opacity:0;animation:historia-crackAppear var(--dur2) ease-out var(--del2) forwards;position:absolute}@keyframes historia-crackAppear{0%{opacity:0;width:0}10%{opacity:1}to{opacity:.8}}.historia-root #ch3{background:#000}.historia-root .ch3-fx #heroes-scatter{position:absolute;inset:0}.historia-root .fragment-hero{opacity:0;z-index:1;animation:historia-heroScatter var(--dur3) ease-out var(--del3) forwards;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}@keyframes historia-heroScatter{0%{opacity:0;transform:translate(0)scale(1.5)}30%{opacity:1}to{opacity:.7;transform:translate(var(--tx), var(--ty)) scale(.6)}}.historia-root #ch4{background:var(--night)}.historia-root .ch4-scroll{justify-content:center;align-items:center;display:flex}.historia-root .ch4-panel{text-align:center;gap:.75rem;padding:1rem 1.25rem 1.5rem}.historia-root #ch4 #particles-container{z-index:0;pointer-events:none;position:absolute;inset:0}.historia-root #ch4:before{content:"";background:radial-gradient(50% 40%,#2a1a04 0%,#0000 70%);position:absolute;inset:0}.historia-root .text-block{z-index:5;text-align:center;-webkit-backdrop-filter:blur(10px);background:#080502eb;border:1px solid #c9922a73;border-radius:8px;width:100%;max-width:780px;margin-left:auto;margin-right:auto;padding:1.25rem 1.35rem 1.5rem;position:relative;box-shadow:0 8px 32px #000000b3,inset 0 1px #e8b84b1a}.historia-root .text-block:before,.historia-root .text-block:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.historia-root .text-block:before{border-top:1.5px solid #c9922a8c;border-left:1.5px solid #c9922a8c;top:8px;left:8px}.historia-root .text-block:after{border-bottom:1.5px solid #c9922a8c;border-right:1.5px solid #c9922a8c;bottom:8px;right:8px}.historia-root .chapter-label{letter-spacing:6px;color:var(--amber);text-transform:uppercase;opacity:0;animation:historia-fadeUp 1s ease-out var(--label-delay,.3s) forwards;margin-bottom:1.2rem;font-family:Cinzel,Georgia,serif;font-size:clamp(10px,1.2vw,13px)}.historia-root .chapter-title{color:var(--gold);opacity:0;animation:historia-fadeUp 1.2s ease-out var(--title-delay,.6s) forwards;text-shadow:0 2px 12px #000c;margin-bottom:1.4rem;font-family:Cinzel,Georgia,serif;font-size:clamp(26px,5vw,58px);font-weight:700;line-height:1.1}.historia-root .chapter-body{color:var(--parchment);opacity:0;animation:historia-fadeUp 1.4s ease-out var(--body-delay,1s) forwards;text-shadow:0 1px 4px #00000080;max-width:600px;margin:0 auto;font-family:IM Fell English,Georgia,serif;font-size:clamp(14px,2vw,19px);font-style:italic;line-height:1.8}@keyframes historia-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.historia-root .ornament{opacity:0;animation:historia-fadeUp 1s ease-out var(--orn-delay,.8s) forwards;align-items:center;gap:12px;margin:1.2rem auto;display:flex}.historia-root .ornament-line{background:linear-gradient(90deg, transparent, var(--amber));width:80px;height:1px}.historia-root .ornament-line.right{background:linear-gradient(90deg, var(--amber), transparent)}.historia-root .ornament-diamond{background:var(--amber);width:8px;height:8px;transform:rotate(45deg)}.historia-root .continue-hint{bottom:calc(2.35rem + env(safe-area-inset-bottom,0px));letter-spacing:clamp(2px,1vw,4px);color:var(--amber);opacity:0;text-transform:uppercase;z-index:25;text-align:center;white-space:nowrap;pointer-events:auto;cursor:pointer;background:#080502d1;border:1px solid #c9922a40;border-radius:4px;max-width:calc(100% - 2rem);padding:.45rem .85rem;font-family:Cinzel,serif;font-size:clamp(9px,2.5vw,11px);animation:2s ease-in-out 2s infinite historia-pulseHint;position:absolute;left:50%;transform:translate(-50%)}.historia-root .continue-hint.ch2-hint{color:#c44;border-color:#8b1a1a59}@keyframes historia-pulseHint{0%,to{opacity:.3}50%{opacity:.9}}.historia-root #progress{bottom:calc(.65rem + env(safe-area-inset-bottom,0px));z-index:30;background:#080502b3;border:1px solid #8b5e1559;border-radius:999px;gap:10px;padding:.35rem .75rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.historia-root .dot{background:var(--dark-gold);border-radius:50%;width:6px;height:6px;transition:background .4s,transform .4s}.historia-root .dot.active{background:var(--gold);transform:scale(1.5)}.historia-root #skip-btn{top:calc(.65rem + env(safe-area-inset-top,0px));right:calc(.65rem + env(safe-area-inset-right,0px));letter-spacing:clamp(2px,.8vw,3px);color:var(--dark-gold);border:1px solid var(--dark-gold);cursor:pointer;text-transform:uppercase;z-index:40;background:#080502e0;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem .9rem;font-family:Cinzel,serif;font-size:clamp(9px,2.5vw,11px);transition:color .2s,border-color .2s,filter .15s;display:inline-flex;position:absolute}.historia-root #skip-btn:hover{color:var(--gold);border-color:var(--gold);filter:brightness(1.1)}.historia-root #skip-btn:active{transform:scale(.97)}.historia-root #final-logo{opacity:0;z-index:2;animation:2s ease-out .5s forwards historia-logoReveal;position:relative}@keyframes historia-logoReveal{0%{opacity:0;transform:scale(.9)}40%{filter:brightness(2)}to{opacity:1;filter:brightness();transform:scale(1)}}.historia-root #final-tagline{letter-spacing:7px;color:var(--amber);text-transform:uppercase;opacity:0;z-index:2;background:#080502cc;border:1px solid #c9922a59;border-radius:4px;margin-top:1.4rem;padding:.65rem 1.25rem;font-family:Cinzel,serif;font-size:clamp(9px,1.2vw,12px);animation:1.5s ease-out 1.8s forwards historia-fadeUp;position:relative}.historia-root #final-cta{letter-spacing:3px;color:var(--night);background:var(--amber);cursor:pointer;text-transform:uppercase;opacity:0;z-index:2;border:none;border-radius:8px;width:min(100%,320px);min-height:48px;margin-top:1.25rem;padding:.9rem 1.75rem;font-family:Cinzel,serif;font-size:clamp(11px,1.5vw,14px);transition:background .2s,transform .15s,filter .15s;animation:1.5s ease-out 3s forwards historia-fadeUp;position:relative}.historia-root #final-cta:hover{background:var(--gold);filter:brightness(1.08)}.historia-root #final-cta:active{transform:scale(.97)}.historia-root .particle{background:var(--gold);pointer-events:none;opacity:0;width:3px;height:3px;animation:historia-particleFloat var(--pdur) ease-out var(--pdel) infinite;border-radius:50%;position:absolute}@keyframes historia-particleFloat{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.9}to{opacity:0;transform:translateY(var(--py)) scale(.3)}}.historia-root .vignette{pointer-events:none;z-index:1;background:radial-gradient(100% 100%,#0000 40%,#000000d9 100%);position:absolute;inset:0}.historia-root #ch2 .text-block{z-index:5}.historia-root .corruption-eye{opacity:0;width:min(520px,88vw);height:auto;animation:3s ease-out .4s forwards historia-eyeReveal;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.historia-root .ch2-fx .corruption-eye{top:32%}@keyframes historia-eyeReveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}50%{opacity:.15;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.08;transform:translate(-50%,-50%)scale(1)}}.historia-root .hero-icon{color:var(--steel);opacity:.6;margin-bottom:4px;font-size:20px}.historia-root .hero-name{letter-spacing:2px;color:var(--amber);text-transform:uppercase;opacity:.7;font-family:Cinzel,serif;font-size:9px}.historia-root #bloodcrack-svg{pointer-events:none;opacity:0;z-index:3;width:100%;height:100%;animation:1.5s ease-out .8s forwards historia-crackFadeIn;position:absolute;inset:0}@keyframes historia-crackFadeIn{0%{opacity:0}to{opacity:1}}.historia-root .crack-path{stroke:var(--blood);stroke-width:2px;fill:none;opacity:0;stroke-dasharray:600;stroke-dashoffset:600px}.historia-root .crack-path:first-child{stroke-width:3px;stroke:#ff3a3a;filter:drop-shadow(0 0 6px #8b1a1a);animation:1.8s ease-out 1s forwards historia-drawCrack}.historia-root .crack-path:nth-child(2){animation:1.4s ease-out 1.4s forwards historia-drawCrack}.historia-root .crack-path:nth-child(3){animation:1.2s ease-out 1.6s forwards historia-drawCrack}.historia-root .crack-path:nth-child(4){animation:1s ease-out 1.8s forwards historia-drawCrack}.historia-root .crack-path:nth-child(5){animation:.8s ease-out 2s forwards historia-drawCrack}.historia-root .crack-path:nth-child(6){animation:.8s ease-out 2.1s forwards historia-drawCrack}@keyframes historia-drawCrack{0%{opacity:1;stroke-dashoffset:600px}to{opacity:1;stroke-dashoffset:0}}.historia-root #ch2.active{animation:.1s step-end 2.8s 4 historia-sceneFlicker}@keyframes historia-sceneFlicker{0%{filter:brightness()}50%{filter:brightness(1.6)contrast(1.2)}to{filter:brightness()}}@media (min-width:768px){.historia-root .chapter-panel{gap:1.75rem;padding:1rem 1.75rem 1.5rem}.historia-root .text-block{padding:1.75rem 2.25rem 2rem}.historia-root #ch1 .empire-map,.historia-root #empire-svg{max-height:min(52vh,460px)}.historia-root .ch1-panel{flex-direction:row;justify-content:center;align-items:center;gap:2rem}.historia-root #ch1 .empire-map{flex:55%;max-width:58%}.historia-root .ch1-narrative{flex:42%;max-width:420px}}@media (min-width:1024px){.historia-root #ch1 .empire-map,.historia-root #empire-svg{max-height:480px}}@media (max-height:520px){.historia-root{--historia-footer:calc(3.75rem + env(safe-area-inset-bottom,0px))}.historia-root #ch1 .empire-map,.historia-root #empire-svg{max-height:34vh}.historia-root .chapter-title{margin-bottom:.75rem;font-size:clamp(20px,4.5vw,32px)}.historia-root .chapter-body{font-size:clamp(12px,2.5vw,15px);line-height:1.55}.historia-root .ornament{margin:.65rem auto}.historia-root .continue-hint{bottom:calc(2rem + env(safe-area-inset-bottom,0px))}}@media (max-width:380px){.historia-root .continue-hint{letter-spacing:2px;white-space:normal;max-width:11rem;line-height:1.35}.historia-root .ornament-line{width:48px}}@media (prefers-reduced-motion:reduce){.historia-root .star,.historia-root .continue-hint,.historia-root .particle,.historia-root #empire-svg,.historia-root .fragment-hero{animation-duration:.01ms!important;animation-iteration-count:1!important}}