.gobang-board{background-color:#e8c87c;border-radius:6px;position:relative;overflow:hidden;touch-action:manipulation;width:100%}.card-body .gobang-board{width:100% !important;max-width:100% !important;margin:0 !important}.piece{border-radius:50% !important}.board-cell{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.board-cell:hover:before{content:'';position:absolute;width:30%;height:30%;background-color:var(--primary-color-bg);border-radius:50%}.cell-line{position:absolute;background-color:#000}.horizontal-line{width:100%;height:1px;top:50%;transform:translateY(-50%)}.vertical-line{width:1px;height:100%;left:50%;transform:translateX(-50%)}@media (min-width:1200px){.horizontal-line{height:1.2px}.vertical-line{width:1.2px}.gobang-board .rounded-circle.bg-dark{width:7px !important;height:7px !important}}@media (max-width:1199px) and (min-width:769px){.horizontal-line{height:1px}.vertical-line{width:1px}.gobang-board .rounded-circle.bg-dark{width:6px !important;height:6px !important}}@media (max-width:768px){.horizontal-line{height:1px}.vertical-line{width:1px}.gobang-board .rounded-circle.bg-dark{width:5px !important;height:5px !important}}@media (max-width:480px){.horizontal-line{height:0.8px}.vertical-line{width:0.8px}.gobang-board .rounded-circle.bg-dark{width:4px !important;height:4px !important}}@media (max-width:360px){.horizontal-line{height:0.6px}.vertical-line{width:0.6px}.gobang-board .rounded-circle.bg-dark{width:3px !important;height:3px !important}}.piece{width:50%;height:50%;border-radius:50%;position:relative;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.2s ease}.piece:hover{transform:scale(1.05)}.black-piece{background:radial-gradient(circle at 50% 50%,#666,#000)}.white-piece{background:radial-gradient(circle at 50% 50%,#fff,#f0f0f0);border:1px solid #ddd}.last-move{box-shadow:0 0 0 3px rgba(255,193,7,0.8)}.status-indicator{font-weight:600;padding:8px 16px;border-radius:50px;transition:all 0.3s ease}.game-end-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.game-end-modal.show{opacity:1;visibility:visible}.game-end-content{background:#ffffff;border-radius:12px;max-width:450px;width:90%;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);transform:translateY(-20px);transition:transform 0.3s}.game-end-modal.show .game-end-content{transform:translateY(0)}.game-end-header{background:var(--primary-color);color:#ffffff;padding:10px;text-align:center}.game-end-header h3{margin:0;font-weight:600}.close-btn{background:none;border:none;font-size:1.2rem;color:rgba(255,255,255,0.8);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.close-btn:hover{background-color:rgba(255,255,255,0.2);color:#ffffff}.game-end-body{padding:25px;text-align:center}.winner-icon{font-size:4rem;margin-bottom:15px}.winner-black .winner-icon{color:var(--primary-color)}.winner-white .winner-icon{color:var(--primary-color)}.winner-white.loser .winner-icon{color:#666}.winner-draw .winner-icon{color:var(--notification-warning-text)}.game-end-message{font-size:1.2rem;margin-bottom:20px;font-weight:500}.game-end-stats{display:flex;justify-content:space-around;margin-bottom:25px;padding:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.stat-label{font-size:0.9rem;color:#666}.game-end-actions{display:flex;gap:10px}@media (max-width:1200px){.tool-container{max-width:100%}}@media (max-width:992px){.game-end-actions{flex-direction:column}.game-end-content{max-width:95%}}@media (max-width:768px){.gobang-board{max-width:95vw !important;max-height:95vw !important}.card-body{padding:1rem !important}.game-controls{flex-direction:column;align-items:stretch !important}.game-controls > div{width:100%;margin-bottom:10px}}.mode-toggle{display:flex;background:#f8f9fa;border-radius:8px;padding:4px;margin-bottom:15px}.mode-btn{flex:1;padding:10px 15px;border:none;background:transparent;border-radius:6px;font-weight:500;cursor:pointer;transition:all 0.3s ease}.mode-btn.active{background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.1);color:var(--primary-color)}.game-controls{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:100%}.game-controls .btn-group{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem}.game-controls .btn{white-space:nowrap;margin:0}@media (max-width:768px){.game-controls .btn{font-size:0.85rem;padding:0.5rem 0.75rem}.game-controls .btn i{font-size:0.9rem}}@media (max-width:480px){.game-controls .btn{font-size:0.8rem;padding:0.4rem 0.6rem}.game-controls .btn i{margin-right:0.5rem}.game-controls .dropdown-toggle{min-width:110px}}