:root{--bg:#070a12;--bg2:#0d1320;--panel:#0f1626;--line:#1d2740;--ink:#e8ecf5;--muted:#8b94a8;--gold:#f5b942;--pos:#8fdc7b;--neg:#ff9aa9;--zero:#aeb6c8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 700px at 50% 0%,#121b30,#070a12 70%);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.screen{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 16px 28px;position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:12px;padding:16px 4px 14px;border-bottom:1px solid var(--line)}.exitbtn{font-size:12px;font-weight:600;color:var(--muted);background:#101a2e;border:1px solid var(--line);padding:6px 12px;border-radius:8px;cursor:pointer}.exitbtn:hover{color:var(--ink);border-color:var(--gold)}.topbar .title{font-size:13px;color:var(--muted)}.topbar .title b{color:var(--ink)}.topbar .scenetag{margin-left:auto;font-size:12px;color:var(--gold);background:#1a1305;border:1px solid #3a2c08;padding:4px 10px;border-radius:20px}.toggles{display:flex;gap:6px;align-items:center}.tg{font-size:13px;line-height:1;background:#101a2e;border:1px solid var(--line);color:var(--muted);width:30px;height:28px;border-radius:8px;cursor:pointer}.tg.on{border-color:var(--gold);color:var(--gold);background:#1a1305}.devbtn{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--muted);background:#101a2e;border:1px solid var(--line);padding:5px 10px;border-radius:8px;cursor:pointer}.devbtn.on{color:#08101f;background:var(--gold);border-color:var(--gold)}.tint{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.28;pointer-events:none;mix-blend-mode:soft-light;z-index:0}.overlays{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.ov-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:flash linear forwards}@keyframes flash{0%{opacity:0}18%{opacity:.5}to{opacity:0}}.ov-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,transparent 52%,rgba(0,0,0,.62) 100%)}.ov-particles{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;color:#ffe7a0;opacity:0;text-shadow:0 0 8px rgba(255,210,120,.9);animation:floatup 1.7s ease-out forwards}@keyframes floatup{0%{opacity:0;transform:translateY(14px) scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.1)}}.enter-fade{animation:fadein ease-out both}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shake-soft{animation:shakeS .42s ease-in-out}.shake-strong{animation:shakeL .5s ease-in-out}@keyframes shakeS{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes shakeL{0%,to{transform:translate(0)}15%{transform:translate(-8px,3px)}30%{transform:translate(8px,-4px)}45%{transform:translate(-7px,-3px)}60%{transform:translate(7px,4px)}75%{transform:translate(-5px,2px)}}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:26px 0}.art{width:160px;height:160px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.5))}.box{width:100%;background:linear-gradient(180deg,#101a2e,#0c1322);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;box-shadow:0 16px 40px #00000059}.box .speaker{margin:0 0 8px;color:var(--gold);font-weight:800;font-size:14px}.box .text{margin:0;font-size:16.5px;line-height:1.85;color:#eaf0fb;min-height:1.85em}.box .prompt{margin:0 0 14px;font-size:17px;font-weight:700}.dots{letter-spacing:8px;color:var(--muted);text-align:center;font-size:20px;margin:6px 0}.next{margin-top:16px;float:right;background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 16px;border-radius:10px;font:inherit;font-size:13px;cursor:pointer}.next:hover{border-color:var(--gold);color:var(--gold)}.inputrow{display:flex;gap:10px}.inputrow input{flex:1;background:#0a1120;border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:10px;font:inherit;font-size:15px}.inputrow input:focus{outline:none;border-color:var(--gold)}.primary{background:var(--gold);color:#08101f;border:none;font-weight:800;padding:12px 20px;border-radius:10px;font:inherit;cursor:pointer}.primary:hover{filter:brightness(1.07)}.choices{display:flex;flex-direction:column;gap:10px;margin-top:18px}.choice{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:#0c1322;border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:12px;font:inherit;font-size:15px;line-height:1.5;cursor:pointer;transition:border-color .15s,transform .05s}.choice:hover{border-color:var(--gold)}.choice:active{transform:translateY(1px)}.eff{font-weight:800;font-size:12px;padding:2px 9px;border-radius:20px;white-space:nowrap}.eff.pos{background:#8fdc7b29;color:var(--pos)}.eff.neg{background:#ff9aa929;color:var(--neg)}.debrief{text-align:center}.dtitle{margin:0 0 16px;font-size:14px;color:var(--muted);letter-spacing:.5px}.dlean{font-size:20px;margin:0 0 8px}.lk{padding:2px 10px;border-radius:10px}.lk.pos{color:var(--pos)}.lk.neg{color:var(--neg)}.lk.zero{color:var(--zero)}.dcareer{color:var(--gold);font-size:14px;margin:0 0 18px}.dnote{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 20px}.dev{position:fixed;right:16px;bottom:16px;width:230px;background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;font-size:12px;box-shadow:0 12px 30px #00000080;max-height:72vh;overflow:auto;z-index:60}.devhead{font-weight:800;color:var(--gold);font-size:11px;letter-spacing:.6px;text-transform:uppercase;margin:8px 0 6px}.devhead:first-child{margin-top:0}.devrow{display:flex;justify-content:space-between;align-items:center;padding:3px 0;color:var(--muted);gap:8px}.devrow code{color:var(--ink);font-size:11px;word-break:break-all;text-align:right}.devrow b.pos,.devlog .pos{color:var(--pos)}.devrow b.neg,.devlog .neg{color:var(--neg)}.devrow b.zero{color:var(--zero)}.devempty{color:var(--muted);font-style:italic}.devlog{display:flex;gap:8px;padding:3px 0;border-top:1px solid var(--line)}.devlog span:first-child{font-weight:800;min-width:22px}.devlog .zero{color:var(--zero)}.devpick{color:var(--ink);font-size:11.5px;line-height:1.4}@media (max-width:520px){.dev{left:16px;right:16px;width:auto}.box .text{font-size:15.5px}}.charlayer{display:flex;justify-content:center;align-items:flex-end;gap:30px;height:150px;width:100%}.char{width:120px;height:150px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));animation:charin .35s ease-out both}.char.slot-left{align-self:flex-end;margin-right:auto}.char.slot-right{align-self:flex-end;margin-left:auto}.char.off{opacity:.55;filter:grayscale(.4) brightness(.7)}@keyframes charin{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}