:root{color-scheme:light;font-family:Noto Sans JP,system-ui,sans-serif;background-color:#f6f7fb;color:#1f2a44}body{margin:0}.app{max-width:960px;margin:0 auto;padding:32px 24px}header{margin-bottom:24px}.panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 6px 16px #0f193014;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}input{padding:8px 12px;border-radius:8px;border:1px solid #d5d9e0}button{border:none;padding:10px 16px;border-radius:8px;background:#2f7af6;color:#fff;font-weight:600;cursor:pointer}.status{margin-top:8px;font-size:14px;color:#4a5568}ul{list-style:none;padding:0}li{display:flex;align-items:center;gap:8px;margin-bottom:6px}.color{width:16px;height:16px;border-radius:50%;border:1px solid #ccd3e0}.chat{margin-top:16px}.chat-log{border:1px solid #e0e5ef;border-radius:8px;padding:12px;max-height:200px;overflow-y:auto;background:#f9fafc}.chat-row{display:flex;gap:8px;margin-bottom:8px;font-size:14px}.chat-input{margin-top:12px;display:flex;gap:8px}.chat-input input{flex:1}.game{margin-top:16px}.game-actions{display:flex;gap:8px;margin-bottom:12px}.game-state ul{margin:0 0 12px}.game-log{background:#f2f4f8;border-radius:8px;padding:8px;font-size:13px}.trade{display:flex;gap:12px;align-items:end;margin-bottom:12px}.trade label{display:flex;flex-direction:column;font-size:13px;gap:4px}.trade select{padding:6px 8px;border-radius:8px;border:1px solid #d5d9e0}.trade input{width:72px}.placement{display:flex;gap:12px;align-items:end;margin-bottom:12px}.placement label{display:flex;flex-direction:column;font-size:13px;gap:4px}.placement select{padding:6px 8px;border-radius:8px;border:1px solid #d5d9e0}.board{margin-bottom:12px;font-size:13px}.board-visual{margin-bottom:12px;border:1px solid #e0e5ef;border-radius:12px;padding:12px;background:#f9fafc}.board-svg{width:100%;height:360px}.board-help{margin:8px 0 12px;font-size:12px;color:#4a5568}.board-edge,.board-vertex,.board-tile{cursor:pointer}.board-tile.selected{stroke:#1f2a44;stroke-width:3}.dev-cards{margin-bottom:12px}.dev-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.dev-actions label{display:flex;flex-direction:column;gap:4px;font-size:13px}.dev-hand{margin-bottom:12px}.dev-play{display:flex;gap:8px;flex-wrap:wrap}.trade-status{margin:12px 0;padding:10px;border-radius:8px;background:#f0f4ff;border:1px solid #c7d7ff}.robber{margin:12px 0;padding:10px;border-radius:8px;background:#fff7e0;border:1px solid #f2d58c}.robber label{display:flex;flex-direction:column;gap:4px;font-size:13px;margin-bottom:8px}.robber select{padding:6px 8px;border-radius:8px;border:1px solid #d5d9e0}