.sp-app{--sp-paper:#eadcb7;--sp-muted:#b7b79c;--sp-panel:#22281fef;--sp-line:#73725b;--sp-accent:#c2d9e6;width:100%;height:100dvh;min-height:420px;color:var(--sp-paper);font:19px/1.15 var(--ui-font);background:#151c17;position:relative;overflow:hidden}.sp-app [data-motif=shock],.sp-app[data-motif=shock]{--sp-accent:#c4d9f0}.sp-app [data-motif=frost],.sp-app[data-motif=frost]{--sp-accent:#9fe3ef}.sp-app [data-motif=ember],.sp-app[data-motif=ember]{--sp-accent:#edb175}.sp-app [data-motif=mend],.sp-app[data-motif=mend],.sp-app [data-motif=vigor],.sp-app[data-motif=vigor]{--sp-accent:#b7d997}.sp-app [data-motif=ward],.sp-app[data-motif=ward]{--sp-accent:#cab5e4}.sp-app [data-motif=light],.sp-app[data-motif=light]{--sp-accent:#eed89a}.sp-app *,.sp-app :before,.sp-app :after{box-sizing:border-box}.sp-app [hidden]{display:none!important}.sp-app h1,.sp-app h2,.sp-app p{margin:0;font-weight:400}.sp-app button,.sp-app a,.sp-app input,.sp-app summary{-webkit-tap-highlight-color:transparent}.sp-app button:focus-visible{outline-offset:4px;outline:2px solid #f7e4aa}.sp-app a:focus-visible{outline-offset:4px;outline:2px solid #f7e4aa}.sp-app input:focus-visible{outline-offset:4px;outline:2px solid #f7e4aa}.sp-app summary:focus-visible{outline-offset:4px;outline:2px solid #f7e4aa}.sp-app .world-canvas:focus-visible{outline-offset:4px;outline:2px solid #f7e4aa}.sp-app button{font:inherit}.sp-app progress{-webkit-appearance:none;appearance:none;background:#111810;border:1px solid #121a13;border-radius:0;width:100%;height:6px;display:block}.sp-app progress::-webkit-progress-bar{background:#111810}.sp-app progress::-webkit-progress-value{background:#ba8d67}.sp-app progress::-moz-progress-bar{background:#ba8d67}.sp-stage,.sp-world,.sp-vignette,.sp-targets{position:absolute;inset:0}.sp-world{background:#536760}.sp-world .world-canvas{touch-action:none;cursor:crosshair}.sp-vignette{pointer-events:none;background:linear-gradient(#10170e85 0%,#0000 24% 58%,#0c130ce0 100%),linear-gradient(90deg,#0d160d33,#0000 50%)}.sp-heading{pointer-events:none;text-shadow:1px 2px #172115;position:absolute;top:25px;left:30px}.sp-back{pointer-events:auto;color:#d1caab;margin-bottom:10px;font-size:18px;text-decoration:none;display:inline-block}.sp-back:hover{color:#fff2c8}.sp-heading h1{letter-spacing:.018em;font-size:clamp(27px,2.4vw,38px)}.sp-heading p{color:#c3c7b1;margin-top:7px;font-size:17px}.sp-heading p span{color:#8d9b82;margin:0 5px}.sp-book-toggle{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:27px;right:28px}.sp-app .sp-book-button{color:#ebdcad;background:#222b20d9;border:1px solid #a49c77;align-items:center;gap:11px;min-height:44px;padding:8px 14px;display:flex;box-shadow:inset 0 0 0 3px #1a221aba,2px 3px #131c16}.sp-book-button>span{font-size:28px;line-height:.5}.sp-book-button small{color:#a4ab92;border-left:1px solid #72765c;padding-left:11px;font-size:16px}.sp-app .sp-sound-toggle{min-height:30px;box-shadow:none;color:#c5cbb1;background:#1b271ac2;border:1px solid #8a927077;padding:4px 9px;font-size:16px}.sp-app .sp-sound-toggle[aria-pressed=true]{color:#f0dda3;background:#39492ccc;border-color:#b5b082}.sp-app .sp-sound-toggle:hover:not(:disabled){background:#435237cc}.sp-time-badge,.sp-flight-count{color:#ddd7b5;text-shadow:1px 2px #182113;font-size:17px}.sp-time-badge{color:#f0d397}.sp-reticle{pointer-events:none;background:#eadfba;width:3px;height:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #1b241b}.sp-reticle:before,.sp-reticle:after{content:"";background:#dfd5b488;position:absolute}.sp-reticle:before{width:13px;height:1px;top:1px;left:-5px}.sp-reticle:after{width:1px;height:13px;top:-5px;left:1px}.sp-reticle.is-focused{background:#fff3bb;box-shadow:0 0 0 2px #806d3c}.sp-reticle.is-focused:before,.sp-reticle.is-focused:after{background:#f1d996}.sp-targets{pointer-events:none}.sp-app .sp-target{color:#c4c6ae;width:134px;min-height:45px;box-shadow:none;pointer-events:auto;text-shadow:1px 1px #11190f;background:#172416bb;border:1px solid #0000;padding:5px 6px;font-size:15px;position:absolute;transform:translate(-50%,-100%)}.sp-app .sp-target:hover,.sp-app .sp-target.is-focused{color:#fff0bf;background:#252d1def;border-color:#bdb181aa}.sp-target-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;display:block;overflow:hidden}.sp-target-name small{color:#b3a371;margin-right:6px;font-size:12px}.sp-target progress{height:4px}.sp-target.is-defeated{opacity:.6}.sp-target-number{color:#b1b89c;justify-content:center;gap:5px;margin-top:4px;font-size:13px;display:flex}.sp-target-number em{color:#b3e7e6;font-style:normal}.sp-aim-hint{color:#c3c5ad;text-shadow:1px 2px #152114;white-space:nowrap;pointer-events:none;font-size:17px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sp-aim-hint span{color:#8f9a7d;margin:0 7px}.sp-aim-hint kbd{background:#192315aa;border-color:#7a8567;font-size:14px}.sp-casting{background:var(--sp-panel);border:1px solid #8f9070;width:368px;padding:0 17px 12px;position:absolute;bottom:25px;right:28px;box-shadow:inset 0 0 0 3px #131b1380,3px 4px #121b1280}.sp-quick-spells{border-bottom:1px solid #73745a;grid-template-columns:1fr 1fr 1fr;margin:0 -17px 15px;display:grid}.sp-app .sp-quick-spells button{min-height:45px;box-shadow:none;color:#c7cbb2;background:#151e16a1;border:0;border-right:1px solid #586044;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:18px;display:flex}.sp-app .sp-quick-spells button:last-child{border-right:0}.sp-app .sp-quick-spells button[aria-pressed=true]{color:var(--sp-accent);box-shadow:inset 0 -2px var(--sp-accent);background:#384236}.sp-app .sp-quick-spells button:hover:not(:disabled){background:#3d4836}.sp-quick-spells kbd{color:#8e9c82;background:0 0;border:0;padding:0;font-size:13px}.sp-glyph{image-rendering:pixelated;flex-shrink:0;display:block}.sp-selected-heading{align-items:center;gap:13px;display:flex}.sp-selected-heading h2{color:#f0e4bf;margin-top:3px;font-size:34px;line-height:.95}.sp-school{color:var(--sp-accent);text-transform:uppercase;letter-spacing:.05em;font-size:14px}.sp-school span{color:#8b987b;margin:0 4px}.sp-spell-facts{color:#c4c9b0;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin:12px 0 7px;font-size:16px;display:flex}.sp-spell-facts strong{color:var(--sp-accent);font-weight:400}.sp-spell-facts i{color:#848f73;font-style:normal}.sp-spell-facts small{color:#abb59b;width:100%;font-size:15px}.sp-requirement{color:#a4ae92;justify-content:space-between;gap:5px;font-size:14px;display:flex}.sp-requirement>span{color:#d0c49b}.sp-vitals{grid-template-columns:1fr 1fr 1fr;gap:11px;margin:15px 0 12px;display:grid}.sp-vital>div{color:#e0d7b7;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:3px;margin-bottom:4px;font-size:14px;display:flex}.sp-vital>div small{color:#98a28b;font-size:12px}.sp-vital progress{height:7px}.sp-vital[data-vital=health] progress::-webkit-progress-value{background:#b46147}.sp-vital[data-vital=mana] progress::-webkit-progress-value{background:#7294b6}.sp-vital[data-vital=stamina] progress::-webkit-progress-value{background:#829b57}.sp-vital[data-vital=health] progress::-moz-progress-bar{background:#b46147}.sp-vital[data-vital=mana] progress::-moz-progress-bar{background:#7294b6}.sp-vital[data-vital=stamina] progress::-moz-progress-bar{background:#829b57}.sp-app .sp-cast{color:#faf1d1;background:#56634c;border:1px solid #bec49b;justify-content:space-between;align-items:center;width:100%;min-height:43px;padding:9px 13px;font-size:22px;display:flex;box-shadow:inset 0 0 0 2px #44543a,0 2px #0e190e}.sp-app .sp-cast:hover:not(:disabled){background:#657356}.sp-app .sp-cast:active:not(:disabled){background:#3b4935}.sp-app .sp-cast:disabled{color:#9cab92;background:#29342a;border-color:#657257;box-shadow:inset 0 0 0 2px #202c20}.sp-cast>span{color:var(--sp-accent)}.sp-cast-status{color:#bcc3a7;text-align:center;min-height:15px;font-size:14px;margin-top:7px!important}.sp-utility-controls{border-top:1px solid #4f5a43;align-items:center;gap:6px;margin-top:10px;padding-top:6px;display:flex}.sp-app .sp-utility-controls button,.sp-app .sp-prepare-recovery{min-height:32px;box-shadow:none;text-shadow:none;color:#bac4a6;background:0 0;border:1px solid #0000;padding:4px 5px;font-size:16px}.sp-utility-controls button:first-child{margin-right:auto}.sp-app .sp-utility-controls button:hover:not(:disabled),.sp-app .sp-prepare-recovery:hover:not(:disabled){color:#f2dfac;background:#7c91601f}.sp-app .sp-utility-controls button[aria-pressed=true]{color:#f2d49a;background:#5c63462e;border-color:#9e986e}.sp-app .sp-prepare-recovery{color:#c6dea7;border:1px solid #70855a;width:100%;margin-top:5px}.sp-result{color:#d2d8bd;text-shadow:1px 2px #121d12;text-align:left;pointer-events:none;width:min(320px,100vw - 455px);font-size:19px;position:absolute;top:148px;left:30px}.sp-result .sp-damage{color:#cedabb;margin-bottom:8px;font-size:19px}.sp-damage strong{color:var(--sp-accent);font-size:44px;font-weight:400;line-height:1}.sp-loading{text-align:center;background:#20291dea;border:1px solid #b4aa7a;width:min(390px,100% - 40px);padding:27px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #182214}.sp-loading-rune{color:#e1c17c;margin-bottom:10px;font-size:46px;display:block}.sp-loading h2{margin-bottom:10px;font-size:30px}.sp-loading p{color:#c7d0b6;font-size:19px;line-height:1.25}.sp-loading small{color:#9fac91;margin-top:15px;font-size:15px;display:block}.sp-loading button{margin-top:20px}.sp-book{z-index:3;background:#232b21fa;border:1px solid #a9a078;outline:none;flex-direction:column;width:min(445px,100% - 40px);display:flex;position:absolute;top:20px;bottom:20px;right:20px;box-shadow:inset 0 0 0 3px #182316,-8px 8px 30px #10201266}.sp-book-heading{flex-shrink:0;justify-content:space-between;align-items:center;padding:21px 20px 10px;display:flex}.sp-book-heading p{color:#a9b296;letter-spacing:.13em;margin-bottom:5px;font-size:14px}.sp-book-heading h2{color:#ede2bb;font-size:34px}.sp-app .sp-book-heading button{min-width:38px;min-height:38px;box-shadow:none;background:#2b3828;border:1px solid #7f8663;padding:0;font-size:30px}.sp-book-intro{color:#aeb99c;padding:0 20px 16px;font-size:17px;line-height:1.2}.sp-school-tabs{border-top:1px solid #4c5941;border-bottom:1px solid #667153;flex-shrink:0;padding:0 12px;display:flex}.sp-app .sp-school-tabs button{min-height:42px;box-shadow:none;color:#b6c2a3;background:0 0;border:0;flex:1;padding:7px 3px;font-size:18px}.sp-app .sp-school-tabs button[aria-pressed=true]{color:#f1e3ac;background:#5966442e;box-shadow:inset 0 -2px #c5b779}.sp-book-pages{scrollbar-color:#818a68 #1b2719;scrollbar-width:thin;flex:1;min-height:100px;padding:7px 8px;overflow-y:auto}.sp-app .sp-book-spell{width:100%;box-shadow:none;text-shadow:none;text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#47543c;align-items:flex-start;gap:11px;padding:14px 10px;display:flex}.sp-app .sp-book-spell:hover{background:#56654128}.sp-app .sp-book-spell.is-selected{box-shadow:inset 2px 0 var(--sp-accent);background:#63765b26;border-color:#9cac8066}.sp-book-spell>.sp-glyph{margin-top:3px}.sp-book-spell-copy{flex:1;min-width:0}.sp-book-spell-copy>strong{color:var(--sp-accent);font-size:22px;font-weight:400;display:block}.sp-book-spell-copy>small{color:#b0bc9d;margin:3px 0 6px;font-size:15px;display:block}.sp-book-spell-copy>span{color:#98a98d;font-size:15px;line-height:1.18;display:block}.sp-book-tier{text-align:center;color:#c3b683;flex-shrink:0;width:55px;font-size:24px}.sp-book-tier small{color:#aab698;margin-top:4px;font-size:13px;line-height:1.1;display:block}.sp-practice-level{background:#1b271af2;border-top:1px solid #778160;flex-shrink:0;padding:13px 20px 11px}.sp-practice-level label{color:#d5d7b8;justify-content:space-between;align-items:center;font-size:19px;display:flex}.sp-practice-level label strong{color:#efdc99;font-size:24px;font-weight:400}.sp-practice-level input{accent-color:#b8ad74;cursor:pointer;width:100%;height:21px;margin:7px 0 1px;display:block}.sp-practice-level>div{color:#a1af91;justify-content:space-between;font-size:13px;display:flex}.sp-app .sp-practice-level button{background:#435037;border:1px solid #949c72;width:100%;min-height:36px;margin-top:10px;font-size:18px;box-shadow:inset 0 0 0 2px #2e3d26}.sp-practice-level p{color:#9baa8d;margin-top:8px;font-size:14px;line-height:1.15}.sp-book-notes{color:#b2bea1;border-top:1px solid #566348;flex-shrink:0;max-height:190px;padding:10px 20px;font-size:16px;overflow-y:auto}.sp-book-notes summary{cursor:pointer;color:#c7caa8;min-height:22px}.sp-book-notes p{margin-top:10px;line-height:1.2}.sp-book-notes kbd{margin-right:3px;font-size:13px}@media (min-width:1500px){.sp-casting{bottom:32px;right:34px}.sp-heading{top:31px;left:35px}}@media (max-width:1050px){.sp-casting{width:340px;padding-left:13px;padding-right:13px;bottom:18px;right:18px}.sp-quick-spells{margin-left:-13px;margin-right:-13px}.sp-heading{top:21px;left:21px}.sp-book-toggle{top:22px;right:20px}.sp-aim-hint{white-space:normal;text-align:center;max-width:calc(100% - 400px);font-size:15px;left:auto;right:385px;transform:none}.sp-aim-hint kbd{font-size:13px}.sp-result{width:min(280px,100vw - 400px);font-size:18px;top:132px;left:21px}.sp-target{width:117px!important}.sp-target-name{font-size:14px}}@media (max-width:700px){.sp-stage{bottom:302px}.sp-heading{top:13px;left:15px}.sp-back{margin-bottom:6px;font-size:15px}.sp-heading h1{font-size:25px}.sp-heading p{margin-top:4px;font-size:13px}.sp-heading p span{margin:0 1px}.sp-book-toggle{gap:5px;top:13px;right:13px}.sp-app .sp-book-button{gap:5px;min-height:36px;padding:5px 8px;font-size:16px}.sp-book-button>span{display:none}.sp-book-button small{padding-left:6px;font-size:13px}.sp-app .sp-sound-toggle{min-height:26px;padding:3px 7px;font-size:13px}.sp-time-badge,.sp-flight-count{font-size:13px}.sp-casting{width:100%;max-height:335px;box-shadow:none;background:#20281efb;border-width:1px 0 0;padding:0 17px 9px;bottom:0;left:0;right:0;overflow-y:auto}.sp-quick-spells{margin:0 -17px 10px}.sp-app .sp-quick-spells button{min-height:38px;padding:5px;font-size:17px}.sp-selected-heading{gap:10px}.sp-selected-heading h2{font-size:28px}.sp-selected-heading>canvas{width:35px!important;height:35px!important}.sp-school{font-size:12px}.sp-spell-facts{gap:3px 6px;margin:8px 0 5px;font-size:15px}.sp-spell-facts small,.sp-requirement{font-size:13px}.sp-vitals{gap:13px;margin:10px 0}.sp-app .sp-cast{min-height:38px;padding:6px 12px;font-size:20px}.sp-cast-status{min-height:13px;font-size:13px;margin-top:5px!important}.sp-utility-controls{margin-top:7px;padding-top:4px}.sp-app .sp-utility-controls button{min-height:30px;font-size:15px}.sp-app .sp-target{padding:4px;width:98px!important}.sp-target:not(.is-focused){opacity:.55}.sp-target:not(.is-focused) .sp-target-name{font-size:12px}.sp-target-name small{display:none}.sp-target-number{font-size:12px}.sp-aim-hint{white-space:nowrap;max-width:calc(100% - 24px);font-size:13px;bottom:12px;left:50%;right:auto;transform:translate(-50%)}.sp-aim-hint span{margin:0 4px}.sp-aim-hint kbd{font-size:11px}.sp-result{text-align:center;width:calc(100% - 40px);font-size:15px;inset:85px auto auto 50%;transform:translate(-50%)}.sp-result .sp-damage{display:none}.sp-result>p{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#1a2619ab;padding:3px 7px;display:inline}.sp-loading{padding:19px;top:27%}.sp-loading-rune{margin-bottom:7px;font-size:31px}.sp-loading h2{font-size:26px}.sp-loading p{font-size:17px}.sp-book{width:calc(100% - 16px);top:8px;bottom:8px;right:8px}.sp-book-heading{padding:16px 16px 8px}.sp-book-intro{padding:0 16px 12px;font-size:16px}.sp-book-spell-copy>span{font-size:14px}.sp-book-tier{width:44px}.sp-practice-level{padding:10px 16px}}@media (max-height:670px) and (min-width:701px){.sp-casting{width:320px;bottom:12px;right:12px}.sp-quick-spells{margin-bottom:9px}.sp-selected-heading h2{font-size:27px}.sp-spell-facts{margin-top:8px}.sp-vitals{margin:10px 0}.sp-heading h1{font-size:27px}.sp-heading p{font-size:14px}.sp-book-intro,.sp-book-spell-copy>span{display:none}.sp-book-notes{max-height:120px}}@media (prefers-reduced-motion:reduce){.sp-app *,.sp-app :before,.sp-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}