*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f3f3f3;color:#1a1a1a}#app{display:grid;grid-template-columns:1fr;gap:12px;padding:12px;max-width:1100px;margin:0 auto}@media (min-width: 760px){#app{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.board-wrap{width:100%}.board-wrap svg{width:100%;height:auto;display:block;touch-action:manipulation;border:1px solid #b9913f;border-radius:4px}.panel{display:flex;flex-direction:column;gap:10px}.card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px}.status{font-size:14px;line-height:1.6}.controls{display:flex;flex-wrap:wrap;gap:6px}.controls button,.controls select,.controls input{padding:6px 8px;font-size:14px}#messages{max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.msg{padding:6px 8px;border-radius:6px;font-size:14px;white-space:pre-wrap}.msg-teach{background:#eef5ff}.msg-system{background:#f0f0f0;color:#666;font-style:italic}.games-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.games-list button{width:100%;text-align:left;padding:6px 8px}.error{color:#b00020;font-size:13px}