:root{--cream:#f5efe6;--beige:#e9ddcb;--sand:#d8c3a8;--latte:#b89878;--brown:#6b4e3d;--espresso:#3a2a20;--lamp:#e8843a;--chrome:#c8cbd0;--lavender:#b7a4d6;--ink:#1f1b18;--teal:#5cc4b6;--font-serif:"Cormorant Garamond", "Times New Roman", serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-pixel:"Pixelify Sans", "Press Start 2P", monospace;--pscale:2;--radius:14px;--shadow:0 18px 50px -18px #3a2a2073;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (resolution>=2x){:root{--pscale:2.5}}*{box-sizing:border-box}html,body,#root{background:var(--cream);height:100%;color:var(--espresso);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-font{font-family:var(--font-pixel);letter-spacing:.02em}.serif{font-family:var(--font-serif)}.viewport{background:var(--cream);position:fixed;inset:0;overflow:hidden}.stage-wrap{position:absolute;inset:0;overflow:hidden}.stage{transform-origin:50%;width:1600px;height:900px;position:absolute;top:50%;left:50%}.stage>svg.backdrop{pointer-events:none;width:2600px;height:1600px;position:absolute;top:-350px;left:-500px}.sprite-abs{pointer-events:none;position:absolute}.clickable{pointer-events:auto;cursor:pointer;transition:filter .2s,transform .2s}.clickable:hover{filter:drop-shadow(0 0 10px #e8843a8c)brightness(1.04)}.btn{appearance:none;border:1.5px solid var(--espresso);color:var(--espresso);font-family:var(--font-ui);letter-spacing:.01em;background:#f5efe6f5;border-radius:999px;padding:.7em 1.5em;font-size:16px;font-weight:500;transition:background .2s,color .2s,transform .15s,box-shadow .2s;box-shadow:0 6px 18px -10px #3a2a2080}.btn:hover:not(:disabled){background:var(--espresso);color:var(--cream)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--espresso);color:var(--cream)}.btn.primary:hover:not(:disabled){background:var(--brown)}.btn.ghost{box-shadow:none;background:0 0}.btn.small{padding:.45em 1em;font-size:13px}.btn.pixel-btn{font-family:var(--font-pixel);letter-spacing:.04em;border-radius:6px}.icon-btn{appearance:none;-webkit-backdrop-filter:blur(8px);min-width:40px;height:40px;font-family:var(--font-pixel);color:var(--espresso);background:#f5efe6d9;border:1px solid #3a2a2040;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}.icon-btn:hover{background:var(--cream);border-color:#3a2a2080}.hud{pointer-events:none;z-index:30;justify-content:space-between;align-items:flex-start;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-center{font-family:var(--font-pixel);color:var(--espresso);white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:#f5efe6cc;border:1px solid #3a2a202e;border-radius:999px;padding:6px 16px;font-size:14px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.test-badge{font-family:var(--font-pixel);background:var(--lamp);color:#fff;border-radius:6px;padding:3px 8px;font-size:12px}.dialogue-layer{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:14px;padding:0 16px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.dialogue-layer>*{pointer-events:auto}.dialogue{width:min(980px,100%);min-height:150px;box-shadow:var(--shadow), inset 0 0 0 4px #f5efe6ed, inset 0 0 0 5px #3a2a2026;-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5efe6ed;border:1px solid #3a2a2066;border-radius:10px;align-items:stretch;gap:20px;padding:16px 22px 18px 16px;display:flex;position:relative}.dialogue.on-white{background:#ffffffdb;border-color:#1f1b1824;box-shadow:0 20px 60px -30px #1f1b1840}.dialogue .portrait-frame{width:calc(64px * var(--pscale) + 8px);height:calc(64px * var(--pscale) + 8px);background:linear-gradient(#fbf6ee,#efe4d3);border:1px solid #3a2a204d;border-radius:8px;flex:none;justify-content:center;align-self:center;align-items:flex-end;display:flex;overflow:hidden}.dialogue .portrait-frame img{width:calc(64px * var(--pscale));height:calc(64px * var(--pscale))}.dialogue .body{flex-direction:column;flex:1;gap:8px;min-width:0;padding-top:4px;display:flex}.dialogue .name{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--brown);font-size:18px}.dialogue .text{font-family:var(--font-ui);color:var(--espresso);white-space:pre-wrap;font-size:19px;line-height:1.5}.dialogue .more{font-family:var(--font-pixel);color:var(--lamp);font-size:14px;animation:.9s ease-in-out infinite bob;position:absolute;bottom:12px;right:18px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.panel-layer{z-index:35;pointer-events:none;justify-content:center;align-items:center;padding:80px 16px 220px;display:flex;position:absolute;inset:0}.panel-layer>*{pointer-events:auto}.panel{border-radius:var(--radius);width:min(560px,100%);max-height:100%;box-shadow:var(--shadow);background:#faf6eff7;border:1px solid #3a2a2040;padding:26px 28px;overflow:auto}.panel.wide{width:min(860px,100%)}.panel h3{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--latte);margin:0 0 4px;font-size:15px;font-weight:500}.panel .hint{color:var(--brown);opacity:.8;margin:0 0 16px;font-size:14px}.field{width:100%;font:inherit;color:var(--espresso);background:#fff;border:1px solid #3a2a204d;border-radius:10px;outline:none;padding:12px 14px;font-size:18px;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:var(--lamp);box-shadow:0 0 0 4px #e8843a26}textarea.field{resize:vertical;min-height:170px;line-height:1.5}.row{align-items:center;gap:12px;display:flex}.row.end{justify-content:flex-end}.stack{flex-direction:column;gap:12px;display:flex}.option{appearance:none;text-align:left;background:#fff;border:1px solid #3a2a2040;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:17px;transition:border-color .15s,background .15s,transform .1s;display:flex}.option:hover:not(:disabled){border-color:var(--lamp);background:#fffaf3}.option .key{font-family:var(--font-pixel);color:var(--latte);width:22px}.option.wrong{background:#fff1ee;border-color:#c0574a}.shake{animation:.42s shake-x}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.paper{color:var(--espresso);background-color:#fbf7f0;background-image:radial-gradient(#b8987814 1px,#0000 1px),linear-gradient(#fff9,#e9ddcb59);background-position:0 0;background-repeat:repeat;background-size:6px 6px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #3a2a202e;border-radius:6px;position:relative;box-shadow:0 30px 80px -30px #1f1b188c,inset 0 2px #ffffffb3}.overlay-dim{-webkit-backdrop-filter:blur(3px);z-index:34;background:#1f1b186b;position:absolute;inset:0}.toast{background:var(--espresso);color:var(--cream);font-family:var(--font-pixel);z-index:60;box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:14px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.net-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#f5efe6bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner-dots:after{content:"";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes flask-wave{0%{transform:translate(0)}to{transform:translate(60px)}}@keyframes rain-fall{0%{background-position:0 0,0 0}to{background-position:-56px 260px,-36px 330px}}.door-hotspot{transition:box-shadow .25s,background .25s}.door-hotspot:hover{box-shadow:0 0 0 3px #e8843a73,0 0 50px 6px #e8843a40;background:radial-gradient(at 50% 70%,#ffd6a047,#ffd6a000 70%)!important}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}@media (width<=760px){.dialogue{gap:12px;min-height:120px;padding:12px}.dialogue .text{font-size:16px}.dialogue .portrait-frame{width:88px;height:88px}.dialogue .portrait-frame img{width:80px;height:80px}.hud-center{display:none}.panel{padding:20px}.panel-layer{padding:70px 10px 180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.hud-flask{margin-top:2px}@media (width>=1240px){.hud-flask{position:fixed;bottom:22px;right:18px}}@keyframes flame{0%{opacity:.9;transform:scaleY(1)skew(-3deg)}to{opacity:1;transform:scaleY(1.15)skew(4deg)}}@keyframes neon{0%,to{opacity:1}46%{opacity:1}48%{opacity:.55}50%{opacity:1}52%{opacity:.7}54%{opacity:1}}@keyframes wing{0%{transform:scaleX(1)}to{transform:scaleX(.35)}}@keyframes butterfly-0{0%,to{transform:translate(0)}25%{transform:translate(60px,-30px)}50%{transform:translate(120px,10px)}75%{transform:translate(50px,30px)}}@keyframes butterfly-1{0%,to{transform:translate(0)}30%{transform:translate(-70px,-20px)}60%{transform:translate(-20px,30px)}}