:root{--bg:#07080b;--panel:#121218db;--panel-border:#ffffff14;--text:#f2eee8;--muted:#a39d94;--accent:#8b6cff;--gold:#d4af37;--ok:#3ecf8e;--bad:#ff6b6b;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,Segoe UI,Roboto,PingFang SC,sans-serif}button{font:inherit;color:inherit;border:1px solid var(--panel-border);cursor:pointer;background:#ffffff14;border-radius:10px;padding:8px 12px}button.primary{background:var(--accent);color:#fff;border-color:#0000}button.big{width:100%;padding:12px;font-weight:600}button:disabled{opacity:.4;cursor:default}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#ffffff0f;border-radius:10px;width:100%;padding:10px}.setup{flex-direction:column;gap:14px;max-width:420px;margin:0 auto;padding:32px 16px;display:flex}.setup label{flex-direction:column;gap:6px;display:flex}.setup label.check{flex-direction:row;align-items:center;gap:10px}.setup label.check input{width:auto}.muted{color:var(--muted)}.warn{color:var(--bad)}.player{max-width:480px;height:100%;margin:0 auto;position:relative;overflow:hidden}.stage{transition:background .6s;position:absolute;inset:0}.stage-location{letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;font-size:12px;position:absolute;top:64px;left:16px}.sprite{aspect-ratio:3/4.2;background:linear-gradient(#ffffff24,#ffffff08);border:1px solid #ffffff1f;border-radius:40% 40% 12px 12px;place-items:center;width:58%;animation:.28s fadein;display:grid;position:absolute;bottom:32%;left:50%;transform:translate(-50%)}.sprite-initial{color:#ffffff59;font-size:72px;font-weight:700}@keyframes fadein{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)}}.hud{z-index:3;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.hud>div{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:3px 10px}.pin{align-items:center;gap:6px;font-weight:600;display:flex}.pin-dot{border:1px solid #fff6;border-radius:50%;width:10px;height:10px}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.delta .reason{color:var(--muted);margin-left:4px}.metric{color:var(--muted);z-index:3;font-size:11px;position:absolute;top:12px;left:12px}.ai-badge{color:#cbbcff;z-index:3;background:#8b6cff40;border-radius:6px;padding:1px 6px;font-size:10px;position:absolute;top:34px;left:12px}.notice{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);z-index:4;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:40%;left:12px;right:12px}.dialogue{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;min-height:26%;padding:22px 18px 28px;position:absolute;bottom:16px;left:12px;right:12px}.nametag{background:var(--accent);color:#fff;border-radius:8px;padding:3px 12px;font-size:14px;font-weight:700;position:absolute;top:-14px;left:16px}.dialogue-text{white-space:pre-wrap}.dialogue-text.narration{color:#d9d3cb}.dialogue-text.echo{color:#bfb8ff}.action{color:var(--muted);font-style:italic}.dialogue-hint{color:var(--accent);font-size:12px;position:absolute;bottom:8px;right:16px}.dots{color:var(--muted);margin-left:6px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.choices{z-index:2;flex-direction:column;gap:10px;max-height:70%;display:flex;position:absolute;bottom:16px;left:12px;right:12px;overflow-y:auto}.choice{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:8px;padding:14px;display:flex}.choice:hover{border-color:#8b6cff99}.choice-text{flex:1}.choice .edit{color:var(--muted);background:0 0;border:none;padding:0 4px}.choice.editing{cursor:default;flex-direction:column}.choice.editing .row{justify-content:flex-end;gap:8px;width:100%;display:flex}.dice-badge{color:var(--gold);background:#d4af3733;border-radius:6px;margin-right:6px;padding:1px 6px;font-size:12px;display:inline-block}.custom-btn{background:var(--panel)}.custom-input{gap:8px;display:flex}.modal{z-index:5;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.dice-card{border:1px solid var(--panel-border);background:#14121c;border-radius:20px;flex-direction:column;gap:10px;width:86%;padding:20px;display:flex}.dice-goal{font-size:18px;font-weight:700}.dice-row{justify-content:space-between;display:flex}.dice-row.small{color:var(--muted);font-size:13px}.dice-result{text-align:center;padding:8px 0}.dice-result.ok .dice-number,.dice-result.ok .dice-outcome{color:var(--ok)}.dice-result.fail .dice-number,.dice-result.fail .dice-outcome{color:var(--bad)}.dice-number{font-size:56px;font-weight:800}.dice-outcome{font-size:20px;font-weight:700}.end-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);z-index:2;text-align:center;padding:20px;position:absolute;bottom:16px;left:12px;right:12px}.player{height:100dvh}.hud,.metric{top:calc(12px + env(safe-area-inset-top))}.ai-badge{top:calc(34px + env(safe-area-inset-top))}.dialogue,.choices,.end-card{bottom:calc(16px + env(safe-area-inset-bottom))}.setup{padding-top:calc(32px + env(safe-area-inset-top))}@media (width<=480px){body{font-size:17px}.choice{padding:16px 14px}}