:root{color:#193233;background:#f4f0e8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(244,173,82,.2),transparent 28rem),linear-gradient(180deg,#f8f3ea,#ecf1ee)}button,input{font:inherit}button{border:0;border-radius:8px;min-height:44px;padding:0 16px;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}input{width:100%;border:1px solid #d8d2c5;border-radius:8px;min-height:46px;padding:0 12px;background:#fffdf8;color:#193233}label{display:grid;gap:8px;color:#4e625f;font-size:14px}pre{overflow-x:auto;border-radius:8px;padding:12px;background:#123436;color:#f8f3ea}.app-shell{width:min(100%,720px);margin:0 auto;padding:20px 16px 40px}.hero{display:flex;align-items:center;gap:12px;margin:12px 0 24px}.logo-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#0f3d3e;color:#ffcf70;font-size:26px;font-weight:800;box-shadow:0 10px 24px #0f3d3e2e}.eyebrow{margin:0 0 2px;color:#7c6a45;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#102f31;line-height:1.15}h1{font-size:30px}h2{font-size:20px}.stack{display:grid;gap:14px}.stack.small{gap:10px}.panel,.role-card{display:grid;gap:14px;border:1px solid rgba(25,50,51,.08);border-radius:8px;padding:16px;background:#fffdf8e6;box-shadow:0 8px 22px #1932330f}.panel.compact{gap:10px}.notice{margin-bottom:14px;border:1px solid #ffd39e;border-radius:8px;padding:12px;background:#fff4df;color:#7a4a00}.segmented,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button,.vote-grid button{background:#e9e2d5;color:#284849}.segmented button.active,.vote-grid button.active{background:#0f3d3e;color:#fff8e8}.primary{background:#0f3d3e;color:#fff8e8;font-weight:700}.secondary{background:#ffbf53;color:#2a271f;font-weight:700}.ghost{background:#0f3d3e14;color:#0f3d3e;font-weight:700}.danger{color:#a53b29}.room-header,.metric-row,.player,.result-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-row strong{font-size:22px;color:#0f3d3e}.hint,.muted{margin:0;color:#697976;font-size:14px}.muted.light{color:#fff8e8c2}.players{display:grid;gap:8px}.player{min-height:40px;border-radius:8px;padding:8px 10px;background:#f5efe3}.player em{flex:none;color:#7c6a45;font-size:12px;font-style:normal}.role-card{background:linear-gradient(135deg,rgba(255,207,112,.15),transparent 40%),#123436;color:#fff8e8}.role-card h2{color:#ffcf70;font-size:34px}.role-card ul{margin:0;padding-left:18px}.role-note{margin:0;border-radius:8px;padding:10px 12px;background:#fff8e81f;color:#fff8e8e6;font-size:14px}.action-box{display:grid;gap:10px;border-radius:8px;padding:12px;background:#f5efe3}.avalon-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.avalon-score div{border-radius:8px;padding:10px;background:#f5efe3;color:#314b4c}.avalon-score button{width:100%}.vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.results{display:grid;gap:10px}.death-notice{border-radius:8px;padding:10px 12px;background:#ffe3df;color:#963527;font-weight:700}.win-notice{border-radius:8px;padding:10px 12px;background:#e4f3ec;color:#1d684c;font-weight:700}.result-row{border-radius:8px;padding:10px 12px;background:#f5efe3}.ballots{display:flex;flex-wrap:wrap;gap:8px}.ballots span{border-radius:999px;padding:6px 10px;background:#e9e2d5;color:#314b4c;font-size:13px}.host-panel{border-color:#ffbf5373}.action-log{display:grid;gap:8px}.action-log span{border-radius:8px;padding:9px 10px;background:#f5efe3;color:#314b4c;font-size:14px}@media (min-width: 680px){.stack{gap:16px}.vote-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}