:root{color-scheme:light;--bg:#f7efe0;--bg-soft:#fffaf2;--panel:#fffdf8;--text:#1f2933;--muted:#5c6b77;--line:#e8d8bf;--line-strong:#dcc19f;--accent:#d05a2f;--accent-strong:#b84621;--accent-soft:#f9d7bf;--sky:#2f6f8f;--success:#2f7d5a;--danger:#a33a3a;--shadow:0 18px 40px rgba(72,41,8,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,#faedd6 0,transparent 32%),radial-gradient(circle at 100% 0,#f4e1d6 0,transparent 30%),linear-gradient(180deg,#faf4e8,#f6eddc 35%,#f7efe0)}h1,h2,h3{margin:0 0 10px;font-family:STKaiti,KaiTi,Kaiti SC,"Noto Serif SC",serif;line-height:1.2;letter-spacing:.02em}p{margin:0 0 8px}a{color:var(--sky);text-underline-offset:3px;transition:color .16s ease}a:hover{color:#1c5672}.page{max-width:1180px;margin:0 auto;padding:28px 20px 40px}.layout{display:grid;grid-gap:16px;gap:16px;align-items:start}.card{background:linear-gradient(180deg,#fffefb,#fffcf6);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.card h1{font-size:clamp(1.8rem,2.7vw,2.5rem)}.card h2{font-size:clamp(1.5rem,2.2vw,2rem)}.subtitle{font-size:14px;line-height:1.5}.muted,.subtitle{color:var(--muted)}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(239,173,131,.28) 0,transparent 70%);pointer-events:none}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.pill{border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-soft);color:#64482f;font-size:13px;font-weight:600}.phase-chip,.pill{display:inline-flex;align-items:center;padding:4px 10px}.phase-chip{border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.03em;margin-left:8px;border:1px solid transparent}.phase-chip.describe{color:#7e4c18;background:#ffe7cb;border-color:#f0bf85}.phase-chip.vote{color:#8c2222;background:#ffdede;border-color:#ebb0b0}.phase-chip.result{color:#215d42;background:#ddf3e8;border-color:#a6dbc3}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px;margin:12px 0}label{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:#3c4a55;font-weight:600}button,input,textarea{font:inherit}input,textarea{width:100%;border:1px solid #dbc8aa;border-radius:12px;padding:10px 12px;background:#fffdf8;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,textarea:focus{outline:none;border-color:#d88856;box-shadow:0 0 0 3px rgba(222,145,95,.2);background:#fffdf9}textarea{line-height:1.5;resize:vertical}button{border:0;border-radius:12px;padding:10px 15px;background:linear-gradient(180deg,var(--accent) 0,var(--accent-strong) 100%);color:#fffdf8;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(176,68,38,.24)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.btn-ghost{background:#fff5eb;color:#7a4521;border:1px solid #e8be96}.btn-ghost:hover{box-shadow:0 6px 16px rgba(165,114,72,.2)}.error-list{margin:0 0 12px;padding-left:18px;color:var(--danger)}.error-text{color:var(--danger);font-size:14px}.hint-list{margin:0;padding-left:18px;display:grid;grid-gap:7px;gap:7px;color:#465564}.reveal-box{margin:12px 0;padding:16px;border:1px dashed #d4b58f;border-radius:14px;background:linear-gradient(180deg,#fff7eb,#fff2e0)}.identity-word{margin:4px 0 8px;font-size:clamp(1.5rem,3.6vw,2rem);font-weight:700;color:#663a15}.progress-track{width:100%;height:8px;border-radius:999px;background:#f0e4d2;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#e9995d,#d15d34);transition:width .22s ease}.progress-fill.is-vote{background:linear-gradient(90deg,#ef9f9f,#d75d5d)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin:12px 0 14px}.info-item{padding:10px 12px;border-radius:12px;background:#fff7ed;border:1px solid #efcfaa}.info-item .label{color:#87684d;font-size:12px;margin-bottom:4px}.info-item .value{color:#1f2d39;font-size:15px;font-weight:700}.info-item-emphasis{border-width:2px}.info-item.status-live{background:linear-gradient(180deg,#f3fff8,#ebfff2);border-color:#a8dcbc}.info-item.status-out{background:linear-gradient(180deg,#fff6f4,#ffefec);border-color:#e7b7af}.info-item.role-civilian{background:linear-gradient(180deg,#f2f8ff,#ebf3ff);border-color:#b7cdef}.info-item.role-undercover{background:linear-gradient(180deg,#fff4f1,#ffeae5);border-color:#e6b39f}.value-emphasis{font-size:18px;font-weight:800;letter-spacing:.01em}.value-status-live{color:#1d7a4f}.value-status-out{color:#9d3a3a}.value-role-civilian{color:#235f90}.value-role-undercover{color:#a0492d}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:8px;gap:8px}.candidate-grid button.active{background:linear-gradient(180deg,#2f8a5f,#236d48)}.small-list{margin:0;padding-left:18px;display:grid;grid-gap:7px;gap:7px;line-height:1.45}.small-list li{color:#2b3640}.small-list.tight{gap:5px}.list-live{color:#2b6d49;font-weight:700}.list-out{color:#8f5a3e}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;min-width:560px}thead th{background:#f6e9d7;color:#5a422d;font-size:13px;font-weight:700;border-bottom:1px solid #e5cfb3}td,th{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left}tbody tr:last-child td{border-bottom:0}tbody tr.is-top td{background:#fff3dd}.vote-record-table td:first-child,.vote-record-table th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;background:#fffaf2;font-weight:700}.vote-record-table th:first-child{z-index:2;background:#f6e9d7}.vote-cell-abstain{color:#8d7357}.score-pill{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #efca98;background:#fff1dc;color:#7e4a18}.status-ok{color:var(--success);font-weight:700}.status-wait{color:#8f683f;font-weight:600}.round-shell{display:grid;grid-gap:16px;gap:16px}.round-header-card{display:grid;grid-gap:12px;gap:12px}.round-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.round-header-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.round-result-hint{margin:0;color:#7b4a1f;font-size:14px;font-weight:700}.round-countdown-row{display:grid;grid-template-columns:minmax(130px,160px) minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px}.round-countdown-box{padding:10px;border-radius:12px;border:1px solid #efcfaa;background:#fff7ed}.round-countdown-value{margin:4px 0 0;font-size:26px;font-weight:800;line-height:1;color:#1f2d39}.round-countdown-progress{display:grid;grid-gap:8px;gap:8px}.round-main-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.round-secondary-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(260px,1fr) minmax(0,1.75fr)}.round-action-card textarea{min-height:140px}.round-profile-grid{grid-template-columns:1fr}.player-order-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.player-order-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border:1px solid #edd3b5;border-radius:12px;padding:8px 10px;background:#fffaf3}.player-order-item.is-acting{border-color:#d57f52;background:#fff2e5}.order-badge{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f3dfc2;color:#6c4d2c;font-size:12px;font-weight:700}.player-order-name{font-weight:700;color:#24303a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-order-meta{font-size:12px;color:#6d5b47;font-weight:600}.round-feed-card{display:grid;grid-gap:12px;gap:12px}.feed-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tab-btn{width:auto;min-height:0;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;border-radius:12px;border:1px solid #e2c4a1;background:#fff6ea;color:#724b29;font-size:16px;font-weight:700}.tab-btn,.tab-btn:hover{box-shadow:none;transform:none}.tab-btn:hover{background:#ffefdc}.tab-btn.active{border-color:#d17f52;background:linear-gradient(180deg,#e0733d,#c5532a);color:#fffaf5}.vote-notice-overlay{position:fixed;right:18px;bottom:18px;z-index:70;pointer-events:none}.vote-notice-card{width:min(360px,calc(100vw - 30px));pointer-events:auto;border-radius:14px;border:1px solid #e8c7a4;background:linear-gradient(180deg,#fff9ef,#fff3e3);box-shadow:0 12px 30px rgba(68,40,10,.16);padding:12px 12px 10px}.vote-notice-title{margin:0;font-weight:800;color:#6e421f}.vote-notice-message{margin:6px 0 0;color:#3b4650;font-size:14px;line-height:1.45}.vote-notice-actions{margin-top:10px;display:flex;justify-content:flex-end}.vote-notice-button{padding:7px 12px;font-size:14px}.inline-code{display:inline-block;border:1px solid #dfc9ae;border-radius:8px;padding:2px 8px;background:#fff7eb;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#6d4928}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#e3d1bc 20%,#e3d1bc 80%,transparent);margin:12px 0}@media (min-width:900px){.layout{grid-template-columns:repeat(3,minmax(0,1fr))}.layout .card:first-child{grid-column:span 2}.lobby-layout .card:first-child{grid-column:span 3}}@media (max-width:820px){.page{padding:18px 14px 28px}.card{border-radius:14px;padding:14px}.grid-form{grid-template-columns:1fr}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.round-header-top{flex-direction:column}.round-header-meta{justify-content:flex-start}.round-result-hint{margin-top:4px}.round-countdown-row,.round-main-grid,.round-secondary-grid{grid-template-columns:1fr}.round-main-grid,.round-secondary-grid{display:contents}.round-action-card{order:1}.round-feed-card{order:2}.round-profile-card{order:3}.round-alive-card{order:4}.round-action-card.round-action-card-idle{display:none}.player-order-item{grid-template-columns:26px minmax(0,1fr);grid-template-areas:"badge name" "badge meta";align-items:start}.order-badge{grid-area:badge}.player-order-name{grid-area:name}.player-order-meta{grid-area:meta}.feed-tabs{gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.feed-tabs::-webkit-scrollbar{display:none}.feed-tabs{scrollbar-width:none}.tab-btn{flex:0 0 auto;padding:9px 14px;font-size:14px}.vote-notice-overlay{right:10px;bottom:10px}table{min-width:500px}}