@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";#root{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}:root{--parchment:#f5f0e6;--parchment-dark:#e8e0d0;--ink:#2c2416;--ink-light:#5c4d3a;--brass:#b8860b;--brass-light:#d4a520;--brass-dark:#8b6914;--copper:#b87333;--error:#8b2e2e;--shadow:#2c241614;align-items:center}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--parchment);color:var(--ink);background-image:radial-gradient(at top,#b8860b0a 0%,#0000 60%),radial-gradient(at bottom,#b8733308 0%,#0000 60%);justify-content:center;align-items:flex-start;height:100vh;padding:4rem 1.5rem;font-family:Crimson Text,Georgia,serif;display:flex}.arcanum-container{flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:700px;display:flex}.arcanum-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}.arcanum-title{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;padding-bottom:1rem;font-family:Cinzel,serif;font-size:2.4rem;font-weight:600;position:relative}.arcanum-title:after{content:"";background:linear-gradient(90deg, transparent, var(--brass), transparent);width:80px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.arcanum-desc{color:var(--ink-light);margin-top:.5rem;font-size:1.15rem;font-style:italic;line-height:1.5}.arcanum-desc em{color:var(--brass-dark);font-style:italic;font-weight:600}.arcanum-subdesc{color:var(--ink-light);opacity:.8;letter-spacing:.02em;font-size:.95rem}.arcanum-form{width:100%}.input-wrapper{gap:.75rem;width:100%;display:flex}.arcanum-input{color:var(--ink);border:1.5px solid var(--parchment-dark);box-shadow:inset 0 1px 3px var(--shadow);background:#fff9;border-radius:6px;outline:none;flex:1;padding:.85rem 1.25rem;font-family:Crimson Text,serif;font-size:1.05rem;transition:all .25s}.arcanum-input::placeholder{color:#a09080;font-style:italic}.arcanum-input:focus{border-color:var(--brass);box-shadow:0 0 0 3px #b8860b1a, inset 0 1px 3px var(--shadow)}.arcanum-button{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--brass), var(--brass-dark));cursor:pointer;border:none;border-radius:6px;padding:.85rem 1.75rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #b8860b40}.arcanum-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #b8860b59}.arcanum-button:active:not(:disabled){transform:translateY(0)}.arcanum-button:disabled{opacity:.6;cursor:not-allowed}.results-area{width:100%;min-height:120px}.state-message{text-align:center;color:var(--ink-light);justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-style:italic;display:flex}.state-message.loading{color:var(--brass-dark)}.spinner{border:2px solid var(--parchment-dark);border-top-color:var(--brass);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{color:var(--error);font-size:1.2rem}.results-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.result-item{width:100%}.result-link{border:1px solid var(--parchment-dark);color:var(--ink);cursor:pointer;background:#ffffff80;border-radius:6px;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.result-link:hover{border-color:var(--brass-light);background:#ffffffd9;transform:translate(4px);box-shadow:0 2px 12px #b8860b1a}.result-rank{color:var(--brass);text-align:center;opacity:.7;min-width:24px;font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.result-title{flex:1;font-size:1.05rem;line-height:1.4}.result-arrow{color:var(--brass);opacity:0;font-size:1.1rem;transition:opacity .2s}.result-link:hover .result-arrow{opacity:1}.arcanum-footer{color:var(--ink-light);opacity:.7;align-items:center;gap:.75rem;margin-top:1rem;font-size:.85rem;display:flex}.arcanum-footer a{color:var(--ink-light);border-bottom:1px solid #0000;text-decoration:none;transition:color .2s}.arcanum-footer a:hover{color:var(--brass-dark);border-bottom-color:var(--brass-light)}.footer-sep{color:var(--brass);opacity:.5}@media (width<=520px){.arcanum-title{font-size:1.8rem}.input-wrapper{flex-direction:column}.arcanum-button{width:100%}}