.epyks-guide{margin:44px 0;padding:32px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 12% 30%,#88ffa10b,transparent 50%),var(--panel);overflow:hidden}.guide-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.guide-heading .eyebrow{margin-bottom:8px}.guide-heading h2{font-size:clamp(24px,3vw,34px);margin:0;letter-spacing:-1px}.guide-local{font:10px/1.6 Consolas,monospace;color:var(--muted);max-width:150px}.guide-stage{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px;min-height:260px;padding:25px 0}.epyks-guide button,.guide-input-row input{font:inherit}.epyks-guide button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#15232a;color:var(--text);padding:10px 16px;min-height:44px}.epyks-guide button:hover{border-color:var(--mint);color:var(--mint)}.epyks-guide button:focus-visible,.epyks-guide input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.epyks-guide .guide-character{border:0;background:transparent;padding:0;position:relative;width:190px}.guide-art{display:block;position:relative;width:180px;height:187px;margin:auto;filter:drop-shadow(0 8px 16px #88ffa115)}.guide-art img,.guide-art canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-leg{transform-origin:50% 78%}.guide-tap{display:block;font:10px Consolas,monospace;color:var(--muted);margin-top:16px}.guide-bubble{position:relative;background:#0b141a;border:1px solid #88ffa12e;padding:24px 26px;border-radius:22px;box-shadow:0 12px 28px #0002;min-height:160px}.guide-bubble:before{content:"";position:absolute;left:-11px;top:60%;width:20px;height:20px;background:#0b141a;border-left:1px solid #88ffa12e;border-bottom:1px solid #88ffa12e;transform:rotate(45deg)}.guide-answer-label{font:10px/1.5 Consolas,monospace;color:var(--mint);letter-spacing:1px}.guide-answer{font-size:17px;line-height:1.65;margin:12px 0 0;overflow-wrap:anywhere}.guide-tour{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.guide-step{font:11px Consolas,monospace;color:var(--muted);margin-right:auto}.guide-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.guide-prompts button{font-size:12px;background:transparent}.guide-form label{display:block;font-weight:600;margin-bottom:10px}.guide-input-row{display:flex;gap:10px}.guide-input-row input{min-width:0;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text)}.guide-input-row button{background:var(--mint);color:#07170c;font-weight:700;min-width:76px}.guide-input-row button:hover{background:#b3ffc3;color:#07170c}.guide-form p{font-size:11px;color:var(--muted);margin:10px 0 0}.guide-sources{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-top:20px;color:var(--muted)}.guide-sources a{color:var(--mint)}.epyks-guide.is-speaking .guide-art{animation:guide-nod 1.1s ease-in-out infinite alternate;transform-origin:50% 85%}.epyks-guide.is-speaking .guide-left{animation:guide-foot .65s ease-in-out infinite alternate}.epyks-guide.is-speaking .guide-right{animation:guide-foot .65s ease-in-out infinite alternate-reverse}@keyframes guide-nod{from{transform:rotate(-1deg) translateY(0)}to{transform:rotate(1deg) translateY(-1px)}}@keyframes guide-foot{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.epyks-guide[data-paused] .guide-art,.epyks-guide[data-paused] .guide-art img{animation:none!important}@media(max-width:600px){.epyks-guide{padding:22px 18px}.guide-heading{display:block}.guide-local{display:block;max-width:none;margin-top:12px}.guide-stage{grid-template-columns:100px minmax(0,1fr);gap:14px;min-height:230px}.epyks-guide .guide-character{width:100px}.guide-art{width:100px;height:104px}.guide-tap{font-size:9px}.guide-bubble{padding:16px}.guide-answer{font-size:14px}.guide-answer-label{font-size:9px}.guide-motion{font-size:11px!important}.guide-input-row{flex-wrap:wrap}.guide-input-row input{flex-basis:100%;width:100%}.guide-input-row button{width:100%}}@media(prefers-reduced-motion:reduce){.epyks-guide .guide-art,.epyks-guide .guide-art img{animation:none!important}}.epyks-guide [hidden]{display:none!important}

.guide-answer{white-space:pre-line}
@media(max-width:600px){.guide-stage{grid-template-columns:1fr;gap:20px;padding:22px 0}.epyks-guide .guide-character{width:112px;margin-left:18px}.guide-art{width:112px;height:116px}.guide-bubble:before{left:58px;top:-11px;transform:rotate(135deg)}.guide-bubble{min-height:0}.guide-answer{font-size:16px}.guide-tour{gap:8px}.guide-step{flex:1}}

.guide-followups{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.guide-followups:empty{display:none}.guide-followups button{font-size:12px;color:var(--mint);background:#88ffa108}.guide-art.has-mouth-canvas .guide-body{visibility:hidden}