.lore-layout{grid-template-columns:var(--sidebar-width,280px) 1fr;min-height:100vh;padding-top:var(--nav-height);display:grid}.lore-sidebar-overlay{display:none}.lore-sidebar{top:var(--nav-height);height:calc(100vh - var(--nav-height));background:var(--sand);padding:var(--space-8) 0;z-index:10;border-right:1px solid #c9a84c33;align-self:start;position:sticky;overflow-y:auto}.lore-sidebar-header{padding:0 var(--space-6) var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid #c9a84c26}.lore-sidebar-title{font-family:var(--font-accent);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:#7d5e17;margin-bottom:var(--space-1);font-weight:700}.lore-sidebar-subtitle{font-size:var(--text-xs);color:var(--mahogany);opacity:.75;font-style:italic}.lore-nav{gap:var(--space-1);flex-direction:column;display:flex}.lore-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);color:var(--mahogany);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;border-right:3px solid #0000;font-weight:500;text-decoration:none;display:flex}.lore-nav-link:hover{color:#7d5e17;background:#c9a84c14}.lore-nav-link.active{color:#7d5e17;background:#c9a84c1f;border-right-color:#7d5e17;font-weight:600}.lore-nav-number{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);color:#7d5e17;background:#c9a84c1a;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.lore-nav-link.active .lore-nav-number{color:var(--cream);background:#7d5e17}.lore-content{background:var(--cream);overflow-x:hidden}.lore-hero{padding:var(--space-24) var(--space-8) var(--space-16);background:linear-gradient(180deg, #f5ead64d 0%, #faf6eee6 100%), linear-gradient(135deg, var(--sand) 0%, var(--shell) 50%, var(--seafoam) 100%);text-align:center;position:relative;overflow:hidden}.lore-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.lore-hero-icon{margin-bottom:var(--space-6);font-size:4rem;animation:4s ease-in-out infinite float;display:inline-block}.lore-hero h1{font-family:var(--font-accent);font-size:var(--text-5xl);letter-spacing:.08em;text-transform:uppercase;color:var(--mahogany);margin-bottom:var(--space-4);font-weight:900}.lore-hero-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:80px;height:3px;margin:0 auto var(--space-6)}.lore-hero p{max-width:540px;font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--driftwood);margin:0 auto;line-height:1.8}.lore-section{padding:var(--space-16) var(--space-8);scroll-margin-top:var(--nav-height)}.lore-section-inner{max-width:760px;margin-left:var(--space-12);margin-right:auto}.lore-section-number{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:#7d5e17;margin-bottom:var(--space-3);font-weight:700}.lore-section h2{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--mahogany);margin-bottom:var(--space-6);font-weight:700;line-height:1.2}.lore-section p{font-size:var(--text-base);color:var(--mahogany);margin-bottom:var(--space-6);line-height:1.9}.lore-section p:last-child{margin-bottom:0}.lore-section-dark{background:linear-gradient(180deg, var(--brine) 0%, var(--abyss) 100%);color:var(--sand);position:relative}.lore-section-dark:before{content:"";pointer-events:none;background:radial-gradient(at 20% 80%,#4ecdc40d 0%,#0000 60%),radial-gradient(at 80% 20%,#2d1b4e26 0%,#0000 60%);position:absolute;inset:0}.lore-section-dark h2{color:var(--phosphor);text-shadow:0 0 30px #4ecdc433}.lore-section-dark p{color:var(--sand)}.lore-section-dark .lore-section-number{color:var(--phosphor)}.lore-section-parchment{background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.lore-section-sand{background-color:var(--sand)}.geo-tiers{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.geo-tier{gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);background:#faf6ee99;border:1px solid #c9a84c26;grid-template-columns:80px 1fr;display:grid}.geo-tier:hover{box-shadow:var(--shadow-md);border-color:#c9a84c4d;transform:translateY(-2px)}.geo-tier-level{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.geo-tier-icon{font-size:2rem}.geo-tier-num{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--mahogany);font-weight:700}.geo-tier h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--mahogany);margin-bottom:var(--space-1);font-weight:700}.geo-tier-label{font-family:var(--font-accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:#7d5e17;margin-bottom:var(--space-2)}.geo-tier p{color:var(--mahogany);line-height:1.7;font-size:var(--text-sm)!important;margin-bottom:0!important}.guest-perspectives{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.guest-perspective{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-left:3px solid var(--gold);border-radius:0 var(--radius-md) var(--radius-md) 0;transition:all var(--duration-normal) var(--ease-out);background:#f5ead680;display:flex}.guest-perspective:hover{box-shadow:var(--shadow-sm);background:#f5ead6cc}.guest-perspective-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.guest-perspective-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--mahogany);margin-bottom:var(--space-1)}.guest-perspective-text{font-size:var(--text-sm);color:var(--mahogany);opacity:.85;line-height:1.7}.lore-books-grid{gap:var(--space-10);margin-top:var(--space-8);flex-direction:column;display:flex}.lore-book-type{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mahogany);opacity:.75;text-align:center;margin-bottom:var(--space-2);font-weight:600}.lore-book-coming{padding:var(--space-8);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#f5ead680,#f0dcc880);border:2px dashed #c9a84c4d;position:relative}.lore-book-coming .lore-book-title{opacity:.6}.lore-book-coming-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--mahogany);border-radius:var(--radius-full);margin-top:var(--space-3);background:#c9a84c1a;font-weight:700;display:inline-flex}.laws-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.law-item{padding:var(--space-5);background:var(--cream);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);border:1px solid #c9a84c26}.law-item:hover{box-shadow:var(--shadow-sm);border-color:#c9a84c4d}.law-item-icon{margin-bottom:var(--space-3);font-size:1.5rem}.law-item h4{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--mahogany);font-weight:700}.law-item p{color:var(--mahogany);opacity:.85;line-height:1.7;font-size:var(--text-sm)!important;margin-bottom:0!important}.style-excerpt{padding:var(--space-8);background:var(--abyss);color:var(--sand);border-radius:var(--radius-lg);margin-top:var(--space-6);border:1px solid #4ecdc426;position:relative;overflow:hidden}.style-excerpt:before{content:"";background:linear-gradient(90deg, var(--phosphor), var(--gold), var(--coral));height:3px;position:absolute;top:0;left:0;right:0}.style-excerpt h4{font-family:var(--font-accent);font-size:var(--text-lg);color:var(--phosphor);margin-bottom:var(--space-4);letter-spacing:.06em}.style-excerpt p{line-height:1.8;color:#b8d8d0d9!important;font-size:var(--text-sm)!important}.style-tag{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;border-radius:var(--radius-full);color:var(--phosphor);margin-right:var(--space-2);margin-bottom:var(--space-2);background:#4ecdc41a;border:1px solid #4ecdc433;font-weight:600;display:inline-block}.wave-to-dark{width:100%;margin-bottom:-1px;line-height:0;position:relative}.wave-to-dark svg{width:100%;height:80px;display:block}.wave-to-light{width:100%;margin-bottom:-1px;line-height:0;position:relative}.wave-to-light svg{width:100%;height:80px;display:block}.lore-divider{align-items:center;gap:var(--space-4);margin:var(--space-10) 0;max-width:760px;padding:0 var(--space-8);margin-left:auto;margin-right:auto;display:flex}.lore-divider:before,.lore-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);flex:1;height:1px}.lore-divider-icon{color:var(--gold);font-size:var(--text-lg)}.lore-footer{padding:var(--space-12) var(--space-8);background:var(--abyss);color:var(--sand);text-align:center;border-top:1px solid #4ecdc41a}.lore-footer-brand{font-family:var(--font-accent);font-size:var(--text-lg);color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4)}.lore-footer p{font-size:var(--text-sm);color:#b8d8d080;max-width:400px;margin:0 auto var(--space-6);line-height:1.7}.lore-footer-links{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.lore-footer-link{font-size:var(--text-sm);color:#b8d8d099;transition:color var(--duration-fast) var(--ease-out)}.lore-footer-link:hover{color:var(--gold)}.lore-sidebar-toggle{bottom:var(--space-6);right:var(--space-6);background:var(--mahogany);width:56px;height:56px;color:var(--cream);font-size:var(--text-xl);box-shadow:var(--shadow-lg);z-index:100;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed}.lore-sidebar-toggle:hover{background:var(--gold-dark);box-shadow:var(--shadow-gold);transform:scale(1.1)}@media (max-width:960px){.lore-layout{grid-template-columns:1fr}.lore-section-inner{margin:0 auto}.lore-sidebar{left:-300px;top:var(--nav-height);width:280px;height:calc(100vh - var(--nav-height));z-index:500;transition:left var(--duration-normal) var(--ease-out);box-shadow:none;position:fixed}.lore-sidebar.open{box-shadow:var(--shadow-xl);left:0}.lore-sidebar-toggle{display:flex}.lore-sidebar-overlay{z-index:499;background:#0a162880;display:none;position:fixed;inset:0}.lore-sidebar-overlay.open{display:block}}@media (max-width:768px){.lore-hero h1{font-size:var(--text-3xl)}.lore-section{padding:var(--space-12) var(--space-6)}.laws-grid{grid-template-columns:1fr}.geo-tier{text-align:center;grid-template-columns:1fr}.geo-tier-level{gap:var(--space-3);flex-direction:row;justify-content:center}.lore-divider{padding:0 var(--space-6)}}@media (max-width:480px){.lore-hero{padding:var(--space-16) var(--space-4) var(--space-12)}.lore-section{padding:var(--space-10) var(--space-4)}.lore-hero h1{font-size:var(--text-2xl);letter-spacing:.04em}}.history-timeline{margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px dashed #c9a84c4d;position:relative}.history-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--mahogany);text-align:center;margin-bottom:var(--space-8);letter-spacing:.05em;text-transform:uppercase}.timeline-container{margin-left:var(--space-6);gap:var(--space-8);border-left:2px solid #c9a84c40;flex-direction:column;padding-left:0;display:flex;position:relative}.timeline-item{position:relative}.timeline-badge{left:0;top:var(--space-4);background:var(--gold-dark);color:var(--cream);font-family:var(--font-mono);text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:2px solid var(--cream);box-shadow:var(--shadow-sm);white-space:nowrap;z-index:2;font-size:.65rem;font-weight:700;position:absolute;transform:translate(-50%)}.timeline-content{border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);transition:all var(--duration-normal) var(--ease-out);background:#faf6ee66;border:1px solid #c9a84c1a;margin-left:60px}.timeline-content:hover{box-shadow:var(--shadow-sm);background:#faf6eecc;border-color:#c9a84c40}.timeline-content h4{font-family:var(--font-accent);font-size:var(--text-base);color:var(--mahogany);margin-bottom:var(--space-2);letter-spacing:.02em}.timeline-content p{color:var(--mahogany);opacity:.9;line-height:1.7;font-size:var(--text-sm)!important;margin-bottom:0!important}.death-respawn-section{margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px dashed #c9a84c4d}.death-respawn-section h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--mahogany);margin-bottom:var(--space-6);text-align:center;letter-spacing:.05em;text-transform:uppercase}.death-warning{font-style:italic;background:var(--abyss)!important;color:var(--phosphor)!important;border-left-color:var(--phosphor)!important;margin:var(--space-6) 0!important}.corpse-discovery{gap:var(--space-5);border-radius:var(--radius-md);padding:var(--space-6);margin:var(--space-6) 0;transition:all var(--duration-normal) var(--ease-out);background:#0a16280a;border:1px solid #5c2e1a26;grid-template-columns:auto 1fr;display:grid}.corpse-discovery:hover{border-color:var(--mahogany);background:#0a162812}.corpse-icon{filter:drop-shadow(0 2px 4px #0000001a);align-self:center;font-size:2.2rem}.corpse-discovery h4{font-family:var(--font-accent);font-size:var(--text-base);color:var(--mahogany);margin-bottom:var(--space-2)}.corpse-discovery p{color:var(--mahogany);opacity:.9;line-height:1.7;font-size:var(--text-sm)!important;margin-bottom:0!important}.law-item-full{grid-column:span 2}@media (max-width:768px){.law-item-full{grid-column:span 1}.timeline-container{border-left:none;margin-left:0;padding-left:0}.timeline-badge{margin-bottom:var(--space-2);display:inline-block;position:relative;top:0;left:0;transform:none}.timeline-content{margin-left:0}}.law-list{margin:var(--space-4) 0 0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.law-list li{font-size:var(--text-xs);color:var(--mahogany);opacity:.9;padding-left:var(--space-5);line-height:1.6;position:relative}.law-list li:before{content:"•";color:var(--gold);font-weight:700;font-size:var(--text-base);line-height:1;position:absolute;top:0;left:2px}.law-perks-container{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:576px){.law-perks-container{grid-template-columns:1fr!important}.law-perk-pill{grid-column:span 1!important}}.law-perk-pill{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--mahogany);background:#c9a84c0f;border:1px solid #c9a84c1f;flex-direction:column;gap:2px;font-size:11px;display:flex}.law-perk-pill strong{color:var(--mahogany);font-family:var(--font-display);font-size:12px}.lore-map-wrapper{margin:var(--space-8) 0;flex-direction:column;align-items:center;width:100%;display:flex}.lore-map-frame{background:var(--cream);border:12px double var(--gold);border-radius:var(--radius-md);width:100%;max-width:800px;box-shadow:var(--shadow-lg), inset 0 0 20px #5c2e1a1a;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.lore-map-frame:hover{box-shadow:var(--shadow-xl), var(--shadow-gold);transform:translateY(-4px)}.lore-map-image-container{aspect-ratio:16/10;background:var(--brine);width:100%;position:relative;overflow:hidden}.lore-map-image{object-fit:cover;opacity:.9;filter:sepia(.15)contrast(1.05);width:100%;height:100%;transition:transform .6s var(--ease-out), filter var(--duration-normal) var(--ease-out)}.lore-map-frame:hover .lore-map-image{filter:sepia(0)contrast(1.1);opacity:1;transform:scale(1.03)}.lore-map-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);background:#0a162873;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lore-map-frame:hover .lore-map-overlay{opacity:1}.lore-map-overlay-content{align-items:center;gap:var(--space-2);color:var(--cream);text-shadow:0 2px 4px #000c;flex-direction:column;display:flex}.lore-map-overlay-icon{font-size:var(--text-3xl);animation:3s ease-in-out infinite loreMapFloat}.lore-map-overlay-text{font-family:var(--font-accent);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--gold);padding-bottom:var(--space-1)}.lore-map-caption{width:100%;max-width:800px;margin-top:var(--space-4);padding:var(--space-4) var(--space-6);border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#c9a84c0d}.lore-map-title-row{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lore-map-caption-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--mahogany);font-weight:700}.lore-map-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--driftwood);opacity:.8}.lore-map-caption-text{color:var(--driftwood);line-height:1.5;font-size:var(--text-xs)!important;margin:0!important}.lore-map-modal{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:loreMapFadeIn var(--duration-normal) var(--ease-out) forwards;background:#0a1628f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lore-map-modal-close-btn{top:var(--space-6);right:var(--space-6);color:var(--cream);font-size:var(--text-lg);border-radius:var(--radius-full);cursor:pointer;z-index:10002;width:48px;height:48px;transition:all var(--duration-fast) var(--ease-out);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute}.lore-map-modal-close-btn:hover{background:var(--blood-coral);border-color:var(--blood-coral);color:#fff;transform:rotate(90deg)}.lore-map-viewport{cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lore-map-viewport:active{cursor:grabbing}.lore-map-modal-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:auto;will-change:transform;max-width:95vw;max-height:85vh;box-shadow:var(--shadow-xl);border:4px solid var(--gold)}.lore-map-controls{bottom:var(--space-8);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);z-index:10002;box-shadow:var(--shadow-lg), var(--shadow-glow);background:#1a2d3de6;border:1px solid #c9a84c4d;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lore-map-control-btn{color:var(--cream);font-size:var(--text-base);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.lore-map-control-btn:hover{color:var(--phosphor);background:#ffffff1a}.lore-map-control-divider{background:#fff3;width:1px;height:20px}.lore-map-control-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--cream);text-align:center;min-width:48px}.lore-map-instructions{top:var(--space-6);left:var(--space-6);gap:var(--space-1);pointer-events:none;z-index:10001;flex-direction:column;display:flex;position:absolute}.lore-map-instruction-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--cream);text-shadow:0 2px 4px #00000080}.lore-map-instruction-sub{font-family:var(--font-body);font-size:var(--text-xs);color:var(--seafoam);opacity:.8;text-shadow:0 1px 2px #00000080}@keyframes loreMapFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loreMapFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@media (max-width:768px){.lore-map-frame{border-width:6px}.lore-map-instructions{display:none}}