.spell-body{--sphere-accent:#d6b779}.spell-body [data-sphere=fire],.spell-body[data-sphere=fire]{--sphere-accent:#e5a16d}.spell-body [data-sphere=air],.spell-body[data-sphere=air]{--sphere-accent:#dbd7a8}.spell-body [data-sphere=water],.spell-body[data-sphere=water]{--sphere-accent:#8acbd7}.spell-body [data-sphere=earth],.spell-body[data-sphere=earth]{--sphere-accent:#b5cc8e}.spell-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;padding:55px 0 60px;min-height:540px}.spell-hero h1{font:clamp(44px,5.2vw,77px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:23px 0 27px;overflow-wrap:anywhere}.spell-hero h1 em{color:var(--sphere-accent);font-style:normal}.spell-hero>div>p{font-size:17px;line-height:1.85;color:#c4cebf;max-width:540px;margin-bottom:28px}.spell-orbit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;position:relative;padding:12px}.spell-orbit:before{content:'';position:absolute;inset:18px;border:1px solid #c2ad7144;transform:rotate(45deg);z-index:-1}.spell-orbit-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;background:radial-gradient(ellipse,#36453166,transparent 74%);color:var(--sphere-accent)}.spell-orbit-item img{object-fit:contain;width:130px;height:130px;filter:drop-shadow(0 9px 14px #0007)}.spell-orbit-item span{font:17px Georgia,serif;letter-spacing:.1em;margin-top:10px}.spell-body:not([data-sphere=all]) .spell-orbit{grid-template-columns:1fr;max-width:340px;justify-self:center;width:100%}.spell-body:not([data-sphere=all]) .spell-orbit-item{min-height:300px}.spell-body:not([data-sphere=all]) .spell-orbit-item img{width:150px;height:150px}.spell-availability{border-left:2px solid #b6a16b;padding:13px 18px;color:#bfcab8;font-size:12px;line-height:1.9;background:#24332766;margin:0 0 35px}.spell-sphere-nav{display:flex;flex-wrap:wrap;gap:13px;margin:10px 0 35px;padding:20px 0;border-block:1px solid #64764b55}.spell-sphere-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 23px;border:1px solid #7e8b6055;background:#1a2b2277;color:var(--sphere-accent);font-size:13px}.spell-sphere-nav a:hover,.spell-sphere-nav a[aria-current]{background:#3c493066;border-color:var(--sphere-accent)}.spell-group{padding:35px 0 55px;scroll-margin-top:30px}.spell-group .bestiary-section-title h2,.spell-group .bestiary-eyebrow{color:var(--sphere-accent)}.spell-group-intro{font-size:14px;line-height:1.9;max-width:700px;color:#b8c7b0;margin:0 0 25px}.spell-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.spell-card{border:1px solid #71824f66;background:linear-gradient(145deg,#23362b99,#111e1b);box-shadow:0 10px 25px #0002}.spell-card:hover{border-color:var(--sphere-accent)}.spell-card-link{display:flex;align-items:flex-start;gap:18px;padding:25px 20px;min-height:100%}.spell-card-image{width:85px;height:95px;display:grid;place-items:center;flex:none;background:radial-gradient(ellipse,#64794c22,transparent 75%)}.spell-card-image img{width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 8px 10px #0006)}.spell-card-image svg{width:42px;height:42px;color:var(--sphere-accent)}.spell-card-copy{display:flex;flex-direction:column;min-width:0;min-height:100%;flex:1}.spell-card-copy>span:first-child{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--sphere-accent)}.spell-card h3{font:22px/1.3 Georgia,serif;margin:9px 0 12px;overflow-wrap:anywhere}.spell-card p{font-size:12px;line-height:1.85;color:#bdc9b4;margin:0 0 20px}.spell-card-cta{font-size:10px;color:var(--sphere-accent);display:flex;align-items:center;gap:10px;margin-top:auto}.spell-card-cta svg{width:15px;height:15px}.spell-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;min-height:570px;padding:60px 0}.spell-detail h1{font:clamp(43px,4.7vw,68px)/1.15 Georgia,serif;color:var(--sphere-accent);letter-spacing:-.025em;overflow-wrap:anywhere;margin:20px 0}.spell-detail-copy>p{font-size:17px;line-height:1.95;color:#c8d0c0;margin-bottom:24px}.spell-detail-copy>.spell-availability{font-size:12px;line-height:1.8;padding:12px 18px;margin-top:28px}.spell-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.spell-tags span{padding:7px 11px;border:1px solid #7f8e6355;font-size:10px;color:#bdc9ae}.spell-tags span:first-child{color:var(--sphere-accent)}.spell-art{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:390px;margin:0;padding:30px;position:relative;border:1px solid #c7ac6b44;background:radial-gradient(ellipse at 50% 40%,#42523b66,#16251d22 65%)}.spell-art:after{content:'';position:absolute;inset:9px;border:1px solid #ba9f5b22;pointer-events:none}.spell-art>img{width:100%;height:300px;object-fit:contain;filter:drop-shadow(0 12px 18px #0009)}.spell-art.is-icon>img{width:150px;height:150px;margin:45px 0}.spell-art figcaption{font:23px Georgia,serif;text-align:center;color:var(--sphere-accent);margin-top:23px}.spell-art figcaption>span{display:block;font:9px system-ui,sans-serif;letter-spacing:.18em;margin:0 0 13px;color:#adae8b}.spell-model-link{display:block;font-size:12px;color:#d7be89!important;min-height:44px;padding-top:20px}.spell-related{padding:20px 0 65px}.spell-related .bestiary-section-title h2{font-size:30px}
@media(max-width:1100px){.spell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-hero{gap:30px}.spell-detail{gap:35px}.spell-card-link{gap:12px;padding:22px 18px}.spell-orbit{gap:10px}}
@media(max-width:650px){.spell-hero{grid-template-columns:1fr;padding:35px 0 40px;gap:30px}.spell-hero h1{font-size:clamp(41px,10.5vw,62px)}.spell-hero>div>p{font-size:15px}.spell-orbit{width:100%;max-width:350px;justify-self:center}.spell-orbit-item{min-height:150px}.spell-orbit-item img{width:110px;height:110px}.spell-grid{grid-template-columns:1fr}.spell-sphere-nav{gap:8px}.spell-sphere-nav a{padding:9px 15px;font-size:12px}.spell-detail{grid-template-columns:1fr;padding:35px 0;gap:25px}.spell-detail h1{font-size:43px}.spell-detail-copy>p{font-size:16px}.spell-art{min-height:300px;max-width:420px;width:100%;justify-self:center}.spell-art.is-icon>img{margin:25px 0}.spell-art>img{height:270px}.spell-group{padding:25px 0 35px}.spell-card h3{font-size:24px}.spell-card p{font-size:13px}.spell-card-image{width:85px}.spell-orbit:before{inset:28px}.spell-related{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.spell-body *{scroll-behavior:auto!important;transition:none!important}}
.spell-orbit:before{inset:auto;top:50%;left:50%;width:65%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg)}

.spell-rank-effect{margin:28px 0 44px;padding:28px 32px;border:1px solid #c4a56455;background:#162525}.spell-rank-effect h2{font:30px Georgia,serif;color:#e5d5ac;margin:10px 0 16px}.spell-rank-effect p{max-width:900px;color:#e3e6d9;line-height:1.8;margin:0}@media(max-width:650px){.spell-rank-effect{padding:22px}.spell-rank-effect h2{font-size:25px}}