.loading-spinner-wrapper{display:flex;justify-content:center;align-items:center;height:80vh;background-color:transparent}.loading-spinner{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg,#5ed1e1,#e676ad,#7b72f1,#5ed1e1);animation:rotate 1.2s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent 92%,black 93%);mask:radial-gradient(farthest-side,transparent 92%,black 93%)}@keyframes rotate{to{transform:rotate(360deg)}}.lore-container{padding:2rem 1.5rem;max-width:70rem;margin:0 auto}.lore-title{text-align:center;margin-bottom:2rem;text-transform:uppercase;background-image:var(--gradient-title);color:transparent;-webkit-background-clip:text;background-clip:text}.lore-section-title,.chronicle-title{text-align:center;text-transform:uppercase;background-image:var(--gradient-title);color:transparent;-webkit-background-clip:text;background-clip:text}.lore-section-title,.chronicle-title{margin:4rem 0 2rem}.lore-general-block{margin-bottom:2rem}.lore-general-columns,.chronicle-columns{display:flex;gap:2rem;align-items:stretch;justify-content:space-between;margin-bottom:2rem}.lore-general-columns.reverse,.chronicle-columns.reverse{flex-direction:row-reverse}.lore-general-text,.chronicle-text{flex:1;min-width:0;text-align:justify}.lore-general-text.text-only{width:100%}.lore-general-text p,.chronicle-text p{margin-top:0;margin-bottom:1.2rem}.lore-general-text p:last-child,.chronicle-text p:last-child{margin-bottom:0}.lore-general-columns.text-two-thirds .lore-general-text,.lore-general-columns.text-two-thirds .lore-general-image-wrapper{flex:1}.lore-general-wide-image-wrapper{width:100%;margin-top:1.5rem;display:flex;justify-content:center}.lore-general-wide-image{display:block;width:100%;height:auto;object-fit:contain;cursor:pointer}.lore-general-image-wrapper,.chronicle-image-wrapper{position:relative;flex:1;min-width:0;align-self:stretch}.lore-general-image,.chronicle-image{position:absolute;top:0;left:1rem;width:calc(100% - 2rem);height:100%;object-fit:contain;cursor:pointer}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.modal-image{max-width:95%;max-height:95%;border-radius:.5rem;box-shadow:0 0 30px #000000b3;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:64rem){.lore-general-columns,.lore-general-columns.reverse,.chronicle-columns,.chronicle-columns.reverse{flex-direction:column-reverse;align-items:center}.lore-general-text,.chronicle-text{text-align:center;width:100%}.lore-general-image-wrapper,.chronicle-image-wrapper{position:static;width:100%;margin-top:1.5rem;display:flex;justify-content:center}.lore-general-image,.chronicle-image{position:static;left:auto;transform:none;width:auto;max-width:100%;height:auto}}@media(max-width:768px){.lore-title{font-size:2.25rem;line-height:2rem}}.lore-protagonists-section{margin-top:5rem;margin-bottom:2rem}.lore-protagonists-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}.lore-protagonist-link{display:block;min-width:0;width:100%;aspect-ratio:1;text-decoration:none;transition:transform .25s ease}.lore-protagonist-icon{display:block;width:100%;height:100%;object-fit:contain}.lore-protagonist-link:focus-visible{outline:3px solid currentColor;outline-offset:5px}.lore-protagonists-status{text-align:center}@media(hover:hover){.lore-protagonist-link:hover{transform:translateY(-.35rem)}}@media(max-width:64rem){.lore-protagonists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.lore-protagonists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media(prefers-reduced-motion:reduce){.lore-protagonist-link{transition:none}}.lore-detail-container{max-width:70rem;margin:0 auto;padding:2rem 1.5rem}.lore-detail-title{margin-bottom:3rem;text-align:center;text-transform:uppercase;background-image:var(--gradient-title);color:transparent;-webkit-background-clip:text;background-clip:text}.lore-detail-columns{display:flex;gap:2rem;align-items:stretch;margin-bottom:3rem}.lore-detail-columns.reverse{flex-direction:row-reverse}.lore-detail-text{flex:1;min-width:0;text-align:justify}.lore-detail-text p,.lore-detail-text-only p,.lore-detail-wide-block p{margin:0}.lore-detail-image-wrapper{position:relative;flex:1;min-width:0;align-self:stretch}.lore-detail-image{position:absolute;top:0;left:50%;width:auto;height:100%;max-width:none;transform:translate(-50%);object-fit:contain;cursor:pointer}.lore-detail-text-only,.lore-detail-wide-block{margin-bottom:3rem;text-align:justify}.lore-detail-wide-image{display:block;width:100%;height:auto;margin-top:1.5rem;object-fit:contain;cursor:pointer}.lore-detail-not-found{padding:5rem 1.5rem;text-align:center}.lore-detail-container strong{font-weight:700}.lore-detail-text-only,.lore-detail-image-only{width:100%}.lore-detail-image-only{margin-bottom:3rem}.lore-detail-full-image{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;cursor:pointer}@media(max-width:64rem){.lore-detail-columns,.lore-detail-columns.reverse{flex-direction:column-reverse;align-items:center}.lore-detail-text,.lore-detail-text-only,.lore-detail-wide-block{width:100%;text-align:center}.lore-detail-image-wrapper{position:static;width:100%;display:flex;justify-content:center}.lore-detail-image{position:static;width:auto;height:auto;max-width:100%;transform:none}}