.guide{z-index:55;visibility:hidden;pointer-events:none;background:radial-gradient(90% 80% at 100% 100%,#03201a73,#05080a66 62%);justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.guide.in{visibility:visible;animation:.36s ease-out both guide-dim}.guide-figure{width:min(500px,38vw);margin-right:clamp(8px,4vw,72px);position:relative}.guide-figure:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#24d8a829,#0000 70%);width:120%;position:absolute;top:30%;left:50%;translate:-50% -50%}.guide-bust{object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 40px #00000080);width:100%;height:auto;max-height:78vh;display:block;position:relative;-webkit-mask-image:linear-gradient(#000 58%,#0000 97%);mask-image:linear-gradient(#000 58%,#0000 97%)}.guide-bust.flip{transform:scaleX(-1)}.guide.in .guide-bust{animation:.7s cubic-bezier(.2,1,.3,1) .1s both guide-rise}.guide-say{pointer-events:auto;filter:drop-shadow(0 16px 36px #0000008c);width:min(400px,100vw - 32px);position:absolute;top:16%;right:calc(100% - 24px)}.guide-say:after{content:"";background:#141c21;border-top:1px solid #2dbe8c73;border-right:1px solid #2dbe8c73;width:20px;height:20px;position:absolute;top:46px;right:-9px;rotate:45deg}.guide.in .guide-say{transform-origin:100% 56px;animation:.42s cubic-bezier(.2,1.3,.4,1) .56s both guide-pop}.guide-bubble{--c:16px;--edge:#2dbe8c73;z-index:1;background:linear-gradient(165deg,#1a232a,#121a1f 70%);gap:10px;padding:22px 24px 20px;display:grid;position:relative}.guide-eyebrow{font-family:var(--f-mono);font-size:var(--fs-12);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:7px;display:inline-flex}.guide-eyebrow svg{width:14px;height:14px;color:var(--fg)}.guide-bubble b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.005em;font-size:30px;font-weight:800;line-height:1}.guide-bubble p:not(.guide-eyebrow){font-size:var(--fs-16);color:var(--fg);opacity:.88;line-height:1.55}.guide-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;padding-top:14px;display:flex}.guide-link{font-size:var(--fs-14);color:var(--fg);border-bottom:1px solid var(--line-2);margin-right:auto;font-weight:700}.guide-ok{background:var(--fg);min-width:128px;color:var(--shell);--edge:transparent}.guide-ok:hover{filter:brightness(.92)}.guide-ok:focus-visible{outline-color:var(--shell)}.guide-bubble:has(:focus-visible){outline:none}@media (max-width:1023px){.guide{display:none}}.guide-banner{--c:12px;--edge:#2dbe8c59;background:linear-gradient(165deg,#1a232a,#121a1f 70%);align-items:center;gap:12px;padding:10px 6px 10px 10px;animation:.24s ease-out both guide-dim;display:flex}@media (min-width:1024px){.guide-banner{display:none}}.guide-banner-face{--c:8px;background:var(--surface-2);flex:none;width:44px;height:44px;overflow:hidden}.guide-banner-face img{width:200%;max-width:none;height:auto;margin:-6% 0 0 -50%}.guide-banner-face img.flip{transform:scaleX(-1)}.guide-banner-body{flex:1;gap:2px;min-width:0;display:grid}.guide-banner-body b{font-size:var(--fs-14);font-weight:700}.guide-banner-body p{font-size:var(--fs-13);color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.guide-banner-body .guide-link{width:fit-content;font-size:var(--fs-13);margin:2px 0 0}.guide-banner-x{width:44px;height:44px;color:var(--fg-2);background:0 0;border:0;flex:none;place-items:center;display:grid}.guide-banner-x svg{width:18px;height:18px}.guide-banner-x:hover{color:var(--fg)}@keyframes guide-dim{0%{opacity:0}to{opacity:1}}@keyframes guide-rise{0%{opacity:0;translate:18% 14%}to{opacity:1;translate:0}}@keyframes guide-pop{0%{opacity:0;transform:scale(.86)translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.guide.in,.guide.in .guide-bust,.guide.in .guide-say{animation-name:guide-dim;animation-duration:.2s}}