:root{--bg: #15111c;--bg2: #1d1726;--panel: #241c30;--panel2: #2c2238;--border: #3a2f4d;--text: #e7e0f0;--muted: #a99fc0;--accent: #b98bff;--accent2: #7c5cff;--gold: #e8c468;--green: #58c873;--red: #e2574d;--orange: #ff9d4d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#2a1f3d,var(--bg));color:var(--text)}button{font-family:inherit;cursor:pointer}.start{max-width:640px;margin:8vh auto;padding:2rem;text-align:center}.start h1{font-size:3rem;margin:0;letter-spacing:.1em;background:linear-gradient(90deg,var(--accent),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin-bottom:2rem}.mode-select{display:flex;gap:1rem}.mode{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:1.2rem;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);transition:all .15s}.mode b{font-size:1.1rem}.mode span{color:var(--muted);font-size:.85rem}.mode.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent2) inset}.theme-input,.lang-row select{width:100%;margin-top:1rem;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text)}.lang-row{margin-top:1rem;color:var(--muted)}.lang-row select{width:auto;margin-left:.5rem}.start-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.btn{padding:.6rem 1.1rem;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--text);transition:all .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(90deg,var(--accent2),var(--accent));border:none;color:#fff}.btn.big{padding:.9rem 2rem;font-size:1.1rem}.btn.small{padding:.35rem .8rem;font-size:.85rem}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--border);background:var(--bg2)}.logo{font-weight:700;letter-spacing:.08em;color:var(--accent)}.mode-tag{font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem}.topbar .btn{margin-left:auto}.layout{flex:1;display:grid;grid-template-columns:1fr 320px;gap:1rem;padding:1rem;min-height:0}.center{display:flex;flex-direction:column;min-height:0;gap:.8rem}.narrative{flex:1;overflow-y:auto;padding:1rem 1.2rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;line-height:1.7}.log-event{margin:.6rem 0 1rem}.log-event h3{margin:.2rem 0;color:var(--gold)}.log-event p{margin:.2rem 0}.event-art{width:100%;max-height:200px;object-fit:cover;border-radius:10px;margin-bottom:.5rem}.log-items{margin:.3rem 0}.item-gain{color:var(--green)}.item-miss{color:var(--orange)}.item-gain b,.item-miss b{color:var(--text)}.eff{color:var(--muted);font-size:.9em}.log-challenges{margin:.4rem 0}.challenge{margin:.3rem 0}.ch-name{color:#5cc6e8}.ch-pass{color:var(--green);font-weight:700;margin-left:.3rem}.ch-fail{color:var(--red);font-weight:700;margin-left:.3rem}.ch-info{color:var(--muted);font-style:italic;font-size:.92em}.log-action{color:var(--muted);margin:.5rem 0}.log-result{font-weight:700;margin:.3rem 0 .8rem}.log-result.win{color:var(--green)}.log-result.lose{color:var(--red)}.log-system{color:var(--muted);font-style:italic}.interaction{display:flex;flex-direction:column;gap:.8rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.actions.locked{opacity:.96}.action-card{text-align:left;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);transition:all .15s}.action-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.action-card:disabled{opacity:.45;cursor:not-allowed}.action-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent2) inset}.action-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.action-des{color:var(--muted);font-size:.85rem;margin-top:.2rem}.badge{font-size:.7rem;color:var(--gold);border:1px solid var(--gold);border-radius:6px;padding:0 .35rem}.check-panel{padding:1rem;border-radius:14px;border:1px solid var(--border);background:var(--panel)}.check-head{color:var(--muted);margin-bottom:.6rem}.check-grid{display:flex;align-items:center;gap:1.5rem}.gauge{text-align:center}.gauge-label{font-size:.9rem;margin-top:.2rem}.check-info{display:flex;flex-direction:column;gap:.4rem}.extra-die{color:var(--muted);display:flex;align-items:center;gap:.4rem}.check-actions{margin-top:1rem;display:flex;gap:.8rem;align-items:center}.luck-line{color:var(--muted)}.luck{color:var(--gold);font-weight:700}.reroll-hint{color:var(--muted);font-size:.85rem;font-style:italic}.luck-badge{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.45rem .6rem;margin-bottom:.8rem;border-radius:8px;background:var(--panel2);border:1px solid var(--border);color:var(--muted);font-size:.9rem}.dice-row{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.die{width:56px;height:56px;border-radius:10px}.die-img{object-fit:contain;background:#fff1;padding:2px}.die-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:8px;background:#f4f0fa;border:1px solid #0003}.pip{width:10px;height:10px;border-radius:50%;align-self:center;justify-self:center}.pip.on{background:#221a2e}.die.win{box-shadow:0 0 0 3px var(--green)}.die.lose{box-shadow:0 0 0 3px var(--red)}.result{font-size:1.3rem;font-weight:800;margin-left:.5rem}.result.win{color:var(--green)}.result.lose{color:var(--red)}.result.crit-win{color:var(--gold);text-shadow:0 0 8px var(--green)}.result.crit-lose{color:var(--gold);text-shadow:0 0 8px var(--red)}.side{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:.8rem;overflow-y:auto}.tabs{display:flex;gap:.3rem;margin-bottom:.8rem}.tabs button{flex:1;padding:.45rem;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--muted)}.tabs button.on{color:var(--text);border-color:var(--accent)}.count{background:var(--accent2);color:#fff;border-radius:999px;padding:0 .4rem;font-size:.75rem}.panel-list{display:flex;flex-direction:column;gap:.45rem}.empty{color:var(--muted);font-size:.9rem;padding:1rem 0;text-align:center}.collectible{display:flex;gap:.6rem;align-items:center;padding:.4rem;border-radius:8px;background:var(--panel2)}.thumb{width:40px;height:40px;border-radius:8px;object-fit:cover}.thumb.placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--accent)}.c-name{font-weight:600}.c-eff{color:var(--muted);font-size:.82rem}.stat-row{display:flex;justify-content:space-between;padding:.4rem .6rem;border-radius:8px;background:var(--panel2)}.stat-row .pos{color:var(--green)}.stat-row .neg{color:var(--red)}.ended{text-align:center;padding:1rem}.generating{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text)}.spinner{width:42px;height:42px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--red);margin-top:1rem}.error.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--red);padding:.6rem 1rem;border-radius:10px}@media(max-width:820px){.layout{grid-template-columns:1fr}.side{max-height:240px}.actions{grid-template-columns:1fr}}