.lore-root{flex-direction:column;min-height:100dvh;display:flex}.lore-layout{flex-direction:column;flex:1;padding-top:64px;display:flex}.lore-page-header{background:linear-gradient(160deg, #6b21ff1f 0%, #00d4ff0f 50%, transparent 100%), var(--ss-bg-alt);border-bottom:1px solid var(--ss-border);padding-block:3rem 2.5rem}.lore-page-title{font-family:var(--ss-font-display);letter-spacing:.06em;color:var(--ss-text);align-items:center;gap:.6rem;margin-block:.75rem 0;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;display:flex}.lore-page-title-icon{font-size:.85em}.lore-page-desc{color:var(--ss-text-dim);max-width:520px;margin-top:.75rem;line-height:1.7}.lore-breadcrumb{color:var(--ss-text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;display:flex}.lore-breadcrumb a{color:var(--ss-text-muted);transition:color var(--ss-ease);text-decoration:none}.lore-breadcrumb a:hover{color:var(--ss-cyan)}.lore-breadcrumb span:not([aria-hidden]){color:var(--ss-text)}.lore-filter-bar{background:var(--ss-bg);border-bottom:1px solid var(--ss-border);z-index:10;position:sticky;top:64px}.lore-filters{scrollbar-width:none;align-items:center;gap:.25rem;padding-block:.75rem;display:flex;overflow-x:auto}.lore-filters::-webkit-scrollbar{display:none}.lore-search-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.lore-search-icon{color:var(--ss-text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:.65rem}.lore-search-input{background:var(--ss-bg-card);border:1px solid var(--ss-border);color:var(--ss-text);width:160px;transition:border-color var(--ss-ease), background var(--ss-ease), width var(--ss-ease);border-radius:100px;padding:.32rem .85rem .32rem 2rem;font-family:inherit;font-size:.8rem}.lore-search-input::placeholder{color:var(--ss-text-muted)}.lore-search-input:focus{border-color:var(--ss-border-h);background:#ffffff12;outline:none;width:220px}.lore-search-input::-webkit-search-cancel-button{display:none}.lore-filters-sep{background:var(--ss-border);flex-shrink:0;width:1px;height:1.1rem;margin-inline:.25rem}.lore-filter-btn{white-space:nowrap;color:var(--ss-text-muted);cursor:pointer;transition:color var(--ss-ease), background var(--ss-ease), border-color var(--ss-ease);background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-family:inherit;font-size:.8rem;font-weight:500;display:inline-flex}.lore-filter-btn:hover{color:var(--ss-cyan);background:var(--ss-cyan-dim);border-color:var(--ss-border)}.lore-filter-btn-active{color:var(--ss-cyan)!important;background:var(--ss-cyan-dim)!important;border-color:var(--ss-border-h)!important}.lore-main{flex:1;padding-block:3rem}.lore-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.lore-card{background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);transition:background var(--ss-ease), border-color var(--ss-ease), box-shadow var(--ss-ease);flex-direction:column;gap:.6rem;padding:1.5rem;text-decoration:none;display:flex}.lore-card:hover{background:var(--ss-bg-card-h);border-color:var(--ss-border-h);box-shadow:0 0 24px #00d4ff12}.lore-card-featured{background:linear-gradient(120deg, #00d4ff1f 0%, var(--ss-bg-card) 72%);border-color:var(--ss-border-h);grid-column:1/-1;min-height:220px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 0 36px #00d4ff17}.lore-card-featured .lore-card-title{font-size:clamp(1.35rem,3vw,2rem)}.lore-card-featured .lore-card-excerpt{-webkit-line-clamp:4;max-width:760px}.lore-card-featured .lore-card-cta{font-size:.9rem}.lore-entry-label{color:var(--ss-text);border:1px solid var(--ss-border-h);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:.2rem .65rem;font-size:.7rem;font-weight:700}.lore-card-top{justify-content:space-between;align-items:center;display:flex}.lore-card-category{letter-spacing:.12em;text-transform:uppercase;color:var(--ss-cyan);background:var(--ss-cyan-dim);border:1px solid var(--ss-border);border-radius:100px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.lore-card-title{font-family:var(--ss-font-display);letter-spacing:.04em;color:var(--ss-text);margin:0;font-size:1rem;font-weight:600;line-height:1.3}.lore-card-excerpt{color:var(--ss-text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.lore-card-cta{color:var(--ss-cyan);margin-top:auto;font-size:.8rem;font-weight:600}.lore-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:5rem 1rem;display:flex}.lore-empty span{opacity:.5;font-size:3rem}.lore-empty p{color:var(--ss-text-muted);max-width:360px;line-height:1.6}.lore-article-header{background:linear-gradient(160deg, #6b21ff1f 0%, #00d4ff0f 50%, transparent 100%), var(--ss-bg-alt);border-bottom:1px solid var(--ss-border);padding-block:3rem 0}.lore-article-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lore-article-category{letter-spacing:.12em;text-transform:uppercase;color:var(--ss-cyan);background:var(--ss-cyan-dim);border:1px solid var(--ss-border);border-radius:100px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.lore-article-date{color:var(--ss-text-muted);font-size:.8rem}.lore-article-title{font-family:var(--ss-font-display);letter-spacing:.05em;color:var(--ss-text);margin-block:0 1rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2}.lore-article-excerpt{color:var(--ss-text-dim);max-width:640px;padding-bottom:2rem;font-size:1.1rem;line-height:1.7}.lore-article-cover{max-height:420px;margin-top:2rem;overflow:hidden}.lore-article-cover-img{object-fit:cover;width:100%;height:100%;display:block}.lore-article-layout{grid-template-columns:1fr 260px;align-items:start;gap:3rem;padding-block:3rem;display:grid}.lore-aside{flex-direction:column;gap:1rem;display:flex;position:sticky;top:calc(64px + 1.5rem)}.lore-aside-card{background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:1.25rem}.lore-aside-card h3{font-family:var(--ss-font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--ss-text-muted);margin-bottom:.75rem;font-size:.7rem}.lore-aside-category{color:var(--ss-cyan);transition:opacity var(--ss-ease);align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.lore-aside-category:hover{opacity:.75}.lore-aside-related{padding:0;border-top:1px solid #ffffff14;flex-direction:column;gap:.35rem;margin:.75rem 0 0;padding-top:.75rem;list-style:none;display:flex}.lore-aside-related li a{color:var(--ss-text-muted);transition:color var(--ss-ease);padding:.2rem 0;font-size:.85rem;line-height:1.4;text-decoration:none;display:block}.lore-aside-related li a:hover{color:var(--ss-cyan)}.lore-aside-back{justify-content:center;width:100%}.lore-toc{background:var(--ss-bg-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);scrollbar-width:thin;scrollbar-color:var(--ss-border) transparent;min-height:80px;max-height:calc(100vh - 244px - 3rem);padding:1.25rem;overflow-y:auto}.lore-toc::-webkit-scrollbar{width:4px}.lore-toc::-webkit-scrollbar-track{background:0 0}.lore-toc::-webkit-scrollbar-thumb{background:var(--ss-border);border-radius:100px}.lore-toc-title{font-family:var(--ss-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--ss-text-muted);margin-bottom:.875rem;font-size:.65rem}.lore-toc-list{flex-direction:column;gap:.1rem;list-style:none;display:flex}.lore-toc-link{color:var(--ss-text-muted);border-radius:var(--ss-radius);transition:color var(--ss-ease), background var(--ss-ease), border-color var(--ss-ease);border-left:2px solid #0000;padding:.3rem .5rem;font-size:.82rem;line-height:1.4;text-decoration:none;display:block}.lore-toc-link:hover{color:var(--ss-text);border-left-color:var(--ss-border-h);background:#ffffff0a}.lore-toc-link-active{color:var(--ss-cyan)!important;background:var(--ss-cyan-dim)!important;border-left-color:var(--ss-cyan)!important}.lore-content{color:var(--ss-text);max-width:720px;font-size:1rem;line-height:1.85}.lore-content h1,.lore-content h2,.lore-content h3,.lore-content h4,.lore-content h5,.lore-content h6{font-family:var(--ss-font-display);color:var(--ss-text);letter-spacing:.04em;line-height:1.3}.lore-content h2{border-bottom:1px solid var(--ss-border);margin-block:2.5rem .75rem;padding-bottom:.5rem;font-size:1.4rem}.lore-content h3{color:var(--ss-cyan);margin-block:2rem .5rem;font-size:1.15rem}.lore-content h4,.lore-content h5,.lore-content h6{margin-block:1.5rem .4rem;font-size:1rem}.lore-content p{color:var(--ss-text);margin-block:1em}.lore-content ul,.lore-content ol{margin-block:1em;padding-left:1.5em}.lore-content li{margin-block:.35em}.lore-content blockquote{border-left:3px solid var(--ss-cyan);background:var(--ss-cyan-dim);border-radius:0 var(--ss-radius) var(--ss-radius) 0;color:var(--ss-text);margin-block:1.5em;margin-inline:0;padding:.75em 1.25em;font-style:italic}.lore-content code{border:1px solid var(--ss-border);font-family:var(--ss-font-mono);color:var(--ss-cyan);background:#00d4ff1a;border-radius:4px;padding:.1em .45em;font-size:.88em}.lore-content hr{border:none;border-top:1px solid var(--ss-border);margin-block:2.5em}.lore-content a{color:var(--ss-cyan);transition:text-decoration-color var(--ss-ease);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.lore-content a:hover{text-decoration-color:currentColor}.lore-content strong{color:var(--ss-text);font-weight:600}.lore-content .lore-content-img{border-radius:var(--ss-radius);border:1px solid var(--ss-border);max-width:100%;height:auto;margin-block:1.5em}@media (max-width:1024px){.lore-article-layout{grid-template-columns:1fr}.lore-aside{flex-flow:wrap;position:static}.lore-aside-card{flex:1;min-width:200px}}@media (max-width:900px){.lore-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.lore-layout{padding-top:56px}.lore-filter-bar{top:56px}.lore-grid{grid-template-columns:1fr}.lore-page-header,.lore-article-header{padding-block:2rem 1.5rem}}.lore-kv-table-wrapper{border:1px solid var(--ss-border,#ffffff1a);background:var(--ss-card-bg,#ffffff08);border-radius:8px;margin:2rem 0;overflow-x:auto}.lore-kv-table{border-collapse:collapse;width:100%;font-size:.95rem}.lore-kv-table tr:not(:last-child){border-bottom:1px solid var(--ss-border,#ffffff1a)}.lore-kv-table td{vertical-align:top;padding:.75rem 1rem}.lore-kv-key{white-space:nowrap;width:1%;color:var(--ss-text-dim,#fff9);border-right:1px solid var(--ss-border,#ffffff1a);background:#ffffff05;font-weight:600}.lore-kv-value{color:var(--ss-text,#fff);word-break:break-word}.cursor-zoom-in{cursor:zoom-in}.image-zoom-overlay{z-index:99999;cursor:zoom-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.image-zoom-container{justify-content:center;align-items:center;max-width:95%;max-height:95%;display:flex}.image-zoom-full{object-fit:contain;max-width:100%;max-height:100%;animation:.25s cubic-bezier(.165,.84,.44,1) zoomIn;box-shadow:0 0 40px #00000080}.image-zoom-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:10px;font-size:3rem;line-height:1;transition:opacity .2s;position:absolute;top:20px;right:20px}.image-zoom-close:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}