.lore{min-height:100vh;padding:var(--spacing-lg)0}.lore-header{text-align:center;padding:var(--spacing-xl)0;margin-bottom:var(--spacing-xl);position:relative}.lore-header:before,.lore-header:after{content:"";background:linear-gradient(to right,transparent,var(--color-red)20%,var(--color-red)80%,transparent);width:200px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.lore-header:before{top:0}.lore-header:after{bottom:0}.lore-header h1{font-family:var(--font-jacques),serif;color:var(--color-red);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px #0000001a;letter-spacing:2px;font-size:clamp(2.5rem,6vw,4rem);line-height:1.2}.lore-subtitle{opacity:.8;margin-bottom:var(--spacing-md);font-size:clamp(1rem,2.5vw,1.5rem);font-style:italic}.lore-notice{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background-color:#ffc10726;border:2px dashed #ffc10799;max-width:500px;margin-left:auto;margin-right:auto}.lore-notice p{color:#856404;margin:0;font-size:clamp(.8125rem,1.5vw,.875rem);font-weight:600}.lore-ornament{text-align:center;margin-bottom:var(--spacing-md);opacity:.7;filter:drop-shadow(2px 2px 3px #0000001a);font-size:clamp(2.5rem,5vw,4rem)}.lore-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:#fff6;border:1px solid #1c1c1c4d;position:relative;box-shadow:0 4px 16px #00000014}.lore-section:before,.lore-section:after{content:"";background-color:var(--color-paper);width:20px;height:20px;position:absolute}.lore-section:before{clip-path:polygon(0 0,100% 0,0 100%);border-top:1px solid #1c1c1c4d;border-left:1px solid #1c1c1c4d;top:-1px;left:-1px}.lore-section:after{clip-path:polygon(100% 0,100% 100%,0 0);border-top:1px solid #1c1c1c4d;border-right:1px solid #1c1c1c4d;top:-1px;right:-1px}.lore-section.section-dark{background-color:#d4c29566;border-color:#1c1c1c66}.lore-section h2{font-family:var(--font-jacques),serif;color:var(--color-red);margin-bottom:var(--spacing-md);text-align:center;padding-bottom:var(--spacing-sm);font-size:clamp(1.75rem,4vw,2.5rem);position:relative}.lore-section h2:after{content:"";background:linear-gradient(to right,transparent,var(--color-red),transparent);width:80px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lore-section h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-ink);padding-left:var(--spacing-md);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;position:relative}.lore-section h3:before{content:"◆";color:var(--color-red);font-size:.8em;position:absolute;left:0}.lore-section p{margin-bottom:var(--spacing-sm);text-align:justify;text-indent:2em;-webkit-hyphens:auto;hyphens:auto;line-height:1.8}.lore-section p:first-of-type{text-indent:0}.lore-section p:first-letter{float:left;color:var(--color-red);margin:.1em .1em 0 0;font-size:2em;font-weight:700;line-height:.85}.lore-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.lore-card{padding:var(--spacing-md);border:2px solid #1c1c1c33;border-left-width:6px;border-left-color:var(--color-red);background-color:#fff9;transition:all .3s;position:relative;overflow:hidden}.lore-card:before{content:"";border-top:0 solid #0000;border-bottom:30px solid #0000;border-left:0 solid #0000;border-right:30px solid #770e0e26;width:0;height:0;transition:all .3s;position:absolute;top:0;right:0}.lore-card:hover{border-left-color:var(--color-ink);transform:translateY(-4px)translate(4px);box-shadow:-8px 8px 24px #770e0e33}.lore-card:hover:before{border-width:0 50px 50px 0}.lore-card h3{font-family:var(--font-jacques),serif;color:var(--color-red);margin:0 0 var(--spacing-sm);padding-left:0;font-size:clamp(1.125rem,2vw,1.5rem)}.lore-card h3:before{content:none}.lore-card p{text-indent:0;text-align:left;margin:0;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.7}.lore-card p:first-letter{font-size:inherit;font-weight:inherit;float:none;color:inherit;margin:0}.faction{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-left:6px solid var(--color-red);background-color:#ffffff4d;position:relative}.faction:before{content:"⚜";color:var(--color-red);background-color:var(--color-paper-dark);border:2px solid var(--color-red);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;position:absolute;top:50%;left:-3px;transform:translate(-50%,-50%)}.faction h3{margin-left:var(--spacing-md);margin-top:0}.faction p{margin-left:var(--spacing-md)}.lore-content{max-width:900px;margin:0 auto}.lore-cta{text-align:center;padding:var(--spacing-xl);border:3px double var(--color-red);margin-top:var(--spacing-xl);background:linear-gradient(135deg,#770e0e14 0%,#770e0e1f 100%);position:relative;box-shadow:0 8px 32px #770e0e33}.lore-cta:before,.lore-cta:after{content:"";border:3px solid var(--color-red);width:40px;height:40px;position:absolute}.lore-cta:before{border-bottom:none;border-right:none;top:-3px;left:-3px}.lore-cta:after{border-top:none;border-left:none;bottom:-3px;right:-3px}.lore-cta h2{font-family:var(--font-jacques),serif;color:var(--color-red);margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,4vw,2.5rem)}.lore-cta h2:after{content:none}.lore-cta p{max-width:700px;margin:0 auto var(--spacing-lg);text-indent:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.lore-cta p:first-letter{font-size:inherit;font-weight:inherit;float:none;color:inherit;margin:0}@media (min-width:769px){.lore-section{background-image:radial-gradient(circle at 20% 30%,#770e0e05 0%,#0000 50%),radial-gradient(circle at 80% 70%,#1c1c1c08 0%,#0000 50%)}}@media (max-width:768px){.lore-section{padding:var(--spacing-md)}.lore-section:before,.lore-section:after{width:15px;height:15px}.lore-card{border-left-width:4px}.faction:before{margin:0 auto var(--spacing-sm);position:static;transform:none}.faction h3,.faction p{margin-left:0}.lore-cta:before,.lore-cta:after{width:25px;height:25px}}html{scroll-behavior:smooth}::selection{color:var(--color-ink);background-color:#770e0e4d}