.item-guide{--guide-ink:#303448;--guide-accent:#408fff;--guide-soft:#e8f2ff;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 40px));text-align:center;z-index:2;pointer-events:none;color:var(--guide-ink);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;transition:opacity .2s}.item-guide-copy{display:inline-block;padding:22px 30px;border-radius:24px;background:#ffffffe0;border:1px solid rgba(64,143,255,.15);box-shadow:0 10px 40px #1e3c5a0f}.item-guide-label{display:block;color:var(--guide-accent);font-size:11px;letter-spacing:.1em;margin-bottom:12px}.item-guide h1{margin:0;font:500 clamp(17px,2.3vw,25px)/1.6 "JetBrains Mono","SFMono-Regular",Consolas,monospace;letter-spacing:-.04em}.item-guide h1:before{content:"> ";color:var(--guide-accent)}.item-guide p{margin:7px 0 0;font-size:clamp(11px,1.4vw,14px);line-height:1.8;color:var(--guide-ink);opacity:.8}.guide-stickers{display:flex;justify-content:center;align-items:end;gap:26px;margin-bottom:14px;color:var(--guide-accent)}.guide-buddy{width:57px;height:61px;transform:rotate(-9deg);filter:drop-shadow(0 4px 0 var(--guide-soft))}.guide-spark{width:28px;height:28px;align-self:center;transform:rotate(10deg)}.guide-hand{width:50px;height:58px;transform:rotate(9deg)}.guide-pointer{display:block;margin:14px auto 0;width:24px;height:37px;color:var(--guide-accent);animation:guide-nudge 1.8s ease-in-out infinite}@keyframes guide-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}#content-stage:has(.desktop .window:not(.minimized)) .item-guide,body.mobile-app-open .item-guide{opacity:0;visibility:hidden}html[data-theme="1993"] .item-guide{--guide-ink:#dfefce;--guide-accent:#b6ff67;--guide-soft:#223319}html[data-theme="1993"] .item-guide-copy{border:1px dashed var(--guide-accent);border-radius:0;background:#0a100a;box-shadow:6px 6px #223319}html[data-theme="1993"] .guide-stickers{gap:20px}html[data-theme="1993"] .guide-buddy,html[data-theme="1993"] .guide-hand{transform:none;filter:none;shape-rendering:crispEdges}html[data-theme="1993"] .item-guide-label:before{content:"C:> "}html[data-theme="1998"] .item-guide{--guide-ink:#493548;--guide-accent:#a94375;--guide-soft:#edd0dc}html[data-theme="1998"] .item-guide-copy{border:2px solid #fff;border-right-color:#8d7785;border-bottom-color:#8d7785;border-radius:0;background:#f5ede3;box-shadow:4px 4px #8d7785}html[data-theme="2008"] .item-guide{--guide-ink:#fff;--guide-accent:#91e1ff;--guide-soft:#1b567e}html[data-theme="2008"] .item-guide-copy{border:1px solid #ffffff55;border-radius:18px;background:linear-gradient(#153c5ee8,#102537ed);box-shadow:0 12px 35px #0003}html[data-theme="2068"] .item-guide{--guide-ink:#e3fffb;--guide-accent:#72ffdd;--guide-soft:#164940}html[data-theme="2068"] .item-guide-copy{border:1px solid var(--guide-accent);border-radius:2px 22px;background:#081c20ed;box-shadow:0 0 24px #72ffdd22}html[data-theme="2068"] .guide-buddy{filter:drop-shadow(0 0 7px #72ffdd88)}html[data-theme] .top-bar-socials a{width:34px;height:34px;padding:4px;color:var(--topbar-color);text-decoration:none}html[data-theme] .top-bar-socials a:after{content:none}.top-bar-socials svg{width:27px;height:27px;display:block;flex-shrink:0}.top-bar-socials a:focus-visible{outline:2px solid currentColor;outline-offset:1px}@media(max-width:768px){.item-guide{top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center}.item-guide-copy{padding:12px 16px}.guide-stickers{margin-bottom:6px;gap:18px}.guide-buddy,.guide-hand{width:28px;height:30px}.guide-spark{width:20px;height:20px}.guide-pointer{height:18px;transform:rotate(180deg);animation:none;order:-1;margin:0 auto 6px}.item-guide-label{font-size:9px;margin-bottom:6px}.bg-name-fallback{inset:250px max(20px,4.5vw) 260px}}@media(max-width:768px)and (max-height:620px){.guide-buddy,.guide-hand{width:22px;height:24px}.guide-stickers{margin-bottom:4px}.item-guide-copy{padding:8px 14px}.item-guide h1{font-size:14px}.item-guide-label,.guide-pointer{display:none}.bg-name-fallback{bottom:185px}}@media(prefers-reduced-motion:reduce){.guide-pointer{animation:none}}
