.vn-game{--p:#f4f0e8;--i:#10161e;isolation:isolate;min-height:100svh;color:var(--p);background:#08111c;grid-template-rows:auto 1fr auto;font-family:Arial,Helvetica,sans-serif;display:grid;position:relative;overflow:hidden}.vn-image{z-index:-3;background:linear-gradient(90deg,#040c15eb,#040c158c 43%,#040c1526 72%),url(/rain-before-dawn-cover-v4.png) 50%/cover no-repeat;animation:16s ease-in-out infinite alternate vn-breathe;position:absolute;inset:0;transform:scale(1.015)}.vn-grain{z-index:-2;pointer-events:none;opacity:.28;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 4px),repeating-linear-gradient(0deg,#0000001c 0 1px,#0000 1px 5px);position:absolute;inset:0}.vn-header{letter-spacing:.12em;background:#060d1547;border-bottom:1px solid #f4f0e840;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:0 clamp(17px,3.4vw,52px);font:10px/1 Courier New,monospace;display:flex}.vn-header a{letter-spacing:-.06em;font:900 15px/1 Arial,sans-serif}.vn-header a span{color:#e49b63;margin-left:4px;font-size:9px}.vn-header p{color:#f4f0e8ad;margin:0}.vn-controls{gap:7px;display:flex}.vn-header button,.vn-ending button{color:var(--p);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #f4f0e8b3;padding:8px 10px}.vn-header button:hover{color:var(--i);background:var(--p)}.vn-title{text-shadow:0 3px 22px #06111f;align-self:start;padding:clamp(48px,10vh,112px) clamp(17px,7.2vw,116px) 0}.vn-title p,.vn-speaker{color:#e49b63;letter-spacing:.12em;margin:0 0 9px;font:11px Courier New,monospace}.vn-title h1{letter-spacing:-.13em;margin:0;font-size:clamp(54px,9vw,140px);font-weight:900;line-height:.9}.vn-title span{color:#f4f0e8c2;max-width:270px;margin-top:18px;font-size:13px;line-height:1.6;display:block}.vn-stage{align-self:end;width:min(760px,100% - 34px);margin:0 auto clamp(32px,7vh,74px)}.vn-status{color:#f4f0e8bd;letter-spacing:.08em;justify-content:space-between;padding:0 3px 9px;font:10px Courier New,monospace;display:flex}.vn-scene-video{object-fit:cover;background:#070b10;border:1px solid #f4f0e859;width:100%;max-height:250px;margin-bottom:10px;display:block}.vn-dialogue{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091019c7;border:1px solid #f4f0e870;min-height:160px;padding:23px 27px 21px;box-shadow:0 18px 50px #0000003d}.vn-dialogue[role=button]{cursor:pointer}.vn-dialogue.narrator{border-left:4px solid #e49b63}.vn-dialogue.passenger{border-left:4px solid #94b6e5}.vn-line{letter-spacing:.015em;margin:0;font-size:clamp(18px,2.2vw,25px);font-weight:600;line-height:1.66}.vn-dialogue small{color:#f4f0e887;margin-top:15px;font:10px Courier New,monospace;display:block}.vn-choices{gap:8px;margin-top:10px;display:grid}.vn-choices button{width:100%;color:var(--p);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#091019b8;border:1px solid #f4f0e887;grid-template-columns:35px 1fr 20px;align-items:center;gap:12px;padding:15px 17px;font-size:15px;transition:all .18s;display:grid}.vn-choices i{color:#e49b63;font:10px Courier New,monospace}.vn-choices b{font-size:16px;font-weight:400}.vn-choices button:hover,.vn-choices button:focus-visible{color:#121820;background:#e9a56e;border-color:#e9a56e;outline:0}.vn-ending{background:#0d151de0;border:1px solid #e9a56e;padding:25px 27px;box-shadow:0 18px 50px #0000004d}.vn-ending p{color:#e9a56e;margin:0;font:10px Courier New,monospace}.vn-ending h2{letter-spacing:-.08em;margin:12px 0 7px;font-size:clamp(29px,4vw,45px)}.vn-ending span{color:#f4f0e8d4;font-size:15px;line-height:1.65;display:block}.vn-ending button{color:var(--i);background:#e9a56e;border-color:#e9a56e;margin-top:22px}.vn-files{z-index:4;width:min(570px,100% - 34px);color:var(--p);font:10px Courier New,monospace;position:absolute;bottom:50px;right:clamp(17px,3.4vw,52px)}.vn-files summary{cursor:pointer;background:#091019c7;border:1px solid #f4f0e880;justify-content:space-between;padding:10px 12px;list-style:none;display:flex}.vn-files summary::-webkit-details-marker{display:none}.vn-file-panel{background:#091019ed;border:1px solid #f4f0e880;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;padding:8px;display:grid}.vn-file-panel a{color:#f4f0e8c2;gap:7px;font-size:9px;display:grid}.vn-file-panel img{aspect-ratio:16/9;object-fit:cover;object-position:47% center;width:100%;display:block}.vn-file-panel b{color:#e9a56e;font-size:10px;display:block}.vn-footer{color:#f4f0e885;justify-content:space-between;gap:16px;padding:0 clamp(17px,3.4vw,52px) 22px;font:10px Courier New,monospace;display:flex}.vn-footer span:last-child{color:#e49b63}.vn-age-gate{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a11c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vn-age-gate>div{background:#101923;border:1px solid #f4f0e89e;width:min(480px,100%);padding:clamp(27px,5vw,48px);box-shadow:0 25px 90px #0000007a}.vn-age-gate p{color:#e9a56e;margin:0 0 10px;font:10px Courier New,monospace}.vn-age-gate h2{letter-spacing:-.1em;margin:0;font-size:clamp(42px,8vw,68px)}.vn-age-gate span{color:#f4f0e8c4;margin:18px 0 26px;font-size:14px;line-height:1.75;display:block}.vn-age-gate button{color:#101923;cursor:pointer;background:#e9a56e;border:1px solid #e9a56e;width:100%;padding:13px 15px;font:11px Courier New,monospace;display:block}.vn-age-gate a{color:#f4f0e896;text-align:center;margin-top:16px;font:10px Courier New,monospace;display:block}@keyframes vn-breathe{0%{transform:scale(1.015)}to{transform:scale(1.05)translate(-.7%)}}@media (width<=680px){.vn-header{min-height:59px}.vn-header p{display:none}.vn-title{padding-top:52px}.vn-title h1{font-size:clamp(48px,17vw,82px)}.vn-stage{margin-bottom:28px}.vn-dialogue{min-height:170px;padding:19px 18px}.vn-line{font-size:18px}.vn-files{bottom:42px;right:17px}.vn-file-panel{grid-template-columns:1fr;max-height:49vh;overflow:auto}.vn-image{background-position:58%}}@media (prefers-reduced-motion:reduce){.vn-image{animation:none}}