:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#1b1410;color:#ecdfc8}button{font:inherit;cursor:pointer;background:#3a2c1f;color:#ecdfc8;border:1px solid #5c4630;border-radius:6px;padding:8px 14px}button:hover:not(:disabled){background:#4a3826}button:disabled{opacity:.5;cursor:default}button.active{background:#7a5a2f;border-color:#a9803f}input,select{font:inherit;background:#241a12;color:#ecdfc8;border:1px solid #5c4630;border-radius:6px;padding:6px 10px}.lobby{max-width:480px;margin:60px auto;padding:24px;text-align:center}.lobby .subtitle{color:#b8a685;margin-bottom:20px}.mode-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.lobby-form{display:flex;flex-direction:column;gap:12px;text-align:left}.lobby-form label{display:flex;flex-direction:column;gap:4px;font-size:.9em}.status-line{color:#b8a685}.error-line{color:#e08a6d}.game-layout{display:flex;flex-direction:column;height:100vh}.game-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #3a2c1f;background:#241a12}.my-role{color:#b8a685}.header-actions{display:flex;gap:8px}.scene3d{width:100%;height:100%;min-height:480px}.game-body{display:flex;flex:1;overflow:hidden}.player-list{width:220px;padding:16px;border-right:1px solid #3a2c1f;overflow-y:auto}.player-list-team h4{margin-bottom:4px}.player-list ul{list-style:none;padding:0;margin:0 0 16px;font-size:.9em}.player-list li.disconnected{color:#7a6a52;font-style:italic}.board-area{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;padding:16px}.board2d-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.board2d-status{display:flex;gap:16px;font-size:.9em;color:#b8a685}.board2d{display:grid;grid-template-columns:repeat(8,56px);grid-template-rows:repeat(8,56px);border:2px solid #5c4630}.square{border:none;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:32px}.square.light{background:#e8d3a5}.square.dark{background:#a5723f}.square.mine{box-shadow:inset 0 0 0 3px #6fa87a}.square.selected{box-shadow:inset 0 0 0 3px #e0c34a}.square.target{box-shadow:inset 0 0 0 3px #6f9fe0}.piece--w{color:#fdf6e3;text-shadow:0 0 2px #000}.piece--b{color:#1a1310;text-shadow:0 0 2px #fff}.team-chat{width:280px;display:flex;flex-direction:column;border-left:1px solid #3a2c1f;padding:12px}.team-chat--w{background:#e8d3a50f}.team-chat--b{background:#140f0a66}.chat-messages{flex:1;overflow-y:auto;margin:8px 0;display:flex;flex-direction:column;gap:4px;font-size:.9em}.chat-empty{color:#7a6a52;font-style:italic}.chat-from{color:#c9a15a;font-weight:600}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1}