.visual-novel{position:fixed;inset:0;z-index:1200;overflow:hidden;background:#05070a;color:#f4eee0;font-family:Inter,sans-serif}.vn-background{position:absolute;inset:-3%;background-position:center;background-size:cover;filter:saturate(.72) brightness(.56);transform:scale(1.04)}.vn-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.55),transparent 32%,rgba(3,4,7,.38) 58%,rgba(3,4,7,.96)),radial-gradient(circle at 50% 38%,transparent 0 27%,rgba(0,0,0,.67) 100%)}.vn-header{position:absolute;z-index:4;left:34px;right:34px;top:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(199,167,107,.3);padding:0 0 14px}.vn-header small{display:block;color:#c7a76b;font-size:9px;letter-spacing:.2em}.vn-header strong{font-family:Cinzel,serif;font-size:16px;letter-spacing:.12em}.vn-header-actions{display:flex;gap:8px}.vn-header button{border:1px solid rgba(199,167,107,.4);background:rgba(6,8,12,.65);color:#ddd1bc;padding:9px 13px;font:600 8px Inter;letter-spacing:.12em}.vn-stage{position:absolute;inset:68px 0 138px;z-index:2}.vn-sprite{position:absolute;bottom:-10px;max-height:94%;max-width:48%;object-fit:contain;filter:drop-shadow(0 18px 26px #000) drop-shadow(0 0 26px rgba(110,177,196,.14));animation:vn-enter .42s ease both}.vn-sprite.left{left:3%;transform-origin:bottom left}.vn-sprite.right{right:3%;transform:scaleX(-1);transform-origin:bottom right}.vn-dialogue{position:absolute;z-index:6;left:7%;right:7%;bottom:28px;min-height:126px;padding:23px 112px 22px 30px;background:linear-gradient(105deg,rgba(7,10,15,.97),rgba(12,16,23,.91));border:1px solid rgba(199,167,107,.58);box-shadow:0 20px 60px #000,inset 0 0 40px rgba(87,128,150,.05);cursor:pointer}.vn-dialogue:before,.vn-dialogue:after{content:"";position:absolute;width:22px;height:22px;border-color:#c7a76b}.vn-dialogue:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.vn-dialogue:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.vn-dialogue>span{color:#c7a76b;font:700 10px Cinzel;letter-spacing:.18em}.vn-dialogue>p{max-width:980px;margin:9px 0 0;font:500 clamp(14px,1.45vw,20px)/1.55 Inter;color:#f1eadc}.vn-dialogue>#vn-next{position:absolute;right:28px;bottom:24px;border:0;background:transparent;color:#c7a76b;font:700 9px Inter;letter-spacing:.12em}.vn-dialogue>#vn-next b{font-size:24px;vertical-align:-3px}.vn-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.vn-choices button{padding:12px 14px;text-align:left;border:1px solid rgba(199,167,107,.35);background:rgba(199,167,107,.07);color:#efe6d4}.vn-choices b,.vn-choices span{display:block}.vn-choices b{font:700 9px Cinzel;letter-spacing:.1em}.vn-choices span{margin-top:4px;color:#9ca5aa;font-size:10px;line-height:1.4}.vn-log-panel{position:absolute;z-index:8;inset:82px 8% 44px;background:rgba(5,7,11,.96);border:1px solid rgba(199,167,107,.42);padding:28px;overflow:hidden}.vn-log-heading{border-bottom:1px solid rgba(199,167,107,.25);padding-bottom:15px}.vn-log-heading small{color:#c7a76b;font:700 8px Inter;letter-spacing:.2em}.vn-log-heading h2{margin:5px 0 0;font:600 23px Cinzel;letter-spacing:.08em}.vn-log-list{height:calc(100% - 72px);overflow:auto;padding:12px 8px 20px 0}.vn-log-list article{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.vn-log-list article small,.vn-log-list article b{display:block}.vn-log-list article small{color:#727f87;font-size:8px;letter-spacing:.1em}.vn-log-list article b{margin-top:5px;color:#c7a76b;font:700 10px Cinzel}.vn-log-list article p{margin:5px 0 0;color:#d8d5cf;font-size:12px;line-height:1.55}.vn-empty-log{padding:50px;text-align:center;color:#7d8589}.log-mode .vn-stage{opacity:.12}.log-mode #vn-skip,.log-mode #vn-open-log{display:none}@keyframes vn-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.vn-sprite.right{animation-name:vn-enter-right}@keyframes vn-enter-right{from{opacity:0;transform:scaleX(-1) translateY(24px)}to{opacity:1;transform:scaleX(-1) translateY(0)}}
@media(max-width:780px){.vn-header{left:16px;right:16px}.vn-header strong{font-size:12px}.vn-stage{inset:62px 0 188px}.vn-sprite{max-width:72%;max-height:90%}.vn-dialogue{left:12px;right:12px;bottom:12px;padding:18px 20px 52px;min-height:150px}.vn-dialogue>p{font-size:14px}.vn-choices{grid-template-columns:1fr}.vn-log-panel{inset:70px 12px 12px;padding:18px}}