:root{--vn-main-color:rgba(0,0,0,0.5);--vn-text-color:#ffffff;--vn-screen-bg:#000000;--vn-sprite-max-height:80svh;--vn-transition-duration:0.4s}.vn-viewport.vn-skip-transition{--vn-transition-duration:350ms;--vn-bg-fade-duration:350ms}.vn-viewport{width:100%;height:100%;max-height:100%;max-width:100%;overflow:hidden;position:relative;background-color:var(--vn-screen-bg);-webkit-user-select:none;user-select:none;cursor:pointer;--vn-bottom-bar:var(--vn-quick-menu-height,2.5rem);--vn-under-box:var(--vn-composer-measured,0px)}.vn-viewport:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:-4px}@media(max-width:37.56em){.vn-viewport{--vn-bottom-bar:0px}}@media(max-aspect-ratio:0.8),(max-width:37.56em){.vn-viewport{--vn-under-box:calc(var(--vn-menu-measured, 0px) + var(--vn-composer-measured, 0px))}}.vn-viewport img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none}.vn-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vn-layer--bg{z-index:0}.vn-layer--particles{z-index:1}.vn-layer--characters{z-index:2;pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.vn-layer--ui{z-index:3;pointer-events:none}.vn-layer--hud{z-index:4;pointer-events:none}.vn-layer--effects{z-index:5;pointer-events:none}.vn-bg{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.vn-bg--palette-night{background:linear-gradient(180deg,#0a0a1a,#1a1a3a 40%,#0d0d2a)}.vn-bg--palette-day{background:linear-gradient(180deg,#87ceeb,#e0f0ff 50%,#f5f5dc)}.vn-bg--palette-sunset{background:linear-gradient(180deg,#ff6b35,#d63384 40%,#2d1b69)}.vn-bg--palette-indoor{background:linear-gradient(180deg,#2a2520,#3d3530 40%,#1f1a15)}.vn-bg--palette-forest{background:linear-gradient(180deg,#0a2a1a,#1a4a2a 50%,#0d1f0d)}.vn-bg--palette-city{background:linear-gradient(180deg,#1a1a2e,#2d2d4a 40%,#16162a)}.vn-bg--palette-ocean{background:linear-gradient(180deg,#0a2a4a,#1a4a6a 50%,#0d1f3a)}.vn-bg:not([class*=palette-]):not([style*=background-image]){background:linear-gradient(180deg,#0d0d1a,#1a1a2e 50%,#0a0a15)}.vn-bg--cur{z-index:1;animation:vn-bg-fade-in var(--vn-bg-fade-duration,1.2s) ease both}.vn-bg--prev{z-index:0;animation:vn-bg-fade-out var(--vn-bg-fade-duration,1.2s) ease both}.vn-bg--paint-loading{z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(120,80,200,.18),rgba(200,100,160,.22) 25%,rgba(80,140,220,.2) 50%,rgba(200,140,80,.22) 75%,rgba(120,80,200,.18));background-size:200% 200%;backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);animation:vn-bg-paint-loading-enter .6s ease-out both,vn-bg-paint-loading-drift 6s ease-in-out .6s infinite alternate;opacity:.85}@keyframes vn-bg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vn-bg-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vn-bg-paint-loading-enter{0%{opacity:0;backdrop-filter:blur(0) saturate(100%);-webkit-backdrop-filter:blur(0) saturate(100%)}to{opacity:.85;backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%)}}@keyframes vn-bg-paint-loading-drift{0%{background-position:0 50%}to{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.vn-bg--paint-loading{animation:vn-bg-paint-loading-enter .6s ease-out both}}.vn-character-sprite{display:flex;max-height:var(--vn-sprite-max-height);height:var(--vn-sprite-max-height);position:absolute;width:min-content;overflow:hidden;bottom:0;transition:left var(--vn-transition-duration) ease,right var(--vn-transition-duration) ease,opacity var(--vn-transition-duration) ease}.vn-character-sprite img{height:100%;object-fit:contain}.vn-character-sprite--bust{bottom:calc(var(--cookie-banner-height, 0px) + var(--vn-keyboard-height, 0px) + var(--vn-bottom-bar, 2.5rem) + var(--vn-under-box, 0px) + 12px + var(--vn-dialogue-max-height, 38%));height:auto;max-height:calc(94% - var(--cookie-banner-height, 0px) - var(--vn-keyboard-height, 0px) - var(--vn-bottom-bar, 2.5rem) - var(--vn-under-box, 0px) - 12px - var(--vn-dialogue-max-height, 38%))}.vn-character-sprite--bust img{max-height:100%}.vn-character-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-width:12rem;padding:1rem;background:linear-gradient(180deg,#2c2738,#211d2c 55%,#14111c);border:1px solid rgba(255,255,255,.18);border-radius:.5rem;color:rgba(255,255,255,.88);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.4);gap:.5rem}.vn-character-placeholder__monogram{font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1;letter-spacing:.05em;text-shadow:0 .125rem .5rem rgba(0,0,0,.45)}.vn-character-placeholder__name{font-size:.85rem;text-align:center;opacity:.85;text-shadow:0 .125rem .4rem rgba(0,0,0,.6);max-width:12rem}.vn-character--far-left{left:5%;right:auto}.vn-character--left{left:20%;right:auto}.vn-character--center{left:50%;transform:translateX(-50%)}.vn-character--right{right:20%;left:auto}.vn-character--far-right{right:5%;left:auto}.vn-layer--characters>.vn-character-sprite{max-width:calc(100%/max(2,var(--shown-characters-count, 2)))}.vn-character--entering{animation:vn-slide-in var(--vn-transition-duration) ease-out}.vn-character--exiting{animation:vn-fade-out var(--vn-transition-duration) ease-in forwards}@keyframes vn-slide-in{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vn-fade-out{0%{opacity:1}to{opacity:0}}.vn-character--reacting{animation:vn-reaction-pulse .32s ease-out 1}@keyframes vn-reaction-pulse{0%{transform:scale(1);opacity:1}45%{transform:scale(1.02);opacity:.96}to{transform:scale(1);opacity:1}}.vn-pointer-disabled{pointer-events:none}.vn-pointer-disabled>:not(.vn-pointer-disabled){pointer-events:auto}.vn-waiting{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);text-align:center;z-index:10;animation:vn-waiting-pulse 2s ease-in-out infinite}.vn-waiting__text{color:rgba(255,255,255,.5);font-size:1.1rem;font-style:italic;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes vn-waiting-pulse{0%,to{opacity:.5}50%{opacity:1}}.vn-composer{position:absolute;left:50%;bottom:calc(var(--cookie-banner-height, 0px) + var(--vn-keyboard-height, 0px) + var(--vn-bottom-bar, 2.5rem));transform:translateX(-50%);width:min(720px,100% - 48px);z-index:20;cursor:default;pointer-events:auto}.vn-composer--open{display:flex;flex-direction:column;gap:8px;padding-bottom:6px}.vn-composer__head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vn-composer__chip{min-height:44px;min-width:44px;padding:6px 14px;border-radius:999px;border:1px solid var(--vn-dialog-border-color,rgba(255,255,255,.18));background-color:var(--vn-dialog-bg-color,rgba(0,0,0,.72));backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);color:var(--vn-text-color,#f7f7f7);font-family:var(--vn-font-family,inherit);font-size:.9rem;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.vn-composer__chip:hover{background-color:color-mix(in srgb,var(--vn-dialog-bg-color,rgba(0,0,0,.72)) 80%,#fff 20%)}.vn-composer__chip:focus,.vn-composer__chip:focus-visible{outline:2px solid var(--vn-text-color,#f7f7f7);outline-offset:2px}.vn-composer__footer{padding:4px 10px;border-radius:8px;background-color:var(--vn-dialog-bg-color,rgba(0,0,0,.72));backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2)}.vn-composer__form{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:6px;box-shadow:0 4px 16px rgba(0,0,0,.3)}.vn-composer__input{flex:1 1 auto;min-width:0;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);border-radius:6px;outline:none;color:var(--vn-text-color,#fff);font-family:var(--vn-font-family,inherit);font-size:.95rem;line-height:24px;min-height:44px;padding:10px 14px;box-sizing:border-box;resize:none;overflow-y:hidden;transition:background .15s ease,border-color .15s ease}.vn-composer__input:focus{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.35);overflow-y:auto}.vn-composer__input::placeholder{color:rgba(255,255,255,.55);font-style:italic}.vn-composer__voice{flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;color:var(--vn-text-color,#fff);cursor:pointer;overflow:visible}.vn-composer__voice,.vn-composer__voice .voice-button-container{width:44px;height:44px}.vn-composer__voice .voice-button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.9);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.vn-composer__voice .voice-button:hover:not(:disabled){background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);color:#fff}.vn-composer__voice .voice-button:active:not(:disabled){transform:scale(.94)}.vn-composer__voice .voice-button:focus-visible{outline:2px solid var(--accent-warm,#e8b86b);outline-offset:2px}.vn-composer__trailing{flex:0 0 auto;display:inline-flex;align-items:center}.vn-composer__button{flex:0 0 auto;white-space:nowrap;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 14px;min-height:44px;min-width:44px;background:rgba(255,255,255,.08);color:var(--vn-text-color,#fff);font-family:var(--vn-font-family,inherit);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.vn-composer__button:hover:not(:disabled){background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}.vn-composer__button:disabled{opacity:.4;cursor:not-allowed}.vn-composer__button--send{background:color-mix(in srgb,var(--accent,#6366f1) 35%,rgba(255,255,255,.06));border-color:color-mix(in srgb,var(--accent,#6366f1) 55%,rgba(255,255,255,.2))}.vn-composer__button--send:hover:not(:disabled){background:color-mix(in srgb,var(--accent,#6366f1) 55%,rgba(255,255,255,.06))}.vn-composer__button--advance{background:rgba(255,255,255,.16)}.vn-composer__button--advance:hover:not(:disabled){background:rgba(255,255,255,.26)}.vn-composer__continue-floating{position:absolute;bottom:calc(100% + 12px);right:8px;white-space:nowrap;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 14px;min-height:36px;background:rgba(20,20,32,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--vn-text-color,#fff);font-family:var(--vn-font-family,inherit);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.4);animation:vn-continue-fade-in .18s ease-out;transition:background .15s ease,border-color .15s ease,transform .1s ease}.vn-composer__continue-floating:hover:not(:disabled){background:rgba(40,40,56,.95);border-color:rgba(255,255,255,.45)}.vn-composer__continue-floating:active:not(:disabled){transform:scale(.97)}.vn-composer__continue-floating:disabled{opacity:.4;cursor:not-allowed}@keyframes vn-continue-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vn-composer__more-floating{position:absolute;bottom:calc(100% + 12px);right:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:rgba(0,0,0,0);color:var(--vn-text-color,#fff);font-size:1.1rem;cursor:pointer;animation:vn-continue-fade-in .18s ease-out}.vn-composer__more-floating:focus-visible{outline:2px solid var(--vn-text-color,#fff);outline-offset:2px}@media(max-width:560px){.vn-composer{width:calc(100% - 24px)}.vn-composer__form{gap:6px;padding:5px}.vn-composer__button--send{padding-inline:10px}}.vn-hud{position:absolute;top:14px;right:14px;z-index:6;display:flex;flex-direction:column;gap:6px;min-width:180px;padding:10px 12px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-family:var(--vn-font-family,inherit);color:var(--vn-text-color,#fff);pointer-events:auto;cursor:default}.vn-hud__meter{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:6px;font-size:.78rem}.vn-hud__meter-label{color:rgba(255,255,255,.7);font-weight:600;letter-spacing:.04em}.vn-hud__meter-value{color:rgba(255,255,255,.85);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vn-hud__bar{position:relative;height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}.vn-hud__fill{position:absolute;inset:0 auto 0 0;border-radius:3px;transition:width .2s ease}.vn-hud__meter--hp .vn-hud__fill{background:linear-gradient(90deg,#ef4444,#f87171)}.vn-hud__meter--stamina .vn-hud__fill{background:linear-gradient(90deg,#10b981,#34d399)}.vn-hud__badges{display:flex;gap:6px;flex-wrap:wrap}.vn-hud__badge{padding:2px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.72rem;color:rgba(255,255,255,.85)}@media(prefers-reduced-motion:reduce){.vn-bg--cur{animation:none;opacity:1}.vn-bg--prev{opacity:0}.vn-bg--prev,.vn-character--entering{animation:none}.vn-character--exiting{animation:none;opacity:0}.vn-character-sprite{transition:none}.vn-composer__continue-floating,.vn-composer__more-floating{animation:none}}.vn-layer--video{z-index:0}.vn-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vn-layer--images{z-index:2;pointer-events:none}.vn-overlay-image{position:absolute;max-width:80%;max-height:80%;object-fit:contain}.vn-overlay-image--center{left:50%;top:50%;transform:translate(-50%,-50%)}.vn-overlay-image--left{left:5%;top:50%;transform:translateY(-50%)}.vn-overlay-image--right{right:5%;top:50%;transform:translateY(-50%)}.vn-overlay-image--far-left{left:0;top:50%;transform:translateY(-50%)}.vn-overlay-image--far-right{right:0;top:50%;transform:translateY(-50%)}.vn-overlay-image--placeholder{width:40%;height:40%;border:.15rem dashed rgba(255,255,255,.35);border-radius:.4rem}.vn-character-portrait-card{display:flex;align-items:flex-end;height:min(100%,24rem);aspect-ratio:3/4;border:1px solid rgba(255,255,255,.18);border-radius:.5rem;overflow:hidden;background:#14111c;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.4)}.vn-character-portrait-card img{width:100%;height:100%;object-fit:cover}