:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#1a1410;color:#1a1208;font-family:Cormorant Garamond,serif;font-size:19px;line-height:1.65;min-height:100vh;overflow-x:hidden}::selection{background:#d4af3759;color:#f5e6c8}.skip-link{position:absolute;top:-40px;left:0;background:#1a1a1a;color:#f5e6c8;padding:8px 16px;z-index:10000;font-family:Cinzel,serif;font-size:.85rem}.skip-link:focus{top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#embers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ember{position:absolute;border-radius:50%;opacity:0;animation:drift linear infinite}.ember-amber{width:5px;height:5px;background:radial-gradient(circle,#a73,#631);box-shadow:0 0 4px #6314,0 0 8px #6312}.ember-gold{width:4px;height:4px;background:radial-gradient(circle,#c95,#863);box-shadow:0 0 4px #8634,0 0 8px #8632}.ember-rune{width:6px;height:6px;background:radial-gradient(circle,#842,#410);box-shadow:0 0 6px #4104,0 0 12px #4102}@keyframes drift{0%{transform:translateY(-10vh) translate(0) scale(.8);opacity:0}12%{opacity:.7}80%{opacity:.4}to{transform:translateY(100vh) translate(-30px) scale(.5);opacity:0}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(60,30,10,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 60% at 50% 100%,rgba(40,15,5,.06) 0%,transparent 60%),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(60,40,20,.008) 3px,rgba(60,40,20,.008) 4px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,transparent 30%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:0}header{position:relative;z-index:2;text-align:center;padding:50px 20px 20px}header .wax-seal{width:80px;height:80px;margin:0 auto 18px;background:radial-gradient(circle at 40% 35%,#9a2a1a,#5a1008 60%,#2a0503);border-radius:50%;border:3px solid #d4af37;display:flex;align-items:center;justify-content:center;font-family:Cinzel Decorative,serif;font-size:1.8rem;color:#6a3a1a;box-shadow:0 0 30px #d4af3726,inset 0 0 20px #0006;position:relative}header .wax-seal:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(212,175,55,.2);border-radius:50%}header h1{font-family:Cinzel Decorative,serif;font-weight:900;font-size:clamp(1.8rem,5vw,4rem);color:#6a3a1a;text-shadow:0 0 40px rgba(212,175,55,.2),0 0 80px rgba(212,175,55,.08),2px 2px 0px #00000040;letter-spacing:.08em}header .subtitle{font-family:Cinzel,serif;font-weight:400;font-size:clamp(.75rem,1.5vw,.95rem);color:#b8a888;letter-spacing:.3em;text-transform:uppercase;margin-top:6px}header .flare{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;color:#9a8a5a;font-size:1.2rem}header .flare span{display:inline-block;animation:flarePulse 3s ease-in-out infinite}header .flare span:nth-child(2){animation-delay:.5s}header .flare span:nth-child(3){animation-delay:1s}@keyframes flarePulse{0%,to{opacity:.3}50%{opacity:.7}}.tabs-wrapper{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:12px 16px;background:#281c1073;border:1px solid rgba(180,140,80,.1);border-radius:6px}.tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:30px}.tab-btn{font-family:Cinzel,serif;font-size:.65rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:7px 12px;border:1px solid rgba(180,140,80,.2);border-radius:3px;background:linear-gradient(135deg,#23160cb3,#1c120ab3);color:#b8a888;cursor:pointer;transition:transform .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out);white-space:nowrap}.tab-btn:hover{border-color:#d4af3766;color:#6a3a1a;background:linear-gradient(135deg,#2d1e10e6,#23160ce6);box-shadow:0 0 12px #d4af370f}.tab-btn:active{transform:scale(.97)}.tab-btn.active{border-color:#d4af3799;color:#6a3a1a;background:linear-gradient(135deg,#322010f2,#23160cf2);box-shadow:0 0 20px #d4af371a,inset 0 0 15px #d4af3708}.tab-btn .real-name{display:block;font-family:Cormorant Garamond,serif;font-size:.6rem;text-transform:none;color:#c8b898;letter-spacing:.02em;margin-top:1px;font-weight:400}.tab-btn.active .real-name{color:#7a6a4a}.scrying-orb{position:relative;z-index:2;max-width:540px;margin:0 auto 28px;padding:18px 20px 14px;text-align:center;background:#281c108c;border:1px solid rgba(180,140,80,.12);border-radius:6px}.orb-vessel{position:relative;width:180px;height:180px;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#140e08f2,#0a0603fa);border:1px solid rgba(212,175,55,.1);box-shadow:0 0 40px #d4af3708,0 0 80px #d4af3705,inset 0 0 60px #d4af3705;overflow:hidden;transition:box-shadow .6s ease,border-color .6s ease}.orb-vessel.scrying{border-color:#d4af374d;box-shadow:0 0 50px #d4af3714,0 0 100px #d4af370a,inset 0 0 80px #d4af370a}.orb-vessel .orb-inner-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(180,140,80,.04),transparent 60%);animation:orbPulse 4s ease-in-out infinite;pointer-events:none}.orb-vessel.scrying .orb-inner-glow{background:radial-gradient(circle at 50% 50%,rgba(180,140,80,.1),transparent 50%);animation:orbPulseScry 1.5s ease-in-out infinite}@keyframes orbPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes orbPulseScry{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.orb-vessel .orb-rim{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(212,175,55,.06);pointer-events:none}.orb-vessel .orb-rune{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#d4af370f;pointer-events:none;font-family:Cinzel Decorative,serif;transition:color .6s var(--ease-out),text-shadow .6s var(--ease-out)}.orb-vessel.scrying .orb-rune{color:#d4af3726;text-shadow:0 0 20px rgba(212,175,55,.1)}.orb-mist{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;overflow:hidden}.mist-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(180,140,80,.12),transparent);animation:mistFloat linear infinite}@keyframes mistFloat{0%{transform:translateY(100%) scale(.5);opacity:0}20%{opacity:1}80%{opacity:.3}to{transform:translateY(-120%) scale(1.2);opacity:0}}.orb-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px dashed rgba(212,175,55,.04);animation:ringRotate 20s linear infinite;pointer-events:none}.orb-ring-2{top:-8px;right:-8px;bottom:-8px;left:-8px;animation-duration:30s;animation-direction:reverse}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb-input{width:100%;max-width:400px;padding:10px 16px 10px 40px;background:#0f0a1999;border:1px solid rgba(212,175,55,.08);border-radius:20px;color:#c8b99a;font-family:Cormorant Garamond,serif;font-style:italic;font-size:.95rem;outline:none;transition:all .4s ease;text-align:center}.orb-input:focus{border-color:#d4af3733;box-shadow:0 0 20px #d4af3708;background:#160e06b3}.orb-input::placeholder{color:#8a7a5a;font-style:italic}.orb-input-wrap{position:relative;display:inline-block;width:100%;max-width:400px}.orb-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a7a5a;font-size:.8rem;pointer-events:none;z-index:1}.orb-examples{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:8px;opacity:.5;transition:opacity .3s}.orb-examples:hover{opacity:1}.orb-examples .ex-label{font-family:Cinzel,serif;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#c8b898;margin-right:4px;padding-top:3px}.orb-examples .ex-chip{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:.82rem;color:#1a1208;padding:3px 12px;border:1px solid rgba(180,140,80,.3);border-radius:10px;cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out);background:#c8b898}.orb-examples .ex-chip:hover{border-color:#d4af3733;color:#6a3a1a;background:#23160a99}@media(max-width:500px){.orb-vessel{width:130px;height:130px}.orb-vessel .orb-rune{font-size:1.8rem}.orb-examples .ex-chip{font-size:.75rem;padding:1px 7px}}.lab-school-tag{font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;color:#b8a888}.lab-action-hint{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.7rem;color:#9a8a6a}.spell-card.glow{border-color:#d4af3740;box-shadow:0 0 20px #d4af3714,0 0 40px #d4af370a,inset 0 0 30px #d4af3708;animation:spellGlow 2s ease-in-out infinite}@keyframes spellGlow{0%,to{box-shadow:0 0 15px #d4af370f,0 0 30px #d4af3708;border-color:#d4af3733}50%{box-shadow:0 0 25px #d4af371f,0 0 50px #d4af370f;border-color:#d4af374d}}.spell-card.dim{opacity:.2;filter:grayscale(80%);pointer-events:none;transition:all .5s ease}.grimoire{position:relative;z-index:2;max-width:1400px;margin:0 auto 50px;padding:0 16px;perspective:1500px}.book-spread{position:relative;transform:rotateX(2deg);transform-origin:50% 0%;background:radial-gradient(ellipse at 50% 30%,#f0e6d4,#e0d4be 25%,#d0c4a8 55%,#b8a888 80%,#a89878);border:14px solid #2a1a0a;border-radius:5px 3px;padding:40px 35px;box-shadow:0 10px 60px #0009,0 3px 15px #0000004d,0 0 0 2px #3c28141a,inset 0 0 80px #50280a0a,inset 0 -120px 100px -50px #3c1e0a1a,inset 0 120px 100px -50px #3c1e0a0f,inset -60px 0 70px -30px #2814080a;min-height:350px}.book-spread .stain{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(60,30,10,.08),transparent 70%)}.book-spread .stain-1{width:80px;height:60px;top:15%;right:12%;transform:rotate(20deg)}.book-spread .stain-2{width:50px;height:40px;bottom:25%;left:8%;transform:rotate(-15deg)}.book-spread .stain-3{width:100px;height:30px;top:60%;right:20%;transform:rotate(45deg);background:radial-gradient(ellipse,rgba(50,25,8,.06),transparent 70%)}.book-spread:before{content:"ᚠ ᛗ ᚱ";position:absolute;top:10px;left:16px;font-size:.6rem;letter-spacing:.3em;color:#8c643c1a;font-family:MedievalSharp,serif;pointer-events:none;white-space:pre}.book-spread:after{content:"ᛋ ᚨ ᛏ";position:absolute;bottom:10px;right:16px;font-size:.6rem;letter-spacing:.3em;color:#8c643c1a;font-family:MedievalSharp,serif;pointer-events:none;white-space:pre;transform:rotate(180deg)}.book-spread .cover-edge-left{position:absolute;top:-26px;bottom:-26px;left:-26px;width:12px;background:linear-gradient(to right,#2a1a0a 30%,#3a2a18 70%,transparent);border-radius:4px 0 0 4px;pointer-events:none;z-index:-1}.book-spread .cover-edge-right{position:absolute;top:-26px;bottom:-26px;right:-26px;width:12px;background:linear-gradient(to left,#2a1a0a 30%,#3a2a18 70%,transparent);border-radius:0 4px 4px 0;pointer-events:none;z-index:-1}.book-spread .ribbon{position:absolute;bottom:-30px;left:30%;width:18px;height:34px;background:linear-gradient(to bottom,#8b1e1e,#6a1515);border-radius:0 0 3px 3px;box-shadow:0 4px 8px #0003;pointer-events:none;z-index:1}.book-spread .ribbon:after{content:"";position:absolute;bottom:-14px;left:-2px;width:22px;height:14px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(to bottom,#8b1e1e,#5a1010)}.book-spread .rune-corner-tl{position:absolute;top:10px;right:18px;font-size:.5rem;letter-spacing:.25em;color:#643c1e0f;font-family:MedievalSharp,serif;pointer-events:none}.book-spread .rune-corner-br{position:absolute;bottom:10px;left:18px;font-size:.5rem;letter-spacing:.25em;color:#643c1e0f;font-family:MedievalSharp,serif;pointer-events:none;transform:rotate(180deg)}.book-spread .spine-line{position:absolute;top:-20px;bottom:-20px;left:50%;width:3px;margin-left:-1.5px;background:linear-gradient(to bottom,transparent 5%,rgba(40,20,8,.2) 15%,rgba(40,20,8,.08) 40%,rgba(40,20,8,.06) 60%,rgba(40,20,8,.15) 85%,transparent 95%);box-shadow:0 0 30px #2814080f,20px 0 40px -20px #28140814,-20px 0 40px -20px #28140814;pointer-events:none}.book-spread .page-stack-left{position:absolute;top:-12px;bottom:-12px;left:-18px;width:17px;background:linear-gradient(to right,transparent,rgba(50,25,8,.06) 20%,rgba(50,25,8,.1) 50%,rgba(50,25,8,.04));border-radius:0 3px 3px 0;pointer-events:none}.book-spread .page-stack-right{position:absolute;top:-12px;bottom:-12px;right:-18px;width:17px;background:linear-gradient(to left,transparent,rgba(50,25,8,.06) 20%,rgba(50,25,8,.1) 50%,rgba(50,25,8,.04));border-radius:3px 0 0 3px;pointer-events:none}.book-spread .page-layer-t,.book-spread .page-layer-b{position:absolute;left:5%;right:5%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(40,20,8,.04),transparent)}.book-spread .page-layer-t{top:-6px}.book-spread .page-layer-b{bottom:-6px}.book-spread .page-layer-t2,.book-spread .page-layer-b2{position:absolute;left:3%;right:3%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(40,20,8,.025),transparent)}.book-spread .page-layer-t2{top:-10px}.book-spread .page-layer-b2{bottom:-10px}.book-spread .page-edge{position:absolute;left:-14px;right:-14px;top:-14px;height:8px;background:linear-gradient(90deg,rgba(60,30,10,.12) 8%,transparent 20%,transparent 80%,rgba(60,30,10,.12) 92%);pointer-events:none}.book-spread .page-edge-bottom{position:absolute;left:-14px;right:-14px;bottom:-14px;height:8px;background:linear-gradient(90deg,rgba(60,30,10,.15) 8%,transparent 20%,transparent 80%,rgba(60,30,10,.15) 92%);pointer-events:none}.school-section{display:none;animation:fadeIn .5s ease}.school-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.school-header{text-align:center;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid rgba(100,70,30,.15);position:relative}.school-header:after{content:"◈";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-size:.7rem;color:#785a2833;background:#d8ccb0;padding:0 10px}.school-header .school-symbol{font-size:2.2rem;display:block;margin-bottom:4px;color:#8b1e1e;text-shadow:0 0 10px rgba(139,30,30,.15)}.school-header h2{font-family:Cinzel,serif;font-weight:700;font-size:clamp(1.1rem,2.5vw,1.7rem);color:#6a3a1a;letter-spacing:.06em}.school-header .school-desc{font-style:italic;color:#3a2a1a;font-size:.9rem;margin-top:3px}.school-meta{display:flex;justify-content:center;gap:14px;margin-top:8px;font-family:Cinzel,serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}.school-meta .school-count{color:#3a2a1a;border:1px solid rgba(100,70,30,.15);padding:2px 10px;border-radius:8px}.school-meta .school-real{color:#3a2a1a;font-family:Cormorant Garamond,serif;text-transform:none;letter-spacing:.02em;font-size:.75rem;font-style:italic;border:1px solid rgba(212,175,55,.06);padding:2px 10px;border-radius:8px}.spell-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:700px){.spell-grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.spell-grid{grid-template-columns:1fr 1fr 1fr}}.spell-card{background:linear-gradient(145deg,#e0d4bc,#d4c8b0);border:1px solid rgba(100,70,30,.15);border-radius:3px;padding:16px 18px;cursor:pointer;transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #50280a08,0 1px 3px #0000000d}.spell-card:before{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle at 25% 20%,rgba(212,175,55,.03),transparent 55%);opacity:0;transition:opacity .6s ease;pointer-events:none}.spell-card:after{content:"✦";position:absolute;bottom:8px;right:10px;font-size:.5rem;color:#d4af370a;pointer-events:none}.spell-card:hover{border-color:#d4af372e;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d,0 0 15px #d4af370a}.spell-card:active{transform:scale(.98)}.spell-card:hover:before{opacity:1}.spell-card .spell-tier{font-family:Cinzel,serif;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#6a3a1a;margin-bottom:5px}.spell-card .spell-name{font-family:Cinzel,serif;font-weight:600;font-size:1rem;color:#1a0e06;line-height:1.3}.spell-card .spell-incantation{font-family:Special Elite,cursive;font-size:.7rem;color:#3a2a1a;margin:2px 0 6px}.spell-card .spell-effect{font-size:.88rem;color:#3a2818;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spell-card .spell-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.spell-card .spell-status{font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:6px;border:1px solid}.spell-card .spell-status.proven{color:#3a7a3a;border-color:#3c783c33;background:#3c783c0f}.spell-card .spell-status.new{color:#6a3a1a;border-color:#8c642833;background:#8c64280f}.spell-card .spell-status.framework{color:#5a4a7a;border-color:#5a467833;background:#5a46780f}.spell-card .spell-status.hybrid{color:#3a7a8a;border-color:#3c788233;background:#3c78820f}.spell-card .spell-status.includes{color:#8a3a3a;border-color:#82323233;background:#8232320f}.spell-card .spell-reveal-hint{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.7rem;color:#8a6a3a;transition:color .3s}.spell-card:hover .spell-reveal-hint{color:#6a5a3a}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal{background:linear-gradient(160deg,#d8ccb5,#c8b898);border:1px solid rgba(212,175,55,.15);border-radius:6px;max-width:580px;width:100%;max-height:90vh;overflow-y:auto;padding:35px 30px;position:relative;box-shadow:0 0 60px #00000080,0 0 30px #d4af370d,inset 0 0 40px #d4af3705;animation:modalIn .35s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal .modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#3a2a1a;font-size:1.5rem;cursor:pointer;transition:color .3s;font-family:Cormorant Garamond,serif;line-height:1}.modal .modal-close:hover{color:#d4af37}.modal .modal-symbol{font-size:2.2rem;display:block;margin-bottom:6px}.modal .modal-school{font-family:Cinzel,serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#6a4a2a;margin-bottom:2px}.modal .modal-school .modal-school-real{font-family:Cormorant Garamond,serif;text-transform:none;letter-spacing:.02em;font-size:.8rem;color:#3a2a1a;font-style:italic}.modal .modal-title{font-family:Cinzel,serif;font-weight:700;font-size:1.5rem;color:#6a3a1a;margin-bottom:2px;text-shadow:0 0 20px rgba(212,175,55,.1)}.modal .modal-incantation{font-family:Special Elite,cursive;font-size:.85rem;color:#3a2a1a;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,70,30,.12)}.modal .modal-section-title{font-family:Cinzel,serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#6a4a2a;margin-bottom:4px}.modal .modal-effect{font-size:1rem;color:#2a1a0a;line-height:1.6;margin-bottom:16px}.modal .modal-detail-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid rgba(212,175,55,.04)}.modal .modal-detail-row:last-child{border-bottom:none}.modal .modal-detail-label{font-family:Cinzel,serif;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:#3a2a1a;min-width:80px}.modal .modal-detail-value{font-size:.9rem;color:#4a3a2a}.modal .modal-detail-value .tag{display:inline-block;font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:6px;border:1px solid}.modal .modal-detail-value .tag.proven{color:#6aaa6a;border-color:#6aaa6a26}.modal .modal-detail-value .tag.new{color:#c9a84c;border-color:#c9a84c26}.modal .modal-detail-value .tag.framework{color:#8a7aaa;border-color:#8a7aaa26}.modal .modal-detail-value .tag.hybrid{color:#7ab8c9;border-color:#7ab8c926}.modal .modal-detail-value .tag.includes{color:#c97a7a;border-color:#c97a7a26}.modal .modal-grimoire-ref{text-align:center;margin-top:20px;padding-top:14px;border-top:1px solid rgba(212,175,55,.06)}.modal .modal-grimoire-ref code{font-family:Special Elite,cursive;font-size:.75rem;color:#3a2a1a;background:#0003;padding:3px 10px;border-radius:3px}.modal .modal-share{display:block;margin:14px auto 0;font-family:Cinzel,serif;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 16px;border:1px solid rgba(212,175,55,.1);border-radius:4px;background:#d4af3708;color:#b8a888;cursor:pointer;transition:all .3s ease}.modal .modal-share:hover{border-color:#d4af3740;color:#6a3a1a;background:#d4af370d}.no-spells{text-align:center;padding:30px 20px;color:#4a3a2a;font-style:italic;font-size:1.05rem;grid-column:1/-1}.modal-synergies{margin-top:14px;padding-top:14px;border-top:1px solid rgba(212,175,55,.06)}.modal-synergies .syn-title{font-family:Cinzel,serif;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#3a2a1a;margin-bottom:8px}.modal-synergies .syn-grid{display:flex;flex-wrap:wrap;gap:6px}.modal-synergies .syn-chip{font-family:Cormorant Garamond,serif;font-size:.82rem;color:#3a2a1a;padding:4px 10px;border:1px solid rgba(100,70,30,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#d4af3705}.modal-synergies .syn-chip:hover{border-color:#d4af3733;color:#6a3a1a;background:#d4af370a}footer{position:relative;z-index:2;text-align:center;padding:25px 20px 40px;color:#c8b898;font-size:.8rem}footer .footer-ornament{color:#9a8a6a;letter-spacing:.3em;font-size:1.1rem;display:block;margin-bottom:6px}footer a{color:#3a2a1a;text-decoration:none;transition:color .3s}footer a:hover{color:#d4af37}.hero-desc{position:relative;z-index:2;text-align:center;max-width:600px;margin:-5px auto 20px;padding:20px;font-size:.95rem;color:#e0d4be;line-height:1.6;background:#281c1080;border:1px solid rgba(180,140,80,.12);border-radius:4px}.hero-desc em{color:#b8a888;font-style:italic}.hero-desc .hero-tag{display:inline-block;font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.15em;color:#d4c4a8;border:1px solid rgba(180,140,80,.15);padding:3px 10px;border-radius:8px;margin:0 3px}.lab-section{display:none;animation:fadeIn .5s ease}.lab-section.active{display:block}.lab-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(212,175,55,.08);position:relative}.lab-header:after{content:"⚗";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-size:.7rem;color:#d4af3726;background:#0e0a14;padding:0 10px}.lab-header h2{font-family:Cinzel,serif;font-weight:700;font-size:clamp(1rem,2.2vw,1.5rem);color:#6a3a1a;letter-spacing:.06em}.lab-header .lab-sub{font-style:italic;color:#b8a888;font-size:.85rem;margin-top:4px}.lab-cauldron{background:radial-gradient(ellipse at 50% 50%,#dcd0b8,#c8b898);border:1px solid rgba(212,175,55,.06);border-radius:8px;padding:20px 24px;margin-bottom:20px;min-height:80px;text-align:center;transition:all .4s ease}.lab-cauldron.has-spells{border-color:#d4af3726;box-shadow:inset 0 0 30px #d4af3705}.lab-cauldron .cauldron-label{font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.12em;color:#3a2a1a;margin-bottom:8px}.lab-cauldron .cauldron-empty{font-style:italic;font-size:.9rem;color:#9a8a6a;padding:10px 0}.lab-cauldron .cauldron-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.lab-cauldron .cauldron-chip{font-family:Cinzel,serif;font-size:.7rem;color:#c8b99a;padding:5px 12px;border:1px solid rgba(212,175,55,.15);border-radius:14px;background:#d4af370a;cursor:pointer;transition:all .3s ease}.lab-cauldron .cauldron-chip:hover{border-color:#b43c1e4d;color:#c97a6a;background:#b43c1e0f;text-decoration:line-through}.lab-cauldron .cauldron-count{font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:#b8a888;margin-top:8px}.lab-brew-wrap{text-align:center;margin-bottom:20px}.lab-brew{font-family:Cinzel,serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:10px 30px;border:1px solid rgba(212,175,55,.15);border-radius:4px;background:linear-gradient(135deg,#281932e6,#190f23e6);color:#b8a888;cursor:pointer;transition:all .4s ease}.lab-brew:hover:not(.disabled){border-color:#6a3a1a;color:#6a3a1a;box-shadow:0 0 25px #d4af3714}.lab-brew:active:not(.disabled){transform:scale(.97)}.lab-brew.disabled{opacity:.3;cursor:not-allowed}.lab-output{display:none;animation:fadeIn .6s ease}.lab-output.show{display:block}.lab-output .recipe-card{background:linear-gradient(145deg,#e0d4bc,#d0c4ac);border:1px solid rgba(212,175,55,.12);border-radius:6px;padding:24px 28px;position:relative;overflow:hidden}.lab-output .recipe-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(212,175,55,.03),transparent 60%);pointer-events:none}.lab-output .rc-label{font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.12em;color:#3a2a1a;margin-bottom:4px}.lab-output .rc-name{font-family:Cinzel Decorative,serif;font-weight:700;font-size:1.3rem;color:#6a3a1a;line-height:1.3;margin-bottom:6px}.lab-output .rc-effect{font-size:.95rem;color:#4a3a2a;line-height:1.5;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(100,70,30,.1)}.lab-output .rc-row{display:flex;gap:8px;padding:4px 0;font-size:.85rem}.lab-output .rc-row .rc-l{font-family:Cinzel,serif;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;color:#b8a888;min-width:70px}.lab-output .rc-row .rc-v{color:#8a7a5a}.lab-output .rc-row .rc-v em{color:#a89878}.lab-output .rc-potency{display:inline-block;font-family:Cinzel,serif;font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:8px;border:1px solid;margin-top:4px}.lab-output .rc-potency.apprentice{color:#7a8a7a;border-color:#7a8a7a26}.lab-output .rc-potency.adept{color:#8ab8c9;border-color:#8ab8c926}.lab-output .rc-potency.master{color:#c9a84c;border-color:#c9a84c26}.lab-output .rc-potency.archmage{color:#d47a4a;border-color:#d47a4a26}#wdOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#wdOverlay.open{display:flex}#wdModal{max-width:600px;width:90vw;position:relative;overflow:hidden}.wd-page-peal{animation:pagePeal .5s ease-out}@keyframes pagePeal{0%{transform:scaleX(.02) perspective(800px) rotateY(-8deg);opacity:0}40%{transform:scaleX(.6) perspective(800px) rotateY(2deg);opacity:.7}to{transform:scaleX(1) perspective(800px) rotateY(0);opacity:1}}.wd-flipping{animation:flipOut .25s ease-in forwards}@keyframes flipOut{0%{transform:perspective(800px) rotateY(0);opacity:1}to{transform:perspective(800px) rotateY(-90deg);opacity:0}}@media(prefers-reduced-motion:reduce){.wd-page-peal,.wd-flipping{animation:none}}.wd-doctor{text-align:center;margin:-6px 0 10px;position:relative;display:flex;justify-content:center;align-items:center}.wd-doctor-img{width:120px;height:175px;object-fit:contain;position:relative;filter:drop-shadow(0 0 12px rgba(180,140,80,.1));animation:wdIdle 5s ease-in-out infinite;pointer-events:none}@keyframes wdIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.wd-doctor.revealing .wd-doctor-img{animation:wdRevealBurst .6s ease-out both}@keyframes wdRevealBurst{0%{filter:brightness(1);transform:scale(1)}15%{filter:brightness(1.6) drop-shadow(0 0 25px rgba(212,175,55,.5));transform:scale(1.12)}40%{filter:brightness(1.3) drop-shadow(0 0 15px rgba(212,175,55,.2));transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}.wd-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.wd-step-rune{font-size:.85rem;font-family:serif;color:#d4af3726;transition:all .5s ease}.wd-step-rune.done{color:#d4af3780;text-shadow:0 0 6px rgba(212,175,55,.15)}.wd-step-rune.active{color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.3)}.wd-dust{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.wd-dust-particle{position:absolute;bottom:-10px;border-radius:50%;background:#d4af3733;animation:wdDustUp linear infinite}@keyframes wdDustUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.3}90%{opacity:.1}to{transform:translateY(-400px) scale(.6);opacity:0}}.wd-question{font-family:Cinzel,serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#6a5a3a;margin-bottom:16px;text-align:center;position:relative;z-index:1}.wd-subtitle{font-style:italic;font-size:.9rem;color:#8a7a5a;text-align:center;margin:-12px 0 20px;min-height:1.4em;position:relative;z-index:1}.wd-cluster-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;position:relative;z-index:1}.wd-cluster-grid.has-selection{margin-bottom:0}.wd-cluster-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:linear-gradient(135deg,#1e122dd9,#120a1cd9);border:1px solid rgba(212,175,55,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.wd-cluster-card:hover{border-color:#d4af3740;background:linear-gradient(135deg,#281937e6,#190f26e6);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.wd-cluster-card:active{transform:translateY(0) scale(.97)}.wd-cluster-card.active{border-color:#d4af3759;background:linear-gradient(135deg,#321e3cf2,#1e1228f2);box-shadow:0 0 12px #d4af3714}.wd-cluster-emoji{font-size:1.4rem;line-height:1}.wd-cluster-label{font-family:Cinzel,serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#c8b99a}.wd-cluster-count{font-family:Cormorant Garamond,serif;font-size:.7rem;color:#6a5a3a;padding:1px 8px;border-radius:8px;background:#d4af370a}.wd-cluster-card.active .wd-cluster-count{color:#d4af37;background:#d4af3714}.wd-options-reveal{animation:wdReveal .35s ease-out both}@keyframes wdReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wd-options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;position:relative;z-index:1}.wd-option{background:linear-gradient(135deg,#160f23cc,#0f0a16cc);border:1px solid rgba(212,175,55,.08);border-radius:5px;padding:13px 16px;cursor:pointer;transition:all .3s ease;text-align:left}.wd-option:hover{border-color:#d4af3738;background:linear-gradient(135deg,#1e142de6,#140e1ee6);transform:translate(3px)}.wd-option:active{transform:translate(3px) scale(.98)}.wd-option.selected{border-color:#d4af374d;background:#d4af370a}.wd-option .opt-label{font-family:Cinzel,serif;font-size:.75rem;color:#c8b99a;display:block;margin-bottom:3px}.wd-option .opt-desc{font-size:.82rem;color:#6a5a3a;font-style:italic;display:block}.wd-divider{display:flex;align-items:center;justify-content:center;margin:16px 0 12px;gap:8px}.wd-divider:before,.wd-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.12),transparent)}.wd-divider-runes{font-family:serif;font-size:.65rem;color:#d4af3733;letter-spacing:.25em}.wd-nav{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(212,175,55,.06);position:relative;z-index:1}.wd-back{font-family:Cinzel,serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:#5a4a3a;background:none;border:none;cursor:pointer;transition:color .3s;padding:4px 0}.wd-back:hover{color:#d4af37}.wd-back.hidden{visibility:hidden}.wd-next{font-family:Cinzel,serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:7px 18px;border:1px solid rgba(212,175,55,.15);border-radius:4px;background:linear-gradient(135deg,#281932e6,#190f23e6);color:#5a4a3a;cursor:not-allowed;transition:all .4s ease}.wd-next.ready{border-color:#d4af3759;color:#d4af37;cursor:pointer}.wd-next.ready:hover{box-shadow:0 0 20px #d4af371a}.wd-result{text-align:center;padding:6px 0 4px;animation:fadeIn .5s ease;position:relative;z-index:1}.wd-result .wr-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(212,175,55,.2);font-size:1.3rem;margin-bottom:8px;background:radial-gradient(circle at 40% 35%,rgba(212,175,55,.06),transparent);box-shadow:0 0 10px #d4af370f}.wd-result .wr-skill-name{font-family:Cinzel Decorative,serif;font-weight:700;font-size:1.15rem;color:#d4af37;margin-bottom:6px;animation:burnIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes burnIn{0%{opacity:0;transform:scale(1.3);text-shadow:0 0 0 transparent}to{opacity:1;transform:scale(1);text-shadow:0 0 20px rgba(212,175,55,.15)}}.wd-result .wr-effect{font-size:.88rem;color:#8a7a5a;line-height:1.5;margin-bottom:12px;animation:fadeIn .6s ease .15s both}.wd-result .wr-reason{font-size:.82rem;color:#7a6a4a;font-style:italic;margin-bottom:14px;padding:12px 16px;position:relative;background:#d4af3708;border-left:2px solid rgba(212,175,55,.15);border-radius:0 4px 4px 0;text-align:left;filter:url(#parchment-stain);transition:box-shadow .3s ease}.wd-result .wr-reason:hover{box-shadow:0 0 16px #d4af370f}.wr-reason-rune-tl{position:absolute;top:-4px;left:-6px;font-family:serif;font-size:.5rem;color:#d4af3726}.wr-reason-rune-br{position:absolute;bottom:-4px;right:-6px;font-family:serif;font-size:.5rem;color:#d4af3726}.wd-result .wr-cta{font-family:Cinzel,serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:8px 22px;border:1px solid rgba(212,175,55,.2);border-radius:4px;background:linear-gradient(135deg,#231937f2,#160f26f2);color:#d4af37;cursor:pointer;transition:all .3s ease;display:inline-block;text-decoration:none;animation:fadeIn .5s ease .35s both}.wd-result .wr-cta:hover{box-shadow:0 0 20px #d4af371f}.wd-result .wr-cta:active{transform:scale(.97)}.wd-result .wr-alts{margin-top:14px;font-family:Cinzel,serif;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#5a4a3a;margin-bottom:8px;animation:fadeIn .5s ease .45s both}.wd-result .wr-alt-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;animation:fadeIn .5s ease .5s both}.wd-result .wr-alt-chip{font-family:Cormorant Garamond,serif;font-size:.82rem;color:#7a6a4a;padding:4px 12px;border-radius:12px;border:1px solid rgba(212,175,55,.07);cursor:pointer;transition:all .3s ease;background:#d4af3705}.wd-result .wr-alt-chip:hover{border-color:#d4af372e;color:#d4af37}.wd-result .wr-more{margin-top:16px;font-family:Cormorant Garamond,serif;font-style:italic;font-size:.8rem;color:#5a4a3a;animation:fadeIn .5s ease .6s both}.wd-result .wr-more-link{color:#8a7a4a;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .3s}.wd-result .wr-more-link:hover{color:#d4af37}.wd-unsure{text-align:center;margin-top:10px;position:relative;z-index:1}.wd-unsure button{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.82rem;color:#4a3a2a;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .3s}.wd-unsure button:hover{color:#6a5a3a}@media(max-width:700px){.book-spread{padding:20px 12px;border-radius:4px}.spell-card{padding:10px 12px}.spell-card .spell-name{font-size:.9rem}.spell-card .spell-incantation{font-size:.65rem}.spell-card .spell-effect{font-size:.82rem;-webkit-line-clamp:3}.modal{padding:20px 16px;margin:10px}.modal .modal-title{font-size:1.2rem}.tab-btn{font-size:.55rem;padding:5px 6px}header .wax-seal{width:50px;height:50px;font-size:1.1rem}header h1{font-size:clamp(1.4rem,7vw,2rem)}.hero-desc{font-size:.85rem;margin:-2px auto 16px}.school-header h2{font-size:clamp(1rem,4vw,1.3rem)}.school-meta{flex-direction:column;gap:4px}.orb-vessel{width:120px;height:120px}.orb-vessel .orb-rune{font-size:1.5rem}.orb-input{font-size:.85rem;padding:8px 12px 8px 32px}.orb-examples .ex-chip{font-size:.7rem;padding:3px 8px}.cauldron-chip{font-size:.6rem;padding:3px 8px}.lab-cauldron{padding:14px 16px}.recipe-card{padding:16px 18px}.rc-name,.recipe-header h2,.lab-header h2{font-size:1rem}.tabs{gap:3px;justify-content:flex-start;overflow-x:auto;padding-bottom:4px;flex-wrap:nowrap}.tab-btn{flex-shrink:0}.wd-cluster-grid{grid-template-columns:1fr 1fr;gap:6px}.wd-cluster-card{padding:12px 8px}.wd-cluster-emoji{font-size:1.1rem}.wd-doctor-img{width:80px;height:115px}#wdModal{max-width:94vw;padding:14px 10px}.wd-result .wr-skill-name{font-size:1rem}.wd-divider{margin:12px 0 8px}}@media(max-width:400px){.book-spread{padding:14px 8px}.spell-card{padding:8px 10px}.spell-card .spell-effect{font-size:.78rem}.orb-vessel{width:100px;height:100px}.orb-vessel .orb-rune{font-size:1.2rem}.orb-input{font-size:.8rem;padding:6px 10px 6px 28px}.modal{padding:16px 12px}.modal .modal-title{font-size:1rem}header{padding:30px 12px 14px}}