.vn-overlay{position:absolute;inset:0;background:var(--bg-dim);z-index:var(--z-visual-novel);display:flex;align-items:center;justify-content:center}.vn-panel{width:440px;max-height:520px;display:flex;flex-direction:column}.vn-content{display:flex;flex-direction:column;gap:var(--gap-section);padding:var(--pad-loose);overflow-y:auto;flex:1;min-height:0}.vn-banner{position:relative;width:100%;height:var(--vn-banner-h);border-radius:var(--radius-panel);display:flex;align-items:center;justify-content:center;background:var(--bg-cream-90)}.vn-banner--neutral{background:var(--bg-cream-90)}.vn-banner--upgrade{background:var(--accent-subtle)}.vn-banner--warning{background:var(--danger-bg)}.vn-banner--success{background:var(--success-bg)}.vn-banner--celebrate{background:var(--info-bg)}.vn-banner--image{background-size:cover;background-position:center}.vn-character{position:absolute;left:0;right:0;bottom:var(--vn-sprite-offset);display:flex;justify-content:center;pointer-events:none}.vn-sprite{max-width:var(--vn-sprite-max-w);max-height:var(--vn-sprite-max-h);object-fit:contain;transition:transform var(--dur-normal) var(--ease-normal)}.vn-sprite--normal{transform:scale(1)}.vn-sprite--happy{transform:scale(1.05);animation:vn-bounce var(--dur-smooth) var(--ease-normal)}.vn-sprite--surprised{animation:vn-shake var(--dur-fast) var(--ease-normal)}.vn-sprite--thinking{transform:translate(-5px)}@keyframes vn-bounce{0%,to{transform:translateY(0) scale(1.05)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes vn-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.vn-dialog-box{background:var(--bg-cream-97);border:1.5px solid var(--border);border-radius:var(--radius-panel);padding:var(--vn-dialog-pad);min-height:100px;box-shadow:none}.vn-speaker{font-size:var(--font-button);font-weight:var(--weight-bold);color:var(--accent);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--brown-alpha-35)}.vn-text{font-size:var(--font-body);color:var(--text-primary);line-height:1.6;min-height:48px;white-space:pre-wrap}.vn-cursor{color:var(--accent);animation:vn-blink .8s infinite}@keyframes vn-blink{0%,50%{opacity:1}51%,to{opacity:0}}.vn-choices{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--brown-alpha-35)}.vn-choice-btn{padding:var(--pad-compact) var(--vn-dialog-pad);margin:0 calc(var(--vn-dialog-pad) * -1);background:transparent;color:var(--text-primary);border:1.5px solid transparent;border-radius:var(--radius-button);font-size:var(--font-body);font-weight:var(--weight-semi);font-family:var(--font-family);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-fast),color var(--dur-fast) var(--ease-fast),border-color var(--dur-fast) var(--ease-fast)}.vn-choice-btn:hover{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.vn-choice-btn:active{background:var(--accent-hover);color:var(--text-inverse);border-color:var(--accent-hover)}.vn-choice-btn:disabled{background:transparent;color:var(--text-tertiary);border-color:transparent;cursor:not-allowed}.vn-continue-hint{font-size:var(--font-caption);color:var(--text-tertiary);text-align:right;margin-top:var(--space-sm);animation:vn-hint-pulse 2s ease-in-out infinite}@keyframes vn-hint-pulse{0%,to{opacity:.5}50%{opacity:1}}