.guide-dialogue{--gd-night:#0d0a0e;--gd-panel:#1b141c;--gd-ink:#120b0e;--gd-gold:#cfa95f;--gd-gold-dim:#7d6538;--gd-parch:#f0e5cf;--gd-muted:#a8998a;--gd-veil:rgba(7,4,8,0.78);--gd-ease-out:cubic-bezier(0.16,1,0.3,1);--gd-ease-back:cubic-bezier(0.34,1.56,0.64,1);display:contents;pointer-events:none;color-scheme:dark}.guide-dialogue :focus-visible{outline:2px solid var(--gd-gold);outline-offset:3px}.gd-veil{position:fixed;inset:0;z-index:20;pointer-events:none}.gd-veil.on{pointer-events:auto;cursor:pointer}.gd-veil.gd-free{pointer-events:none;cursor:default}.gd-veil.gd-free .gd-spot{box-shadow:0 0 0 300vmax var(--gd-veil)}.gd-veil.gd-free .gd-motes{opacity:1}.gd-veil.gd-pass{pointer-events:none;cursor:default}.gd-band{position:fixed;display:block}.gd-veil.gd-pass .gd-band{pointer-events:auto;cursor:pointer}.gd-motes{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s}.gd-veil.on .gd-motes{opacity:1}.gd-spot{position:fixed;left:50%;top:40%;width:0;height:0;border-radius:14px;box-shadow:0 0 0 300vmax rgba(7,4,8,0);transition:left .62s var(--gd-ease-out),top .62s var(--gd-ease-out),width .62s var(--gd-ease-out),height .62s var(--gd-ease-out),box-shadow .7s ease;pointer-events:none}.gd-veil.on .gd-spot{box-shadow:0 0 0 300vmax var(--gd-veil)}.gd-spot .gd-ring{position:absolute;inset:-4px;border-radius:16px;border:2px solid var(--gd-gold);opacity:0;transition:opacity .3s}.gd-spot.has .gd-ring{opacity:1;animation:gd-ring 1.8s ease-in-out infinite}@keyframes gd-ring{50%{box-shadow:0 0 0 6px rgba(207,169,95,.18),0 0 26px rgba(207,169,95,.35)}}.gd-cn{position:absolute;width:14px;height:14px;border:3px solid var(--gd-parch);opacity:0;transition:opacity .3s,transform .5s var(--gd-ease-back)}.gd-spot.has .gd-cn{opacity:1;transform:none}.gd-cn.gd-tl{left:-12px;top:-12px;border-right:0;border-bottom:0;transform:translate(-6px,-6px)}.gd-cn.gd-tr{right:-12px;top:-12px;border-left:0;border-bottom:0;transform:translate(6px,-6px)}.gd-cn.gd-bl{left:-12px;bottom:-12px;border-right:0;border-top:0;transform:translate(-6px,6px)}.gd-cn.gd-br{right:-12px;bottom:-12px;border-left:0;border-top:0;transform:translate(6px,6px)}.guide-lift{position:relative;z-index:25;border-radius:10px;box-shadow:0 0 0 2px var(--gd-gold),0 0 28px rgba(207,169,95,.45);transition:box-shadow .3s;cursor:pointer}.gd-stage{position:fixed;left:0;right:0;bottom:0;height:min(84vh,700px);pointer-events:none;z-index:28;transition:bottom .5s var(--gd-ease-out),top .5s var(--gd-ease-out)}.gd-slot{position:absolute;bottom:0;width:min(40vw,460px);height:100%;opacity:0;transition:transform .55s var(--gd-ease-back),opacity .4s ease,filter .45s ease}.gd-slot.gd-left{left:max(0px,calc(50% - 600px));transform:translateX(-120%)}.gd-slot.gd-right{right:max(0px,calc(50% - 600px));transform:translateX(120%)}.gd-slot.gd-in{opacity:1;transform:translateX(0)}.gd-slot.gd-in.gd-idle{filter:brightness(.38) saturate(.4)}.gd-slot.gd-left.gd-in.gd-idle{transform:translateX(-6%) scale(.96)}.gd-slot.gd-right.gd-in.gd-idle{transform:translateX(6%) scale(.96)}.gd-slot .gd-swipe{position:absolute;left:-38%;right:-38%;bottom:20%;height:46%;transform-origin:left center;transform:scaleX(0) skewY(-6deg);opacity:.9;transition:transform .5s var(--gd-ease-out) .08s}.gd-slot.gd-right .gd-swipe{transform-origin:right center}.gd-slot.gd-in:not(.gd-idle) .gd-swipe{transform:scaleX(1) skewY(-6deg)}.gd-stage.gd-leaving .gd-slot.gd-in{opacity:0;transition-delay:.2s}.gd-stage.gd-leaving .gd-slot.gd-left.gd-in{transform:translateX(-120%)}.gd-stage.gd-leaving .gd-slot.gd-right.gd-in{transform:translateX(120%)}.gd-veil.gd-out{pointer-events:none;cursor:default}.gd-veil.on.gd-out .gd-spot{box-shadow:0 0 0 300vmax rgba(7,4,8,0);transition:box-shadow .5s ease .5s,left .62s var(--gd-ease-out),top .62s var(--gd-ease-out),width .62s var(--gd-ease-out),height .62s var(--gd-ease-out)}.gd-veil.on.gd-out .gd-motes{opacity:0;transition:opacity .5s ease .5s}.gd-slot .gd-face{z-index:1;position:absolute;inset:0;display:grid;align-items:end;animation:gd-fade-in .22s ease}.gd-slot .gd-face img{width:100%;height:auto;max-height:100%;display:block;object-fit:contain;object-position:50% 100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:50% 100%;filter:drop-shadow(0 0 1.5px rgba(240,229,207,.75)) drop-shadow(0 0 14px rgba(240,229,207,.12)) drop-shadow(0 12px 26px rgba(0,0,0,.7));animation:gd-breathe 3.6s ease-in-out infinite}.gd-slot .gd-face.gd-old{z-index:0;animation:gd-fade-out .22s ease forwards}.gd-slot .gd-face.gd-old img{animation:none}@keyframes gd-fade-out{to{opacity:0}}@keyframes gd-fade-in{0%{opacity:0}}@keyframes gd-breathe{50%{transform:translateY(-.8%) scaleY(1.008)}}.gd-slot .gd-face.gd-react-surpreso img{animation:gd-hop .42s var(--gd-ease-back),gd-breathe 3.6s ease-in-out .42s infinite}.gd-slot .gd-face.gd-react-alegre img{animation:gd-nod .5s ease,gd-breathe 3.6s ease-in-out .5s infinite}.gd-slot .gd-face.gd-react-serio img{animation:gd-lean .5s var(--gd-ease-out),gd-breathe 3.6s ease-in-out .5s infinite}@keyframes gd-hop{35%{transform:translateY(-5%) scaleY(1.04)}70%{transform:translateY(1%) scaleY(.98)}}@keyframes gd-nod{30%{transform:translateY(1.6%) rotate(-1.2deg)}60%{transform:translateY(-.6%)}}@keyframes gd-lean{40%{transform:translateX(2%) scale(1.02)}}.gd-box:focus{outline:none}.gd-box{--g:max(16px,calc(50% - 560px));--bw:min(760px,58vw);position:fixed;z-index:30;bottom:max(16px,env(safe-area-inset-bottom,0px));width:var(--bw);left:calc(100% - var(--bw) - var(--g));animation:gd-box-in .55s var(--gd-ease-out) both;transition:left .6s var(--gd-ease-out),bottom .5s var(--gd-ease-out),top .5s var(--gd-ease-out)}.gd-box.gd-right{left:var(--g)}.gd-box.gd-top{bottom:auto;top:max(16px,env(safe-area-inset-top,0px));animation-name:gd-box-in-top}@keyframes gd-box-in{0%{transform:translateY(150%)}to{transform:none}}@keyframes gd-box-in-top{0%{transform:translateY(-170%)}to{transform:none}}.gd-box.gd-thump .gd-panel{animation:gd-thump .32s var(--gd-ease-out)}@keyframes gd-thump{40%{transform:scale(.985)}}.gd-box.gd-leaving{animation-name:gd-box-out;animation-duration:.55s}.gd-box.gd-top.gd-leaving{animation-name:gd-box-out-top}@keyframes gd-box-out{0%{transform:none}to{transform:translateY(150%)}}@keyframes gd-box-out-top{0%{transform:none}to{transform:translateY(-170%)}}.gd-box.gd-nudge .gd-panel{animation:gd-nudge .38s ease}@keyframes gd-nudge{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.gd-panel{position:relative;min-height:104px;padding:32px 30px 20px;color:#1c1416;background:radial-gradient(130% 120% at 50% 0,#f4ecda 0,#e9dcc0 70%,#dccba6 100%);border:5px solid #161214;border-radius:2px;box-shadow:inset 0 0 0 2px #efe4ca,inset 0 0 0 4px #77713a,inset 0 0 22px rgba(120,90,40,.22),0 0 0 2px #8f8346,0 0 0 5px #121012,0 22px 50px rgba(0,0,0,.65)}.gd-panel:before{content:"";position:absolute;inset:9px;border:1px solid rgba(143,131,70,.4);pointer-events:none}.gd-orn{position:absolute;width:30px;height:30px;color:#b8a55a}.gd-orn.gd-a{left:-11px;top:-11px}.gd-orn.gd-b{right:-11px;top:-11px;transform:scaleX(-1)}.gd-orn.gd-c{left:-11px;bottom:-11px;transform:scaleY(-1)}.gd-orn.gd-d{right:-11px;bottom:-11px;transform:scale(-1)}.gd-plate{position:absolute;top:-34px;left:52px;display:grid;justify-items:start;animation:gd-plate-in .45s var(--gd-ease-back) backwards;transition:transform .45s var(--gd-ease-back),opacity .25s}.gd-plate.gd-out{transform:translateY(10px) rotate(-2.5deg) scale(.92);opacity:0;transition:transform .14s ease,opacity .14s ease}.gd-box.gd-right .gd-plate{left:auto;right:52px;justify-items:end}@keyframes gd-plate-in{0%{transform:translateY(10px) rotate(-2.5deg) scale(.92);opacity:0}to{transform:none;opacity:1}}.gd-plate .gd-leaf{position:absolute;z-index:0;left:-64px;top:50%;width:92px;height:50px;transform:translateY(-50%) rotate(-10deg);filter:drop-shadow(1px 2px 0 #141113);color:var(--gd-accent,#b3261e)}.gd-box.gd-right .gd-plate .gd-leaf{left:auto;right:-64px;transform:translateY(-50%) rotate(10deg) scaleX(-1)}.gd-plate .gd-slab{position:relative;z-index:1;display:grid;grid-gap:1px;gap:1px;padding:7px 22px 7px 20px;background:linear-gradient(180deg,#2a2427,#141113);color:#f1e6c8;border:2px solid #b8a55a;box-shadow:0 0 0 2px #141113,0 6px 14px rgba(0,0,0,.45);-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.gd-plate .gd-nm{font-weight:800;letter-spacing:.12em;font-size:19px;line-height:1.1;text-shadow:0 1px 0 #000}.gd-plate .gd-nm,.gd-plate .gd-tt{font-family:var(--ff-brand,"Cinzel",Georgia,serif);text-transform:uppercase}.gd-plate .gd-tt{font-weight:600;font-size:10.5px;letter-spacing:.16em;color:#c9b77a}.gd-text{position:relative;font-family:var(--ff-body,"Literata",Georgia,serif);font-size:clamp(16px,1.9vw,19px);line-height:1.5;min-height:3em;text-wrap:pretty}.gd-text .gd-c{display:inline-block;white-space:pre;opacity:0}.gd-text .gd-c:before{content:attr(data-ch)}.gd-text .gd-c.on{opacity:1;animation:gd-type-in .2s ease both}.gd-text .gd-w{white-space:nowrap}.gd-text em{font-style:italic;font-weight:600}@keyframes gd-type-in{0%{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.gd-next{position:absolute;right:18px;bottom:12px;width:16px;height:12px;opacity:0;transition:opacity .2s;color:#5b4a2a}.gd-next.show{opacity:1;animation:gd-bob 1s ease-in-out infinite}@keyframes gd-bob{50%{transform:translateY(4px)}}.gd-hint{display:none;position:relative;margin-top:10px;align-items:center;gap:10px;font-size:13px;color:#8a2a1e;font-weight:600;letter-spacing:.03em}.gd-box.gd-action .gd-hint{display:flex}.gd-box.gd-action .gd-next{display:none}.gd-hint svg{width:22px;height:22px;animation:gd-tap 1.2s ease-in-out infinite}@keyframes gd-tap{50%{transform:translateY(3px) scale(.92)}}@media (max-width:640px){.gd-box{--g:16px;--bw:calc(100% - 32px)}.gd-box,.gd-box.gd-right{left:16px}.gd-stage{height:min(46vh,420px);bottom:calc(max(16px, env(safe-area-inset-bottom, 0px)) + var(--gd-boxH, 150px) - 4px)}.gd-stage.gd-top{bottom:auto;top:calc(max(16px, env(safe-area-inset-top, 0px)) + var(--gd-boxH, 150px) + 6px);height:30vh}.gd-stage.gd-top .gd-face{align-items:start}.gd-slot{width:66vw}.gd-slot.gd-left{left:0}.gd-slot.gd-right{right:0}.gd-panel{padding:30px 18px 16px;min-height:96px}.gd-plate{left:40px}.gd-box.gd-right .gd-plate{right:40px}.gd-plate .gd-nm{font-size:16px}.gd-plate .gd-leaf{width:60px;left:-40px}.gd-box.gd-right .gd-plate .gd-leaf{right:-40px}}@media (prefers-reduced-motion:reduce){.guide-dialogue *,.guide-dialogue :after,.guide-dialogue :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}.gd-mini{position:fixed;z-index:31;display:flex;align-items:flex-start;gap:10px;max-width:min(380px,calc(100vw - 32px));pointer-events:auto;cursor:pointer}.gd-mini--top{top:18px}.gd-mini--bottom{bottom:18px}.gd-mini--right{right:18px;flex-direction:row-reverse}.gd-mini--left{left:18px}.gd-mini-face{flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--gd-gold);background:var(--gd-panel);box-shadow:0 0 0 2px var(--gd-ink),0 10px 24px rgba(0,0,0,.45)}.gd-mini-face img{width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gd-mini-bubble{position:relative;display:grid;grid-gap:4px;gap:4px;padding:10px 14px;background:var(--gd-parch);color:var(--gd-ink);border:2px solid var(--gd-ink);border-radius:12px;box-shadow:0 0 0 1px var(--gd-gold-dim);font-size:14px;line-height:1.45}.gd-mini-bubble .gd-nm{color:var(--gd-gold-dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.gd-mini-bubble .gd-next{justify-self:end}.gd-mini.gd-nudge{animation:gd-nudge .38s ease}.gd-mini.gd-leaving{opacity:0;transition:opacity .3s ease}@media (max-width:640px){.gd-mini{max-width:calc(100vw - 24px)}.gd-mini--top{top:12px}.gd-mini--bottom{bottom:12px}.gd-mini--right{right:12px}.gd-mini--left{left:12px}}.game-shell:has(.guide-dialogue [data-guide-line]) :is(.guild-overlay,.guild-celebrate,.wars-dialog,.wars-log-backdrop,.loadout-confirm-overlay,.lessons-overlay){z-index:29}.game-shell:has(.guide-dialogue [data-guide-line])>.game-shell__scene{z-index:auto}body:has(.guide-dialogue [data-guide-line]) :is(.lessons-overlay,.loadout-confirm-overlay){z-index:29}@media (max-width:640px){.gd-mini[data-guide-await=true]{pointer-events:none}.game-shell:has(.guide-dialogue [data-guide-line]) :is(.guild-overlay){z-index:32}.game-shell:has(.guild-overlay) .gd-mini{visibility:hidden;pointer-events:none}}