.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #4CAF50;background-color:#121212}.header-title{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:600;color:#fff;text-decoration:none}.header-nav{display:flex;gap:16px}.header-nav a{color:#b3b3b3;text-decoration:none;font-size:.95rem}.header-nav a:hover{color:#4caf50}.header-logo{width:26px;height:26px;display:block}.footer{color:#b3b3b3;display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;border-top:1px solid #4CAF50;background-color:#121212;font-size:.9rem}.footer a{color:#00ff08;text-decoration:none}.footer a:visited{color:#00ff08}.footer a:hover{text-decoration:underline}html,body,#root{height:100%;margin:0;padding:0;background:#121212}.layout-root{min-height:100vh;display:flex;flex-direction:column;background-color:#121212;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.layout-main{flex:1;padding:24px;margin:0 auto;width:95%}.board{width:630px;height:630px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:2px solid #4CAF50;overflow:hidden}.square{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:filter .15s ease,box-shadow .15s ease}.square.light{background:#eeeed2}.square.dark{background:#769656}.square:hover{filter:brightness(1.05)}.square.selected{box-shadow:inset 0 0 0 3px #4caf5099}.square.legal:after{content:"";position:absolute;width:18%;height:18%;border-radius:50%;background:#50c87899;pointer-events:none}.square.capture:after{width:60%;height:60%;background:transparent;border:4px solid rgba(76,175,80,.6);border-radius:50%}.piece{width:120%;height:120%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.coord-rank{position:absolute;top:2px;left:3px;font-size:10px;font-weight:700;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.coord-file{position:absolute;bottom:2px;right:3px;font-size:10px;font-weight:700;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.play-row{display:flex;align-items:flex-start;gap:20px}.play-command{display:flex;flex-direction:column;gap:12px}.play-title{margin:0}.play-divider{width:0px;padding-left:9px;align-self:stretch;background:linear-gradient(to bottom,transparent,#4caf50,transparent);border-radius:2px}.play-board-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:-10px;margin-left:130px}.play-header{display:flex;align-items:center;gap:6px;justify-content:flex-start;margin-bottom:-8px}.play-logo{width:30px;height:30px;display:block;padding-bottom:5px}.play-bot-title{margin:0;padding-bottom:5px}.player-name-input{margin-top:2px;padding:8px 12px;font-size:16px;font-weight:600;border:2px solid #4caf50;border-radius:6px;background:transparent;color:#fff;outline:none;width:180px}.player-name-input::placeholder{color:#888;font-weight:500}.player-name-input:focus{border-color:#6f8}.dark-toggle{background:transparent;color:#fff;border:2px solid #4caf50;border-radius:6px;padding:8px 14px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.dark-toggle:hover{background:#4caf50;color:#000}.actions-section{margin-top:8px}.general-buttons{background:transparent;color:#b3b3b3;border:2px solid #4caf50;border-radius:6px;padding:8px 14px;font-size:16px;font-weight:600;margin:12px 0 6px}.action-list{display:flex;flex-direction:column;gap:10px;margin-left:12px}.action-btn{padding:8px 14px;font-size:16px;font-weight:600;width:100%;text-align:left}.action-btn.danger{border-color:#e53935;color:#e53935}.action-btn.danger:hover{background:#e53935;color:#000}.play-mid{display:flex;align-items:center;gap:18px}.play-chat-wrap{display:flex;align-items:center}.play-right{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.play-row{align-items:flex-start}.move-history{width:320px;height:395px;margin-left:10px;margin-top:20px;border:3px solid #4CAF50;border-radius:8px;background:#12121299;color:#fff;display:flex;flex-direction:column}.move-history-header{height:50px;display:flex;align-items:center;justify-content:center;font-size:22px;border-bottom:3px solid #4CAF50}.move-history-content{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow-y:auto}.move-history-column{padding:12px}.move-history-column:first-child{border-right:3px solid #4CAF50}.move-history-side-title{font-size:18px;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid rgba(76,175,80,.6);text-align:center}.move-history-row{padding:4px 0}.move-num{color:#fff9;margin-right:6px}.chatbox{width:320px;height:220px;margin-left:10px;border:3px solid #4caf50;border-radius:8px;background:#12121299;color:#fff;display:flex;flex-direction:column}.chatbox-header{padding:10px 12px;border-bottom:3px solid #4caf50;display:flex;flex-direction:column;gap:6px}.chatbox-title{font-size:18px;font-weight:800;text-align:center}.chatbox-status{font-size:14px;text-align:center;color:#ffffffd9}.chatbox-messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chatbox-empty{color:#fff9;text-align:center;margin-top:20px}.chatbox-msg{padding:8px 10px;border-radius:8px;background:#ffffff14;line-height:1.2;font-size:14px}.chatbox-info{border-left:3px solid rgba(76,175,80,.8)}.chatbox-warn{border-left:3px solid rgba(255,193,7,.9)}.chatbox-error{border-left:3px solid rgba(244,67,54,.9)}