:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.4;color:#222;background:#f4f5f9}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{width:100%;min-height:100vh;padding:24px}.center-page{display:grid;place-items:center}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 6px 16px #0000000f}.home-card,.create-card{width:min(720px,100%)}h1,h2,h3{margin:0}.muted{color:#6b7280}.label,.section-title{margin-top:14px;margin-bottom:8px;display:block;font-weight:600}.input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:14px}.btn{border:1px solid #d1d5db;background:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.hint{font-size:13px;color:#6b7280;margin:8px 0 12px}.grid{display:grid;gap:10px}.themes{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.scores{grid-template-columns:repeat(4,minmax(60px,1fr))}.theme-btn,.score-btn{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:10px;cursor:pointer;display:flex;gap:6px;justify-content:center;align-items:center}.theme-btn.active,.score-btn.active{border-color:#2563eb;color:#1d4ed8}.room-page{display:grid;grid-template-columns:320px 1fr;gap:14px}.room-left{display:flex;flex-direction:column;min-height:calc(100vh - 48px)}.player-list{margin:10px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.player-item{border:1px solid #e5e7eb;border-radius:10px;padding:8px;display:flex;justify-content:space-between;gap:8px;align-items:center}.room-right{display:grid;gap:14px;grid-template-rows:minmax(420px,auto) minmax(240px,1fr)}.canvas-card,.chat-card{display:flex;flex-direction:column;gap:10px}.board{width:100%;border:1px solid #d1d5db;border-radius:10px;background:#fff;touch-action:none}.board.drawing{cursor:crosshair}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.gap{gap:8px}.row.wrap{flex-wrap:wrap}.tag{border:1px solid #d1d5db;border-radius:999px;font-size:12px;padding:3px 8px;margin-left:6px}.tag.blue{border-color:#60a5fa;color:#1d4ed8}.tag.green{border-color:#34d399;color:#047857}.mini{border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;padding:4px 8px;font-size:12px}.mini.active{border-color:#2563eb;color:#1d4ed8}.mini.danger{border-color:#fca5a5;color:#b91c1c}.feed{border:1px solid #e5e7eb;border-radius:10px;padding:10px;flex:1;overflow:auto;max-height:280px;background:#fafafa}.feed-item{margin-bottom:6px;font-size:14px}.feed-item.system{color:#374151}.private-tip{min-height:20px;color:#7c3aed;font-size:13px}.choice-panel{border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.color-dot{width:20px;height:20px;border-radius:999px;border:2px solid transparent;cursor:pointer}.color-dot.active{border-color:#111827}.spacer{flex:1}@media (max-width: 1100px){.room-page{grid-template-columns:1fr}.room-left{min-height:auto}}