:root{--vn-ink:#f3f1ea;--vn-ink-dim:#b9c0d6;--vn-box:rgba(10,14,28,0.78);--vn-box-border:rgba(150,170,230,0.35);--vn-accent:#8fb2ff;--vn-shadow:0 10px 40px rgba(0,0,0,0.45);--vn-font:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#05070f;color:var(--vn-ink);font-family:var(--vn-font);-webkit-font-smoothing:antialiased}.vn-root{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vn-bg{position:absolute;inset:0;background:#0b1024;transition:background-image .6s ease}.vn-bg-empty{background:radial-gradient(120% 90% at 50% 20%,#1a2244,#05070f)}.vn-bg-grain{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 0);background-size:3px 3px;mix-blend-mode:screen;pointer-events:none}.vn-bg-label{position:absolute;right:14px;bottom:12px;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.28)}.vn-stage{inset:0;pointer-events:none}.vn-stage,.vn-stage-slot{position:absolute;display:flex;align-items:flex-end;justify-content:center}.vn-stage-slot{bottom:0;height:78%;width:34%;max-width:420px;transition:transform .4s ease,filter .4s ease,opacity .4s ease}.vn-stage-slot.pos-center{left:50%;transform:translateX(-50%)}.vn-stage-slot.pos-left{left:8%}.vn-stage-slot.pos-right{right:8%}.vn-sprite{position:relative;height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45));transition:opacity .4s ease,filter .4s ease}.vn-sprite.is-dim{opacity:.55;filter:brightness(.6) drop-shadow(0 8px 24px rgba(0,0,0,.45))}.vn-sprite-name{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:13px;letter-spacing:.05em;white-space:nowrap;background:rgba(8,11,22,.66);border:1px solid;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vn-sprite-name em{font-style:normal;font-size:10px;color:var(--vn-ink-dim)}.vn-topbar{position:absolute;top:12px;right:14px;z-index:30;display:flex;gap:8px}.vn-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--vn-box-border);background:rgba(10,14,28,.6);color:var(--vn-ink);font-family:inherit;font-size:12px;letter-spacing:.06em;padding:7px 12px;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,border-color .2s,transform .1s}.vn-chip:hover{background:rgba(40,52,94,.7)}.vn-chip:active{transform:translateY(1px)}.vn-chip:disabled{opacity:.4;cursor:default}.vn-chip.on{border-color:var(--vn-accent);color:var(--vn-accent)}.vn-advance-zone{inset:0;z-index:10;border:0;background:transparent}.vn-advance-zone,.vn-textbox{position:absolute;cursor:pointer}.vn-textbox{left:50%;bottom:4%;transform:translateX(-50%);z-index:20;width:min(92%,900px);min-height:132px;padding:20px 28px 26px;background:var(--vn-box);border:1px solid var(--vn-box-border);border-radius:16px;box-shadow:var(--vn-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vn-textbox.is-narration{background:rgba(8,11,22,.62);text-align:center}.vn-name{position:absolute;top:-16px;left:22px;padding:4px 16px;font-size:15px;font-weight:700;letter-spacing:.06em;background:rgba(8,11,22,.92);border:1px solid var(--vn-box-border);border-radius:999px}.vn-text{margin:6px 0 0;font-size:18px;line-height:1.9;letter-spacing:.02em;min-height:1.9em}.is-narration .vn-text{color:#e7ecff}.vn-next-cue{position:absolute;right:18px;bottom:10px;font-size:13px;color:var(--vn-accent);animation:vn-bounce 1.1s infinite}@keyframes vn-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(3px);opacity:1}}.vn-choices{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:25;width:min(86%,620px);display:flex;flex-direction:column;gap:12px;align-items:center}.vn-choices-prompt{margin:0 0 4px;font-size:14px;color:var(--vn-ink-dim);letter-spacing:.08em}.vn-choice{width:100%;padding:15px 20px;font-family:inherit;font-size:16px;color:var(--vn-ink);background:rgba(18,24,48,.86);border:1px solid var(--vn-box-border);border-radius:12px;cursor:pointer;transition:background .18s,border-color .18s,transform .1s}.vn-choice:hover{background:rgba(52,70,130,.92);border-color:var(--vn-accent)}.vn-choice:active{transform:translateY(1px)}.vn-end{position:absolute;inset:0;z-index:26;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(5,7,15,.86);cursor:default}.vn-end p{font-size:24px;letter-spacing:.12em}.vn-end span{font-size:13px;color:var(--vn-ink-dim)}.vn-log{position:absolute;inset:0;z-index:40;background:rgba(3,5,12,.72);display:flex;align-items:center;justify-content:center}.vn-log-panel{width:min(92%,720px);max-height:80%;display:flex;flex-direction:column;background:rgba(12,16,30,.96);border:1px solid var(--vn-box-border);border-radius:14px;overflow:hidden}.vn-log-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--vn-box-border);font-size:14px;letter-spacing:.08em}.vn-log-body{padding:16px 20px;overflow-y:auto}.vn-log-body p{margin:0 0 12px;font-size:15px;line-height:1.8}.vn-log-body p.is-narration{color:var(--vn-ink-dim);font-style:italic}.vn-log-body strong{display:inline-block;margin-right:8px;color:var(--vn-accent)}.vn-title{display:flex;align-items:center;justify-content:center}.vn-title-inner{position:relative;z-index:5;text-align:center;padding:24px}.vn-title-main{margin:0;font-size:clamp(32px,6vw,64px);letter-spacing:.05em;line-height:1.18;font-weight:800;background:linear-gradient(180deg,#ffffff,#aebfff 70%,#7e93e0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 30px rgba(120,150,255,.25)}.vn-title-sub{margin:8px 0 36px;font-size:14px;letter-spacing:.3em;color:var(--vn-ink-dim)}.vn-title-menu{display:flex;flex-direction:column;gap:14px;align-items:center}.vn-btn{min-width:240px;padding:14px 28px;font-family:inherit;font-size:17px;letter-spacing:.1em;color:var(--vn-ink);background:rgba(16,22,44,.7);border:1px solid var(--vn-box-border);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.vn-btn:hover{background:rgba(48,64,120,.8);border-color:var(--vn-accent)}.vn-btn:active{transform:translateY(1px)}.vn-btn:disabled{opacity:.4;cursor:default}.vn-btn-primary{background:linear-gradient(180deg,rgba(86,116,220,.9),rgba(52,74,160,.9));border-color:var(--vn-accent)}.vn-title-notice{margin:30px auto 0;max-width:420px;font-size:12px;line-height:1.7;color:rgba(220,228,255,.55)}.vn-title-foot{margin-top:18px;font-size:11px;letter-spacing:.06em;color:rgba(220,228,255,.32)}.vn-toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:50;padding:10px 20px;font-size:13px;letter-spacing:.06em;background:rgba(8,11,22,.92);border:1px solid var(--vn-box-border);border-radius:999px;animation:vn-fade .25s ease}@keyframes vn-fade{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.vn-text{font-size:16px;line-height:1.8}.vn-stage-slot{width:60%}}.vn-text{font-size:calc(18px * var(--vn-font-scale, 1))}.vn-menu-toggle{font-size:15px;line-height:1;padding:7px 11px}.vn-routeselect{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.vn-route-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;width:min(96%,920px)}.vn-route-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;cursor:pointer;background:rgba(10,14,28,.78);border:1px solid var(--vn-box-border);border-radius:14px;color:var(--vn-ink);transition:transform .12s,background .18s,box-shadow .18s}.vn-route-card:hover{transform:translateY(-3px);background:rgba(22,30,58,.92);box-shadow:0 10px 30px rgba(0,0,0,.4)}.vn-route-portrait{width:100%;height:132px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.vn-route-portrait .vn-sprite{height:150px}.vn-route-portrait .vn-sprite-name{display:none}.vn-route-info{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.vn-route-name{font-size:16px;font-weight:700;letter-spacing:.04em}.vn-route-sub{font-size:11px;color:var(--vn-ink-dim)}.vn-route-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:2px}.vn-route-tags em{font-style:normal;font-size:10.5px;color:var(--vn-ink-dim);border:1px solid var(--vn-box-border);border-radius:999px;padding:2px 8px}.vn-modal{position:absolute;inset:0;z-index:42;background:rgba(3,5,12,.72);display:flex;align-items:center;justify-content:center}.vn-modal-panel{width:min(92%,520px);background:rgba(12,16,30,.97);border:1px solid var(--vn-box-border);border-radius:14px;overflow:hidden}.vn-settings{padding:18px 20px;display:flex;flex-direction:column;gap:18px}.vn-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.vn-setting-row>label{font-size:14px;color:var(--vn-ink)}.vn-seg{display:flex;gap:6px}.vn-seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--vn-box-border);background:rgba(10,14,28,.6);color:var(--vn-ink);font-family:inherit;font-size:13px;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.vn-seg-btn:hover{background:rgba(40,52,94,.7)}.vn-seg-btn.on{border-color:var(--vn-accent);color:var(--vn-accent);background:rgba(40,52,94,.5)}.vn-slots{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.vn-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;text-align:left;background:rgba(18,24,48,.7);border:1px solid var(--vn-box-border);border-radius:10px;color:var(--vn-ink);transition:background .15s,border-color .15s}.vn-slot:hover:not(:disabled){background:rgba(52,70,130,.6);border-color:var(--vn-accent)}.vn-slot:disabled{opacity:.4;cursor:default}.vn-slot-label{font-size:14px;font-weight:500}.vn-slot-meta{font-size:12px;color:var(--vn-ink-dim)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.vn-next-cue{animation:none!important}}.vn-choice{font-size:calc(16px * var(--vn-font-scale, 1))}.vn-choices-prompt{font-size:calc(14px * var(--vn-font-scale, 1))}.vn-log-body p,.vn-name{font-size:calc(15px * var(--vn-font-scale, 1))}.vn-route-name{font-size:calc(16px * var(--vn-font-scale, 1))}.vn-slot-label{font-size:calc(14px * var(--vn-font-scale, 1))}.vn-name{border-color:var(--vn-speaker,var(--vn-box-border));color:var(--vn-speaker,var(--vn-ink))}@supports (color:color-mix(in srgb,red 50%,white)){.vn-name{color:color-mix(in srgb,var(--vn-speaker,var(--vn-ink)) 72%,#ffffff)}}.vn-textbox:not(.is-narration){box-shadow:var(--vn-shadow),inset 3px 0 0 var(--vn-speaker,transparent)}.vn-next-cue{color:var(--vn-speaker,var(--vn-accent))}.vn-next-cue.is-typing{opacity:.3;animation:none}@media (max-width:640px){.vn-topbar{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px);row-gap:6px}.vn-chip{font-size:13px;padding:9px 13px}.vn-route-cards{grid-template-columns:repeat(2,1fr)}.vn-text{font-size:calc(16px * var(--vn-font-scale, 1))}}.vn-title-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:2px 0 30px}.vn-title-tag{letter-spacing:.04em;border:1px solid var(--vn-box-border);border-radius:999px;padding:4px 12px;background:rgba(10,14,28,.45)}.vn-title-progress,.vn-title-tag{font-size:12px;color:var(--vn-ink-dim)}.vn-title-progress{margin-top:16px;letter-spacing:.08em}.vn-onboard{position:absolute;inset:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:rgba(3,5,12,.82);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.vn-onboard h3{margin:0;font-size:18px;letter-spacing:.08em}.vn-onboard p{margin:0;max-width:440px;font-size:14px;line-height:1.9;color:var(--vn-ink-dim)}.vn-onboard-cue{margin-top:6px;font-size:12px;letter-spacing:.12em;color:var(--vn-accent)}.vn-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;padding:18px;overflow-y:auto}.vn-gallery-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;background:rgba(18,24,48,.6);border:1px solid var(--vn-box-border);text-align:center}.vn-gallery-card.is-locked{opacity:.5}.vn-gallery-portrait{width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.vn-gallery-portrait .vn-sprite{height:130px}.vn-gallery-portrait .vn-sprite-name{display:none}.vn-gallery-lock{height:120px;display:flex;align-items:center;font-size:30px;color:var(--vn-ink-dim)}.vn-gallery-name{font-size:calc(14px * var(--vn-font-scale, 1));font-weight:700}.vn-gallery-meta{font-size:11px;color:var(--vn-ink-dim)}.vn-end-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.vn-end-actions .vn-btn{min-width:220px}.vn-confirm-body{padding:22px 20px;text-align:center}.vn-confirm-body p{margin:0 0 18px;font-size:14px;line-height:1.8}.vn-confirm-actions{display:flex;gap:10px;justify-content:center}.vn-mode-pill{position:absolute;top:12px;left:14px;z-index:30;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--vn-accent);background:rgba(10,14,28,.72);border:1px solid var(--vn-accent);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .1s}.vn-mode-pill:hover{background:rgba(40,52,94,.8)}.vn-mode-pill:active{transform:translateY(1px)}.vn-dim{position:absolute;inset:0;z-index:24;background:rgba(4,6,14,.45);pointer-events:none}.vn-routeselect{background:rgba(4,6,14,.55)}.vn-route-hint{margin:-6px 0 2px;font-size:11.5px;letter-spacing:.04em;color:var(--vn-ink-dim);text-align:center}.vn-title-last{margin-top:16px;font-size:12px;letter-spacing:.06em;color:var(--vn-ink-dim)}.vn-io{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:4px 18px 0}.vn-io-label{font-size:12px;letter-spacing:.08em;color:var(--vn-ink-dim)}.vn-io-note{margin:8px 0 0;padding:0 18px 16px;font-size:11.5px;line-height:1.7;color:var(--vn-ink-dim);opacity:.85}.vn-end-progress{margin-top:14px;font-size:12.5px;letter-spacing:.06em;color:var(--vn-ink-dim)}.vn-log-where{font-style:normal;font-weight:400;color:var(--vn-ink-dim);margin-left:2px}.vn-settings-foot{margin-top:2px;padding:14px 20px 18px;border-top:1px solid var(--vn-box-border);font-size:12px;line-height:1.8;color:var(--vn-ink-dim)}.vn-settings-foot a{color:var(--vn-accent)}