.vn-frame{width:100vw;height:100vh;background-color:#0a0a14;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:background-image .6s ease;cursor:pointer;overflow:hidden}.vn-hud{position:absolute;top:0;left:0;right:0;padding:.6em 1em;display:flex;flex-wrap:wrap;align-items:center;gap:1.5em;background:linear-gradient(180deg,#000000d9,#0000);font-size:.85em;letter-spacing:.1em;color:#d8d8e8;z-index:10;pointer-events:none}.hud-day{color:#f47;font-weight:700;font-size:1.05em;text-shadow:0 0 12px rgba(255,68,119,.8)}.hud-stats{display:flex;gap:1em}.hud-stat{color:#8af;background:#00000080;padding:.15em .6em;border:1px solid rgba(136,170,255,.3);border-radius:3px}.hud-stat.hud-warn{color:#fa4;border-color:#fa49;text-shadow:0 0 8px rgba(255,170,68,.6)}.hud-favour{display:flex;flex-wrap:wrap;gap:.6em;font-size:.92em}.fb{color:#c8c8d8;padding:.1em .4em;background:#0006;border-radius:3px}.fb b.pos{color:#6f9}.fb b.neg{color:#f66}.hud-user{margin-left:auto;color:#888;font-size:.8em}.vn-text-box{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);width:min(92vw,1080px);background:linear-gradient(135deg,#0c0816f7,#160e24fa);border:1px solid rgba(255,68,119,.55);border-radius:10px;padding:1.4em 2em 1.6em;display:flex;flex-direction:column;gap:.9em;color:#f0e8d4;box-shadow:0 16px 48px #000000d9,0 0 28px #ff44772e,inset 0 1px #ffffff0f;z-index:5;cursor:text}.vn-sprite-box{position:absolute;bottom:0;right:max(4vw,calc(44vw - 540px));height:82vh;pointer-events:none;z-index:3;animation:sprite-in .5s ease}.vn-sprite{height:100%;max-height:760px;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 32px rgba(0,0,0,.92)) drop-shadow(0 0 12px rgba(255,68,119,.2))}.vn-sprite-box.sprite-frog{animation:sprite-in .5s ease,frog-float 4s ease-in-out .5s infinite}@keyframes frog-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sprite-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.vn-speaker{position:absolute;top:-1.4em;left:1em;background:linear-gradient(135deg,#f47,#aa2855);color:#fff;font-weight:700;font-size:.92em;letter-spacing:.22em;text-transform:uppercase;padding:.35em 1.3em;border-radius:6px 6px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:0 -3px 12px #f476,0 4px 12px #0009}.vn-text{font-size:1.08em;line-height:1.6;font-family:Georgia,Times New Roman,serif;color:#e6e0d0;min-height:4.5em}.cursor{display:inline-block;margin-left:2px;color:#f47;animation:blink-cursor .7s steps(2) infinite}@keyframes blink-cursor{0%,50%{opacity:1}50.1%,to{opacity:0}}.vn-choices{display:flex;flex-direction:column;gap:.5em;margin-top:.8em;animation:choices-in .4s ease}@keyframes choices-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vn-choice{background:#141423e6;border:1px solid #88aaff;color:#cdf;padding:.85em 1.2em;cursor:pointer;text-align:left;font-size:1em;font-family:Georgia,serif;transition:all .18s ease;border-left-width:3px}.vn-choice:hover{background:#f47;color:#0a0500;border-color:#f47;transform:translate(4px);box-shadow:0 0 16px #ff447780}.vn-thinking{margin-top:1em;text-align:center;color:#8af;font-size:1.5em;letter-spacing:.2em}.vn-ending{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:4em 2em 3em;text-align:center;gap:1em;margin-top:4em;background:linear-gradient(180deg,#0009,#000000f2)}.vn-win{background:linear-gradient(180deg,#142850b3,#000000f2)}.vn-middle{background:linear-gradient(180deg,#503c14b3,#000000f2)}.ending-title.middle{color:#f0c040;text-shadow:0 0 30px rgba(240,192,64,.6)}.ending-title{font-size:4.5em;letter-spacing:.4em;font-family:Impact,Arial Black,sans-serif;margin-bottom:.3em;animation:ending-fade 1.4s ease}.ending-title.gameover{color:#f34;text-shadow:0 0 30px rgba(255,51,68,.7)}.vn-win .ending-title{color:#4f9;text-shadow:0 0 40px rgba(68,255,153,.7)}@keyframes ending-fade{0%{opacity:0;transform:scale(1.5);letter-spacing:1em}to{opacity:1;transform:scale(1);letter-spacing:.4em}}.ending-subtitle{color:#fc4;font-size:1.3em;font-style:italic;letter-spacing:.1em;border-top:1px solid #88aaff;border-bottom:1px solid #88aaff;padding:.8em 1.5em;max-width:800px}.ending-text{color:#e6e0d0;font-family:Georgia,serif;font-size:1.1em;line-height:1.7;max-width:700px;margin:1em 0}.vn-restart{background:#141423e6;border:2px solid #88aaff;color:#8af;padding:1em 2.5em;font-size:1.1em;font-family:Georgia,serif;letter-spacing:.1em;cursor:pointer;margin-top:1em;transition:all .2s}.vn-restart:hover{background:#8af;color:#0a0500;box-shadow:0 0 20px #88aaffb3}.vn-restart-win{border-color:#4f9;color:#4f9}.vn-restart-win:hover{background:#4f9;box-shadow:0 0 24px #4f9c}.vn-loading,.vn-error{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1em;background:#0a0a14;color:#8af;font-size:1.3em;letter-spacing:.15em}.vn-error{color:#f44;padding:2em;text-align:center}.vn-error-actions{display:flex;gap:1em;flex-wrap:wrap;justify-content:center}.dots{display:inline-block;animation:dots 1.4s steps(4) infinite;width:1.5em;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Courier New,Consolas,monospace;background:#0a0a0a;color:#d4af37;-webkit-font-smoothing:antialiased}button{font-family:inherit}