body:has(#audio-player) #sticky-player{border-radius:0;background:#0f172af5;border-color:#475569}body:has(#audio-player) #sticky-player .text-dark-500{color:#cbd5e1}body:has(#audio-player) #progress-track{height:24px;background:linear-gradient(#334155,#334155) center / 100% 4px no-repeat;display:flex;align-items:center}body:has(#audio-player) #progress-bar{height:4px}body:has(#audio-player) #volume-btn{min-width:44px;min-height:44px}.audio-current-word{background:#10b981;color:#071c16;border-radius:.15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.audio-word:focus-visible{outline:2px solid #34d399;outline-offset:2px}.audio-settings{position:relative}.audio-icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#cbd5e1}.audio-icon-button svg{width:21px;height:21px}.audio-icon-button:hover,.audio-icon-button[aria-expanded=true]{background:#ffffff14;color:#fff}.audio-icon-button:focus-visible,.audio-menu-row:focus-visible{outline:2px solid #34d399;outline-offset:-2px}#audio-settings-panel{position:absolute;bottom:calc(100% + 16px);right:0;width:260px;max-width:calc(100vw - 24px);padding:8px 0;background:#19212eee;backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 32px #0006;color:#f1f5f9;font-size:14px}.audio-menu-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 16px;text-align:left}.audio-menu-row:hover{background:#ffffff12}.audio-menu-value{margin-left:auto;display:flex;gap:16px;color:#cbd5e1}.audio-menu-heading{border-bottom:1px solid #ffffff18;margin-bottom:4px}.audio-rate-check{width:16px;visibility:hidden;color:#34d399}[aria-checked=true]>.audio-rate-check{visibility:visible}.mobile-volume{display:none}@media(max-width:639px){.desktop-volume{display:none}.mobile-volume{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 16px;border-top:1px solid #ffffff18}.mobile-volume input{grid-column:1 / -1;width:100%;accent-color:#10b981}.audio-icon-button,#volume-btn{width:40px;height:40px}}.narration-native{display:none}@media(max-width:640px){#sticky-player .container-wide{padding-inline:12px}#sticky-player .gap-4{gap:10px}}@media print{#sticky-player,#audio-player{display:none!important}.audio-current-word{background:none;color:inherit}}.blog-feature{--feature-ink:#f2eddf;--feature-muted:#b7c5cb;--feature-accent:#d9bb83}.blog-feature .container-narrow{max-width:960px;padding-inline:32px;border:0}.blog-feature .article-back{margin-bottom:24px}.blog-feature .article-masthead{margin:0 0 32px;text-align:left;max-width:none}.blog-feature h1{font-family:Georgia,Times New Roman,serif;font-size:48px;font-weight:400;text-wrap:balance;line-height:1.08;letter-spacing:-.035em;color:var(--feature-ink)}.blog-feature .article-heading>p{color:var(--feature-muted);font-size:20px;line-height:1.5;margin:18px 0 0}.blog-feature .feature-prose{max-width:none;color:#d9e2e4;font-size:18px;line-height:1.75}.blog-feature .feature-prose>:is(p,h2,h3,ul,ol,blockquote){max-width:760px;margin-inline:0}.blog-feature .feature-prose>h2{margin:64px 0 22px;padding-top:0;font:400 32px/1.2 Georgia,Times New Roman,serif;letter-spacing:-.02em;color:var(--feature-ink)}.blog-feature .feature-prose p{margin-bottom:24px}.blog-feature .feature-prose>p:last-child{margin-bottom:0}.blog-feature footer{max-width:760px;margin:48px 0 0}.blog-feature figure{min-width:0}.blog-feature figcaption,.blog-feature .feature-caption{font:14px/1.55 system-ui,sans-serif;color:var(--feature-muted);text-align:left}.blog-feature figure img{display:block;margin:0;height:auto}.blog-feature [hidden]{display:none!important}.blog-feature :is(button,a,[tabindex]):focus-visible{outline:2px solid #e8c280;outline-offset:4px}.feature-architecture h1{font-family:inherit;font-weight:550;letter-spacing:-.04em}.feature-architecture .feature-prose>h2{font-family:inherit;font-size:30px;font-weight:550}.feature-architecture .feature-prose>p:first-child{font-size:19px;line-height:1.7}.feature-architecture .engine-system{margin-top:28px}.blog-feature .engine-figure{background:#101b25;border:1px solid #334654;border-radius:7px;margin:28px 0 32px;overflow:hidden}.diagram-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #2a3d49;color:#e4ebee;font-size:14px;line-height:1.45}.diagram-heading strong{font-weight:550}.diagram-heading button{border:1px solid #415b69;border-radius:4px;padding:6px 10px;min-height:40px;font-size:13px;flex-shrink:0}.diagram-heading button:hover{background:#263c45}.diagram-stage{padding:14px 12px}.engine-svg{transition:none;display:block;width:100%;height:auto;margin:0 auto;overflow:visible;font-family:system-ui,sans-serif}.engine-svg text{fill:#e4ebee}.engine-svg .diagram-boundary{fill:#15242e;stroke:#3b5263;stroke-dasharray:5 5}.engine-svg .diagram-zone-label{fill:#a6bbc9;font-size:13px;letter-spacing:.05em}.engine-svg .diagram-box{fill:#20333f;stroke:#5b788a;stroke-width:1.2}.engine-svg .diagram-node-label{font-size:18px;font-weight:500}.engine-svg .diagram-node-detail{font-size:16px;font-weight:400;fill:#b1c8d5}.engine-svg .diagram-edge{fill:none;stroke-width:1.7}.engine-svg .edge-bytes{stroke-width:2.2}.engine-svg .edge-persist{stroke-dasharray:3 4}.engine-svg .edge-interrupt{stroke-dasharray:5 4}.engine-svg .diagram-edge-label{font-size:16px;fill:#bed2de;paint-order:stroke;stroke:#101b25;stroke-width:5px;stroke-linejoin:round}.engine-svg .diagram-node:focus{outline:none}.engine-svg .diagram-node:is(.active-node,:focus-visible) .diagram-box{stroke:#e8c280;stroke-width:2.5;fill:#29424c}.engine-svg .edge-highlight .diagram-edge{stroke-width:3.5}.engine-svg .edge-faded{opacity:.25}.engine-svg .chart-heading{font-size:17px;font-weight:500}.engine-svg .chart-label,.engine-svg .chart-value{font-size:17px}.engine-svg .chart-value{fill:#c4dce8}.blog-feature .diagram-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0 16px 14px;font-size:12px;line-height:1.5;color:#aabecb}.diagram-legend span:before{content:"";display:inline-block;width:20px;margin-right:6px;vertical-align:middle;border-top:2px solid #89d9bc}.diagram-legend .legend-bytes:before{border-color:#8fc4ef}.diagram-legend .legend-persist:before{border-color:#c8b4ed;border-top-style:dotted}.diagram-legend .legend-interrupt:before{border-color:#e8c280;border-top-style:dashed}.blog-feature .engine-figure>figcaption{border-top:1px solid #2a3d49;margin:0;padding:12px 16px;font-size:14px;color:#b0c2ce}.diagram-mobile{display:none}.feature-lightbox,.diagram-dialog{position:fixed;inset:0;width:min(1180px,96vw);max-height:94dvh;padding:18px;border:1px solid #607c86;border-radius:8px;color:#e3ede8;background:#101b25}.feature-lightbox:not([open]),.diagram-dialog:not([open]){display:none}.feature-lightbox::backdrop,.diagram-dialog::backdrop{background:#030b12ed}.feature-lightbox>button{display:block;margin:0 0 12px auto}.feature-lightbox button,.diagram-dialog button{padding:8px 12px;min-height:44px;border:1px solid #759789;border-radius:4px}.feature-lightbox img{display:block;margin:auto;max-width:100%;max-height:72dvh;-o-object-fit:contain;object-fit:contain}.feature-lightbox p{font-size:14px;line-height:1.5;max-width:760px;margin:14px auto 0}.feature-lightbox button:focus-visible,.diagram-dialog button:focus-visible{outline:2px solid #e8c280;outline-offset:3px}.diagram-dialog{padding:0;max-width:1500px}.diagram-dialog-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid #334654}.diagram-dialog-toolbar strong{margin-right:auto;font-size:16px}.diagram-dialog-viewport{overflow:auto;max-height:calc(94dvh - 130px);padding:20px;overscroll-behavior:contain}.diagram-dialog .engine-svg{transition:none;display:block;max-width:none;margin:auto}@media(min-width:761px)and (max-width:1000px){.engine-svg .diagram-node-detail,.engine-svg .diagram-edge-label{font-size:18px}}@media(max-width:760px){.blog-feature .container-narrow{padding-inline:22px}.blog-feature h1{font-size:34px}.blog-feature .article-heading>p{font-size:18px;margin-top:12px}.blog-feature .feature-prose{font-size:17px;line-height:1.75}.blog-feature .feature-prose>h2{font-size:26px;margin-top:48px}.diagram-wide{display:none}.diagram-mobile{display:block;max-width:360px}.diagram-mobile .diagram-node-label{font-size:17px}.diagram-mobile .diagram-node-detail,.diagram-mobile .diagram-edge-label{font-size:16px}.diagram-heading{padding:10px 12px}.diagram-stage{padding:14px 12px}.blog-feature .engine-figure>figcaption{padding:12px}.blog-feature .diagram-legend{padding-inline:12px}.diagram-dialog-toolbar strong{width:100%}}@media(max-width:540px){.blog-feature .container-narrow{padding-inline:20px}}@media(prefers-reduced-motion:reduce){.blog-feature *{scroll-behavior:auto}}@media print{.blog-article [data-feature-pause],.feature-lightbox,.diagram-dialog,[data-diagram-expand]{display:none!important}.engine-svg .edge-faded{opacity:1}.blog-feature figure{-moz-column-break-inside:avoid;break-inside:avoid}}[data-blog-media] [hidden]{display:none!important}[data-blog-media]:not(.blog-feature) :is(button,a,[tabindex]):focus-visible{outline:2px solid #34d399;outline-offset:4px}.blog-article:not(.blog-feature) .prose :is(.creature-grid,.comparison-grid,.spell-showcase){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-article:not(.blog-feature) .prose .comparison-grid{grid-template-columns:repeat(var(--comparison-columns),minmax(0,1fr))}.blog-article:not(.blog-feature) .prose :is(.creature-grid,.comparison-grid,.spell-showcase)>figure{margin:0}.blog-article:not(.blog-feature) .prose :is(.creature-showcase,.feature-comparison,.spell-showcase){margin:2rem 0}.blog-article:not(.blog-feature) .prose :is(.creature-card,.spell-example) video{width:100%;aspect-ratio:16/9;background:#202923}.blog-article:not(.blog-feature) .prose .feature-caption{color:#cbd5e1;font-size:15px;line-height:1.55;margin:12px 0 0}.blog-article:not(.blog-feature) .showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:14px}.blog-article:not(.blog-feature) :is(.showcase-toolbar button,.clip-choices button){min-height:44px;border:1px solid #475569;border-radius:5px;padding:8px 12px;font-size:14px;color:#e2e8f0}.blog-article:not(.blog-feature) .clip-choices{display:flex;gap:8px;margin-top:12px}.blog-article:not(.blog-feature) .clip-choices button[aria-pressed=true]{color:#10251b;background:#a7dfc3;border-color:#a7dfc3}.blog-article:not(.blog-feature) .creature-name{font-size:17px;font-weight:600;color:#f1f5f9}.blog-article:not(.blog-feature) .creature-description{margin-top:4px}.blog-article:not(.blog-feature) .comparison-item>a{position:relative;background:#414950}.blog-article:not(.blog-feature) .comparison-item img{width:100%;-o-object-fit:contain;object-fit:contain}.blog-article:not(.blog-feature) .prose .wolf-development .comparison-item img{aspect-ratio:1;height:auto}.blog-article:not(.blog-feature) .enlarge-mark{position:absolute;right:8px;bottom:8px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#10231ddd;color:#fff}.blog-article:not(.blog-feature) .prose .spell-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-article:not(.blog-feature) .spell-showcase>.feature-caption{grid-column:1/-1;margin:0}.blog-article:not(.blog-feature) .spell-example figcaption :is(strong,span){display:block}.blog-article:not(.blog-feature) .spell-example figcaption{display:flex;flex-direction:column;gap:6px}.video-media{position:relative}.blog-article:not(.blog-feature) .video-media .enlarge-mark{top:8px;bottom:auto;padding:0;border:0;font-size:18px;line-height:1;cursor:pointer}.blog-article:not(.blog-feature) .prose .video-placeholder{width:100%;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#202923}.video-dialog{position:fixed;inset:0;width:min(calc(var(--video-native-width,1280px) + 40px),96vw);max-height:90dvh;padding:0;border:1px solid #607c86;border-radius:8px;color:#e3ede8;background:#101b25}.video-dialog:not([open]){display:none}.video-dialog::backdrop{background:#030b12ed}.video-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #334654}.video-dialog-toolbar button{min-height:44px;padding:8px 12px;border:1px solid #759789;border-radius:4px}.video-dialog button:focus-visible{outline:2px solid #34d399;outline-offset:3px}.video-dialog-stage{display:flex;justify-content:center;padding:16px}.video-dialog video{display:block;width:min(var(--video-native-width,1280px),100%,calc((90dvh - 102px) * var(--video-native-aspect,1.777778)));height:auto;aspect-ratio:var(--video-native-aspect,1.777778);-o-object-fit:contain;object-fit:contain;background:#000}.blog-article:not(.blog-feature) .prose .texture-flow{display:block;margin:2rem 0;border:1px solid #475569;border-radius:8px;overflow:hidden;background:#101b25}.texture-viewport{overflow-x:auto;overscroll-behavior-x:contain}.texture-svg{display:block;width:100%;min-width:700px;height:auto;font-family:Inter,system-ui,sans-serif}.texture-svg .flow-node-label{fill:#eef3ef;font-size:24px;font-weight:500}.texture-svg .flow-edge-label{font-size:22px}.blog-article:not(.blog-feature) .prose .texture-flow>figcaption{margin:0;padding:12px 16px;border-top:1px solid #475569;background:#0f172a;color:#cbd5e1;font-size:15px;line-height:1.55;text-align:left}.diagram-dialog .texture-svg{min-width:0;margin:auto;transition:none}@media(max-width:767px){.blog-article:not(.blog-feature) .prose :is(.creature-grid,.comparison-grid,.spell-showcase){grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){[data-blog-media] *{scroll-behavior:auto}}@media print{[data-blog-media] .clip-choices,[data-feature-pause],[data-video-expand],.video-dialog{display:none!important}[data-blog-media] figure{-moz-column-break-inside:avoid;break-inside:avoid}}