:root{color:#171717;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh}button,input,select,textarea{font:inherit}button{min-height:36px;border:1px solid #202124;border-radius:6px;background:#202124;color:#fff;padding:0 12px;cursor:pointer}button:disabled{cursor:default;opacity:.55}input,select,textarea{width:100%;border:1px solid #c7cbd1;border-radius:6px;background:#fff;color:#171717;padding:9px 10px}textarea{resize:vertical}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;background:#fff;border-bottom:1px solid #d8dbe0}.topbar h1{margin:0;font-size:22px;line-height:1.15;letter-spacing:0}.topbar p{margin:4px 0 0;color:#555b63}.phase-pill{flex:0 0 auto;min-width:112px;text-align:center;border:1px solid #a8263d;color:#a8263d;border-radius:999px;padding:8px 12px;font-weight:700}.table-grid{flex:1;display:grid;grid-template-columns:minmax(260px,360px) minmax(420px,1fr) minmax(260px,320px);min-height:0}.players{display:grid;align-content:start;gap:10px;padding:14px;overflow:auto;border-right:1px solid #d8dbe0}.player{border:1px solid #d8dbe0;border-left-width:5px;border-radius:8px;background:#fff;padding:12px}.player.wolf{border-left-color:#b42342}.player.village{border-left-color:#00857a}.player.unknown{border-left-color:#777d86}.player.judge{border-left-color:#5b6472;background:#f7f8fa}.player.user{box-shadow:inset 0 0 0 2px #d99a00}.player.active{border-color:#1b4d89;box-shadow:0 0 0 2px #1b4d8929}.player.active.waiting{border-color:#a8263d;box-shadow:0 0 0 2px #a8263d29}.player.dead{opacity:.58}.player-head{display:flex;align-items:center;gap:10px}.player-head>div{min-width:0}.activity-tag{margin-left:auto;flex:0 0 auto;border:1px solid #1b4d89;border-radius:999px;color:#1b4d89;font-size:12px;font-weight:700;padding:3px 8px}.avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#202124,#7b2432);color:#fff;font-weight:800}.player h3{margin:0;font-size:16px;letter-spacing:0}.player p{margin:2px 0 0;color:#626872}.mini-meters label{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#555b63}.mini-meters{margin-top:8px}.runtime-details{margin-top:10px;border-top:1px solid #e1e4e8;padding-top:8px}.runtime-details>summary,.raw-runtime>summary{cursor:pointer;color:#202124;font-size:12px;font-weight:800}.runtime-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.runtime-details summary small{min-width:0;overflow:hidden;color:#626872;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.core-section{margin-top:10px}.core-section h4{margin:0 0 6px;color:#202124;font-size:11px;letter-spacing:0}.metric-grid{display:grid;grid-template-columns:1fr;gap:5px}.metric-grid label{display:grid;grid-template-columns:minmax(92px,1fr) minmax(70px,1.2fr) 34px;align-items:center;gap:6px;min-width:0;color:#555b63;font-size:11px}.metric-grid label span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid b{color:#202124;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;text-align:right}.core-list,.compact-list{margin:0;padding:0;list-style:none}.core-list li,.compact-list li{min-width:0;color:#555b63;font-size:11px}.core-list li+li,.compact-list li+li{margin-top:7px}.core-list strong{display:block;margin-bottom:4px;color:#202124;font-size:11px}.core-list p{margin:4px 0 0;color:#626872;font-size:11px}.raw-runtime{margin-top:10px}.raw-runtime pre{max-height:260px;margin:8px 0 0;overflow:auto;border:1px solid #d8dbe0;border-radius:6px;background:#f7f8fa;color:#2f3640;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;white-space:pre}.meter{position:relative;height:7px;overflow:hidden;border-radius:999px;background:#e1e4e8}.meter span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#00857a,#d99a00,#b42342)}.inner-line{margin-top:10px;padding:8px;border-left:3px solid #6d5bd0;background:#f6f5ff;color:#2b255d}.inner-line span,.log-entry blockquote span{display:block;margin-bottom:3px;color:#6d5bd0;font-size:11px;font-weight:800;text-transform:uppercase}.inner-list{margin:8px 0 0;padding:0;color:#555b63;font-size:12px;list-style:none}.inner-list li+li{margin-top:4px}.event-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-head strong{color:#202124;font-size:11px}.event-head span{color:#777d86;font-size:11px}.event-vars{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.event-vars span,.turn-facts span{border-radius:4px;background:#eef0f3;color:#3d434c;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.log-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at center,rgba(0,133,122,.12),transparent 34%),linear-gradient(180deg,#fafafa,#eef0f3)}.round-band{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #d8dbe0;background:#fffc}.round-band strong{color:#a8263d}.log-list{flex:1;overflow:auto;padding:16px}.log-entry{max-width:820px;border:1px solid #d8dbe0;border-radius:8px;background:#ffffffeb;padding:12px}.log-entry+.log-entry{margin-top:10px}.log-entry.private{border-color:#b9afe8;background:#faf9ff}.log-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#555b63;font-size:12px}.log-entry p{margin:8px 0 0;white-space:pre-wrap}.log-entry blockquote{margin:10px 0 0;border-left:3px solid #6d5bd0;padding:6px 0 6px 10px;color:#2b255d}.internal-state{margin:10px 0 0;max-height:180px;overflow:auto;border:1px solid #d8dbe0;border-radius:6px;background:#f7f8fa;color:#2f3640;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap}.control-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border-left:1px solid #d8dbe0;background:#fff}.turn-card{border:1px solid #c7cbd1;border-left:5px solid #1b4d89;border-radius:8px;background:#f7f9fc;padding:12px}.turn-card.busy{border-left-color:#a8263d;background:#fff8f8}.turn-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#555b63;font-size:12px}.turn-head strong{color:#1b4d89}.turn-card h2{margin:8px 0 0;font-size:16px;line-height:1.25;letter-spacing:0}.turn-card p{margin:8px 0 0;color:#555b63}.turn-facts{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #202124;border-radius:6px;overflow:hidden}.segmented button{border:0;border-radius:0;background:#fff;color:#202124}.segmented button.active{background:#202124;color:#fff}.control-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.control-row:nth-of-type(3){grid-template-columns:1fr 1fr}.toggle{min-height:36px;display:flex;align-items:center;gap:8px;color:#202124}.toggle input{width:18px;height:18px}.input-row{display:grid;gap:8px}.input-row.compact{grid-template-columns:1fr auto}@media(max-width:1120px){.table-grid{grid-template-columns:1fr}.players{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid #d8dbe0}.control-panel{border-left:0;border-top:1px solid #d8dbe0}}@media(min-width:1121px){body,#app,.shell{height:100vh;overflow:hidden}.table-grid{overflow:hidden}.control-panel{min-height:0;overflow:auto}}@media(max-width:640px){.topbar{align-items:flex-start;flex-direction:column}.players,.control-row,.input-row.compact{grid-template-columns:1fr}}