.demon-guide{width:100%;max-width:22rem;margin-inline:auto}.demon-guide--compact{max-width:18.5rem}.demon-guide__surface{width:100%}.demon-guide__stage{--demon-guide-bubble-bg:color-mix(in srgb,var(--surface-card) 88%,var(--bg-elevated) 12%);--demon-guide-bubble-border:color-mix(in srgb,var(--border-soft) 72%,var(--cyan-bright) 28%);--demon-guide-accent:var(--cyan-bright);display:grid;justify-items:center;gap:.1rem;width:100%}.demon-guide__mascot{position:relative;z-index:2;display:grid;place-items:center;width:4.55rem;height:4.55rem;margin-bottom:.05rem;border-radius:0;background:transparent;box-shadow:none;overflow:visible;animation:none}.demon-guide--staged .demon-guide__mascot{opacity:0;transform:scale(.28);filter:blur(2px);transition:opacity .42s cubic-bezier(.22,1.15,.36,1),transform .52s cubic-bezier(.22,1.35,.36,1),filter .42s ease}.demon-guide--staged .demon-guide__mascot.is-in{opacity:1;transform:scale(1);filter:blur(0)}.demon-guide--compact .demon-guide__mascot{width:3.85rem;height:3.85rem}.demon-guide__mascot-core{position:absolute;inset:0;z-index:6;display:grid;place-items:center;transform:translateY(0) scale(1);will-change:transform}.demon-guide__mascot-core .fpl-demon-orb{width:78%!important;height:78%!important;margin:0;--demon-scale:1;place-self:center}.demon-guide__mascot-core .fpl-demon-mascot{width:100%!important;height:100%!important;margin:0;place-self:center;animation:none!important;transform:none!important}.demon-guide__mascot-core .fpl-demon-svg{display:block;width:100%;height:100%;margin:0;transform:none;transform-origin:50% 50%}.demon-guide__orbs{position:absolute;inset:-.4rem;z-index:5;overflow:visible;pointer-events:none}.demon-guide__orbs span{position:absolute;border-radius:999px;opacity:0;background:radial-gradient(circle,color-mix(in srgb,#ffffff,var(--inferno-ready-bg) 24%) 0,color-mix(in srgb,var(--inferno-ready-bg),var(--inferno-movement-positive) 40%) 40%,color-mix(in srgb,var(--inferno-movement-positive),transparent 20%) 74%,transparent 100%);filter:blur(.2px) drop-shadow(0 0 12px color-mix(in srgb,var(--inferno-ready-bg),transparent 18%)) drop-shadow(0 0 22px color-mix(in srgb,var(--inferno-movement-positive),transparent 42%));animation:demon-guide-orb-rise 1.55s linear infinite}.demon-guide__mascot .demon-eye-glow-left,.demon-guide__mascot .demon-eye-glow-right{transition:fill .14s ease,filter .14s ease,opacity .14s ease}.demon-guide__mascot.is-surge .demon-eye-glow-left,.demon-guide__mascot.is-surge .demon-eye-glow-right{fill:#07070a;opacity:.98;filter:drop-shadow(0 0 3px rgba(0,0,0,.85)) drop-shadow(0 0 10px rgba(0,0,0,.45));transition:none}.demon-guide__orbs span:first-child{left:28%;top:36%;width:10px;height:10px;animation-delay:-.2s}.demon-guide__orbs span:nth-child(2){left:64%;top:40%;width:7px;height:7px;animation-delay:-.55s}.demon-guide__orbs span:nth-child(3){left:48%;top:24%;width:5px;height:5px;animation-delay:-.9s}.demon-guide__orbs span:nth-child(4){left:52%;top:48%;width:4px;height:4px;animation-delay:-.35s}.demon-guide__orbs span:nth-child(5){left:18%;top:52%;width:6px;height:6px;animation-delay:-.7s}.demon-guide__orbs span:nth-child(6){left:72%;top:28%;width:5px;height:5px;animation-delay:-1.05s}.demon-guide__chrome{position:relative;z-index:1;width:100%;max-width:19.5rem;padding-top:.72rem}.demon-guide--staged .demon-guide__chrome{opacity:0;max-height:0;padding-top:0;margin:0;overflow:hidden;transform:scale(.16);transform-origin:center top;filter:blur(6px);pointer-events:none;transition:opacity .42s ease,transform .56s cubic-bezier(.18,1.2,.28,1),filter .48s ease,max-height .56s cubic-bezier(.22,1,.36,1),padding-top .56s ease}.demon-guide--staged .demon-guide__chrome.is-open{opacity:1;max-height:24rem;padding-top:.72rem;transform:scale(1);filter:blur(0);pointer-events:auto;overflow:visible}.demon-guide__pointer{position:absolute;top:0;left:50%;z-index:3;width:1.35rem;height:.72rem;transform:translateX(-50%);pointer-events:none}.demon-guide__pointer:before{inset:0;z-index:1;background:var(--demon-guide-bubble-bg)}.demon-guide__pointer:after,.demon-guide__pointer:before{content:"";position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%)}.demon-guide__pointer:after{inset:-1px 0 0;z-index:0;background:var(--demon-guide-bubble-border)}.demon-guide__panel{position:relative;z-index:2;display:grid;gap:.65rem;justify-items:stretch;overflow:hidden;width:100%;box-sizing:border-box;padding:1.05rem 1.05rem 1.1rem;border:1px solid var(--demon-guide-bubble-border);border-radius:1.05rem;background:var(--demon-guide-bubble-bg);box-shadow:0 12px 32px color-mix(in srgb,var(--bg-deep) 32%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text-primary) 6%,transparent);text-align:center}.demon-guide__copy{gap:.42rem}.demon-guide__copy,.demon-guide__heading{display:grid;justify-items:center;width:100%}.demon-guide__heading{gap:.18rem}.demon-guide--staged .demon-guide__heading{opacity:0;transform:translateY(6px);transition:opacity .48s ease,transform .48s ease}.demon-guide--staged .demon-guide__heading.is-in{opacity:1;transform:translateY(0)}.demon-guide__eyebrow{margin:0;color:var(--text-muted);font-size:.84rem;font-weight:650;line-height:1.25;letter-spacing:.01em}.demon-guide__title{margin:0;color:var(--demon-guide-accent);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:950;line-height:1.05;letter-spacing:-.01em}.demon-guide__message{margin:0;max-width:none;min-height:2.6em;color:var(--text-secondary);font-size:.92rem;font-weight:700;line-height:1.4}.demon-guide__accent{color:var(--demon-guide-accent);font-weight:900}.demon-guide--staged .demon-guide__message{opacity:0;transition:opacity .28s ease}.demon-guide--staged .demon-guide__message.is-in{opacity:1}.demon-guide__caret{display:inline-block;width:.08rem;height:.95em;margin-left:.12rem;vertical-align:-.08em;background:var(--cyan-bright);animation:demon-guide-caret .9s steps(1) infinite}.demon-guide__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;width:100%;margin-top:.1rem}.demon-guide__actions:has(>:nth-child(2)){grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.demon-guide--staged .demon-guide__actions{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .42s ease,transform .42s ease}.demon-guide--staged .demon-guide__actions.is-in{opacity:1;transform:translateY(0);pointer-events:auto}.demon-guide__button{width:100%;min-height:2.55rem;min-width:0;border-radius:.45rem;padding:.68rem .7rem;font:inherit;font-size:.76rem;font-weight:900;line-height:1.15;letter-spacing:0;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease}.demon-guide__button:focus-visible,.demon-guide__button:hover{transform:translateY(-1px);outline:none}.demon-guide__button--primary{border:1px solid color-mix(in srgb,var(--coral-mid) 68%,var(--border-soft) 32%);background:var(--coral-mid);color:var(--bg-deep);box-shadow:0 6px 14px color-mix(in srgb,var(--coral-mid) 14%,transparent)}.demon-guide__button--secondary{border:1px solid color-mix(in srgb,var(--border-soft) 88%,var(--text-primary) 12%);background:color-mix(in srgb,var(--surface-card) 94%,var(--bg-deep) 6%);color:color-mix(in srgb,var(--text-secondary) 72%,var(--text-primary) 28%);box-shadow:none;opacity:.92}.demon-guide__button--secondary:focus-visible,.demon-guide__button--secondary:hover{border-color:color-mix(in srgb,var(--border-soft) 70%,var(--text-primary) 30%);color:var(--text-primary);opacity:1}.demon-guide.is-fading{opacity:0;transform:translateY(4px);transition:opacity .32s ease,transform .32s ease;pointer-events:none}@keyframes demon-guide-breathe{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan-bright),transparent 72%),0 10px 24px color-mix(in srgb,var(--bg-deep) 28%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan-bright),transparent 58%),0 12px 28px color-mix(in srgb,var(--bg-deep) 32%,transparent),0 0 18px color-mix(in srgb,var(--inferno-ready-bg),transparent 70%)}}@keyframes demon-guide-orb-rise{0%{opacity:0;transform:translateY(0) translateX(0) scale(1.3)}12%{opacity:.95}to{opacity:0;transform:translateY(-72px) translateX(10px) scale(.12)}}@keyframes demon-guide-caret{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.demon-guide.is-fading,.demon-guide__caret,.demon-guide__mascot,.demon-guide__orbs span{animation:none;transition:none}.demon-guide--staged .demon-guide__actions,.demon-guide--staged .demon-guide__chrome,.demon-guide--staged .demon-guide__heading,.demon-guide--staged .demon-guide__mascot,.demon-guide--staged .demon-guide__message{opacity:1;max-height:none;transform:none;filter:none;pointer-events:auto;overflow:visible;transition:none}.demon-guide--staged .demon-guide__chrome{padding-top:.72rem}.demon-guide__mascot-core{animation:none;transform:none}.demon-guide__orbs span{opacity:.35;transform:none}.demon-guide__mascot.is-surge .demon-guide__orbs span{animation:none}.demon-guide.is-fading{opacity:0;transform:none}}html[data-theme=light] .demon-guide__stage{--demon-guide-bubble-bg:var(--surface-card);--demon-guide-bubble-border:color-mix(in srgb,var(--border-soft) 78%,var(--cyan-bright) 22%)}html[data-theme=light] .demon-guide__mascot{box-shadow:none}html[data-theme=light] .demon-guide__panel{box-shadow:var(--elevation-sm,var(--shadow-md)),inset 0 1px 0 color-mix(in srgb,white 72%,transparent)}html[data-theme=light] .demon-guide__eyebrow{color:var(--text-muted)}html[data-theme=light] .demon-guide__message{color:var(--text-secondary)}