:root{color:#221f1b;background:#f6f4ef;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html,body,#app{height:100%}*{box-sizing:border-box}body{margin:0;min-width:1040px;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,rgba(38,98,92,.08),transparent 34%),linear-gradient(315deg,rgba(140,35,42,.08),transparent 40%),#f6f4ef}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;min-height:0;overflow:hidden;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.topbar h1{margin:0;font-size:28px;letter-spacing:0}.topbar p{margin:6px 0 0;color:#665f55}.topbar-actions{display:inline-flex;align-items:center;gap:8px}.topbar>.ghost-button{margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(280px,310px) minmax(0,1fr) minmax(320px,360px);gap:16px;align-items:stretch;min-height:0;overflow:hidden}.left-rail,.center-stage,.right-rail{display:grid;gap:16px;align-content:start;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.panel{min-width:0;border:1px solid #ddd6cb;border-radius:8px;background:#fffdf8eb;box-shadow:0 10px 24px #231f1a0d;padding:14px}.panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#2c5d58}.panel-header h2{margin:0;font-size:16px}.inference-progress{display:grid;min-height:58px;gap:6px;margin:-2px 0 12px;padding-bottom:12px;border-bottom:1px solid #e2dbd0}.inference-progress header,.inference-progress header span{display:flex;align-items:center;gap:7px}.inference-progress header{justify-content:space-between;min-width:0;color:#2c5d58;font-size:12px}.inference-progress header span{min-width:0}.inference-progress header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inference-progress header b{flex:0 0 auto;font-size:12px}.inference-progress small{overflow-wrap:anywhere;color:#6d655c;font-size:11px;line-height:1.35}.inference-progress-track{position:relative;width:100%;height:7px;overflow:hidden;border-radius:4px;background:#e5e1da}.inference-progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:#2c827b;transition:width .16s ease}.inference-progress-track.indeterminate>span{width:34%;animation:inference-progress-scan 1.1s ease-in-out infinite}.inference-progress.is-complete .inference-progress-track>span{background:#39765f}.inference-progress.is-error,.inference-progress.is-error header{color:#8c232a}.inference-progress.is-error .inference-progress-track>span{background:#a53b43}.progress-spinner{flex:0 0 auto;animation:inference-progress-spin .9s linear infinite}@keyframes inference-progress-scan{0%{transform:translate(-110%)}to{transform:translate(300%)}}@keyframes inference-progress-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.inference-progress-track.indeterminate>span,.progress-spinner{animation-duration:2.4s}}.field-grid{display:grid;gap:10px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:5px;color:#625a50;font-size:12px;font-weight:650}input,select{width:100%;min-width:0;min-height:34px;border:1px solid #cec6ba;border-radius:6px;background:#fffefa;color:#221f1b;padding:7px 9px;outline:none}input:focus,select:focus{border-color:#2c827b;box-shadow:0 0 0 3px #2c827b26}input.invalid{border-color:#a83a42;color:#8d252d}.ghost-button,.primary-button,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:400;border:1px solid #cfc6b8;border-radius:6px;background:#fffefa;color:#25221d;min-height:34px;padding:7px 11px}.primary-button{border-color:#1f6f69;background:#236f68;color:#fffefa;min-width:86px}.ghost-button:hover,.primary-button:hover,.text-button:hover,.icon-button:hover{border-color:#2c827b;color:#1e625d}.primary-button:hover{background:#1f625d;color:#fffefa}button:disabled{cursor:default;opacity:.62}button:disabled:hover{border-color:#cfc6b8;color:inherit}.primary-button:disabled:hover{border-color:#1f6f69;background:#236f68;color:#fffefa}.icon-button{width:34px;padding:0}.role-pool,.timeline{display:grid;gap:8px}.role-pool-add{margin-top:12px}.role-row{display:grid;grid-template-columns:1fr 52px 52px 34px;gap:6px;align-items:center}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));align-items:start;gap:10px;min-width:0}.player-tile{display:grid;gap:8px;min-width:0;border:1px solid #e1dbd0;border-radius:8px;background:#fffefa;padding:10px}.player-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.status-pill{display:inline-flex;align-items:center;min-height:24px;border:1px solid #bdd2c7;border-radius:999px;background:#eef8f1;color:#2d6f47;font-size:12px;font-weight:650;padding:2px 8px}.status-pill.dead{border-color:#dcc7c9;background:#fff3f2;color:#9a3038}.readonly-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.readonly-fields div{display:grid;gap:4px;min-width:0}.readonly-fields dt{color:#625a50;font-size:12px;font-weight:650}.readonly-fields dd{min-height:34px;min-width:0;overflow-wrap:anywhere;border:1px solid #e1dbd0;border-radius:6px;background:#f8f6f1;color:#221f1b;margin:0;padding:7px 9px}.role-report-block{display:grid;gap:8px;border:1px solid #e1dbd0;border-radius:8px;background:#f8fbf8;padding:8px}.player-info-panel{display:grid;gap:4px;border:1px solid #e1dbd0;border-radius:8px;background:#f8fbf8;color:#425047;padding:8px}.player-info-panel strong{color:#1f625d}.role-report-header,.psychic-report-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.role-report-header{justify-content:space-between}.role-report-header strong,.psychic-report-row strong{flex:0 0 auto}.psychic-report-row select{flex:1 1 120px;width:auto;min-width:0}.toggle{display:flex;grid-template-columns:none;align-items:center;gap:5px;color:#46524b}.toggle input{width:16px;min-height:16px}.timeline-header{align-items:center;justify-content:space-between;gap:10px}.timeline-header span,.timeline-pager{display:inline-flex;align-items:center;gap:8px}.timeline-pager strong{min-width:110px;text-align:center;color:#1f625d}.event-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.empty-state{margin:0;border:1px dashed #d8d0c3;border-radius:8px;color:#5e6a61;padding:12px}.event-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;border:1px solid #e2dbd0;border-radius:8px;background:#fffefa;padding:8px}.event-row strong{flex:0 0 auto;min-width:86px}.event-row select{flex:1 1 130px;width:auto;min-width:0}.event-row .event-note{flex:2 1 210px;min-width:0}.event-row .icon-button{flex:0 0 34px}.night-death-record{display:grid;flex:1 0 100%;gap:8px;min-width:0;border-top:1px solid #e2dbd0;padding-top:8px}.night-death-header,.night-death-fields{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.night-death-header{justify-content:space-between}.night-death-fields select{flex:1 1 130px;width:auto;min-width:0}.night-death-fields .event-note{flex:2 1 210px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.result-panel{border-color:#b9cdc8;background:#fbfffc}.hint-list,.warnings ul{margin:0;padding-left:18px}.hint-list li,.warnings li{margin:7px 0}.status-banner{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center;border:1px solid #d9ded6;border-radius:8px;margin-top:12px;padding:9px;background:#fff}.status-banner span{font-weight:750}.status-banner strong{color:#2c5d58;font-size:20px}.status-banner small{grid-column:1/-1;color:#716a60}.status-banner.won{border-color:#78b9a3;background:#f4fffa}.status-banner.won span{color:#226a54}.status-banner.running span{color:#7b5b18}.status-banner.lost{border-color:#d7a0a6;background:#fff7f7}.status-banner.lost span{color:#8d252d}.metric-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.metric-strip div{border:1px solid #d9ded6;border-radius:8px;padding:9px;background:#fff}.metric-strip span{display:block;color:#716a60;font-size:12px}.metric-strip strong{display:block;margin-top:4px;color:#2c5d58;font-size:20px}.rank-list{display:grid;gap:8px;margin:0;padding-left:22px}.rank-list li{min-width:0;padding:8px 0;border-bottom:1px solid #e7e0d5}.rank-list li:last-child{border-bottom:0}.rank-list span{font-weight:750}.rank-list strong{float:right;color:#8d252d}.rank-list small{clear:both;display:block;overflow-wrap:anywhere;margin-top:5px;color:#6b6359;line-height:1.4}.risk-list{display:grid;gap:8px}.risk-row{display:grid;grid-template-columns:74px 1fr 56px;gap:8px;align-items:center;min-width:0;border:1px solid #e2dbd0;border-radius:8px;background:#fffefa;padding:8px}.risk-row div{display:grid;gap:2px}.risk-row span,.risk-row small{color:#6d655c;font-size:12px}.risk-row small{grid-column:1/-1;overflow-wrap:anywhere;line-height:1.4}.risk-row meter{width:100%}.risk-row b{text-align:right}.risk-row.danger{border-color:#d6a0a4}.risk-row.watch{border-color:#d9c07d}.risk-row.calm{border-color:#b8d5ca}.warnings{border-color:#dcc081;background:#fffaf0}@media(max-width:1180px){html,body,#app{height:auto}body{min-width:0;overflow:auto}.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-columns:1fr;overflow:visible}.left-rail,.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.center-stage,.left-rail,.right-rail{overflow:visible;padding-right:0}}@media(max-width:760px){.app-shell{padding:12px}.topbar,.event-row,.night-death-fields{align-items:stretch;flex-direction:column}.left-rail,.right-rail,.field-grid.two{grid-template-columns:1fr}.event-row select{width:100%}}