@import "https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@500;700&family=Fira+Code&family=Inter:wght@400;500;600&display=swap";:root{--ink-black:#161210;--parchment:#e4d9bc;--ink-text:#2b211a;--brass:#b8935b;--wax-red:#7a2e2e;--arcane:#6b5b95;--font-display:"Cormorant SC", serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--ink-black);color:var(--ink-text);overflow:hidden}.search-overlay{pointer-events:none;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:15vh;display:flex;position:fixed;top:0;left:0}.search-container{background-color:var(--ink-black);border:1px solid var(--brass);pointer-events:auto;border-radius:8px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 10px 30px #000c,0 0 0 1px #b8935b33}.search-input-wrapper{border-bottom:1px solid #b8935b33;align-items:center;padding:1rem 1.5rem;display:flex}.search-icon{color:var(--brass);margin-right:1rem}.search-input{color:var(--parchment);font-family:var(--font-display);background:0 0;border:none;outline:none;flex:1;font-size:1.5rem}.search-input::placeholder{color:#e4d9bc4d}.loading-icon{color:var(--parchment);animation:1s linear infinite spin}.results-container{max-height:50vh;padding:.5rem 0;overflow-y:auto}.results-container::-webkit-scrollbar{width:8px}.results-container::-webkit-scrollbar-track{background:var(--ink-black)}.results-container::-webkit-scrollbar-thumb{background:var(--brass);border-radius:4px}.result-group{margin-bottom:.5rem}.result-group-title{color:var(--arcane);letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-mono);padding:.5rem 1.5rem}.result-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;transition:background-color .2s;display:flex}.result-item:hover,.result-item:focus{background-color:#b8935b1a;outline:none}.result-name{color:var(--parchment);font-family:var(--font-body);font-size:1rem}.result-source{color:#e4d9bc80;font-size:.8rem;font-family:var(--font-mono)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.search-overlay{padding-top:5vh;padding-left:1rem;padding-right:1rem}}.card-overlay{z-index:100;background-color:#161210f2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.compendium-card{background-color:var(--parchment);width:100%;max-width:420px;height:80vh;max-height:640px;color:var(--ink-text);box-shadow:0 20px 50px #000c, inset 0 0 0 2px var(--brass);will-change:transform, opacity;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-close-btn{color:var(--wax-red);cursor:pointer;z-index:10;background:0 0;border:none;transition:transform .2s;position:absolute;top:1rem;right:1rem}.card-close-btn:hover{transform:scale(1.1)}.card-inner{flex-direction:column;flex:1;height:100%;padding:2rem;display:flex;position:relative;overflow:hidden}.card-inner:before{content:"";pointer-events:none;border:1px solid #b8935b66;position:absolute;inset:10px}.card-loading,.card-error{color:var(--wax-red);flex:1;justify-content:center;align-items:center;display:flex}.card-content-scroll{flex:1;padding-right:.5rem;overflow-y:auto}.card-content-scroll::-webkit-scrollbar{width:6px}.card-content-scroll::-webkit-scrollbar-track{background:0 0}.card-content-scroll::-webkit-scrollbar-thumb{background:var(--brass);border-radius:3px}.card-title{font-family:var(--font-display);color:var(--wax-red);text-transform:uppercase;margin-bottom:.5rem;font-size:2rem;line-height:1.1}.card-subtitle{font-family:var(--font-mono);color:var(--arcane);margin-bottom:1rem;font-size:.85rem}.card-divider{background:linear-gradient(to right, transparent, var(--brass), transparent);border:0;height:2px;margin:1rem 0}.card-body{font-family:var(--font-body);font-size:.95rem;line-height:1.5}.card-desc p,.trait-item p,.action-item p,.weapon-property p,.markdown-body p{margin-bottom:1rem}.card-desc ul,.card-desc ol,.markdown-body ul,.markdown-body ol{margin-bottom:1rem;margin-left:1.5rem}.card-desc li,.markdown-body li{margin-bottom:.5rem}.markdown-body table,.card-desc table{border-collapse:collapse;width:100%;font-family:var(--font-body);margin:1rem 0;font-size:.9rem}.markdown-body th,.card-desc th{color:var(--wax-red);text-align:left;border-bottom:2px solid var(--brass);background:#b8935b33;padding:.5rem}.markdown-body td,.card-desc td{border-bottom:1px solid #b8935b33;padding:.5rem}.creature-stats{font-family:var(--font-mono);margin-top:1rem;font-size:.85rem}.stat-row{gap:1.5rem;margin-bottom:1rem;display:flex}.abilities{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.ability{background:#b8935b1a;border-radius:4px;flex-direction:column;padding:.5rem;display:flex}.ability strong{color:var(--wax-red);font-family:var(--font-display)}.card-meta{font-family:var(--font-mono);background:#b8935b1a;border-radius:4px;margin-bottom:1rem;padding:.8rem;font-size:.85rem}.card-meta div{margin-bottom:.3rem}.card-meta div:last-child{margin-bottom:0}.action-section h3,.class-features h3,.species-traits h3{font-family:var(--font-display);color:var(--wax-red);border-bottom:1px solid #b8935b4d;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.3rem}.action-section p,.weapon-properties-desc p{margin-bottom:.8rem}.class-features div,.species-traits div{margin-bottom:1rem}.prominent-damage{border:1px solid var(--wax-red);color:var(--wax-red);font-family:var(--font-display);text-align:center;background:#b822221a;border-radius:6px;margin:1rem 0;padding:.5rem 1rem;font-size:1.5rem;display:inline-block}@media (width<=480px){.compendium-card{border-radius:0;max-width:100vw;height:100vh;max-height:100vh}}.app-container{width:100vw;height:100vh;position:relative}.bg-texture{background:radial-gradient(circle at center, #2b211a66 0%, var(--ink-black) 100%);z-index:-1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.logo-container{opacity:.8;filter:drop-shadow(0 0 20px #b8935b33);margin-top:15vh;transition:opacity .3s}.logo-container:hover{opacity:1}.main-logo{border:1px solid #b8935b4d;border-radius:24px;width:90vw;max-width:400px}.preloader-toast{background:var(--parchment);color:var(--ink-black);border:2px solid var(--brass);z-index:1000;font-family:var(--font-body);border-radius:8px;align-items:center;gap:12px;padding:12px 24px;font-weight:500;animation:.5s ease-out slide-up;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #00000080,inset 0 0 20px #b8935b33}.preloader-icon{color:var(--brass)}.animate-spin-slow{animation:3s linear infinite spin}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}