/* 五子棋样式 - 全部限定在 #tool 作用域，不污染 v2 yst-shell */ #tool .gomoku-app { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 20px 16px 24px; background: linear-gradient(180deg, #fbf7ee 0%, #f5ecd6 100%);
} #tool .gomoku-toolbar { width: 100%; max-width: 600px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; background: #ffffff; border: 1px solid #e7d9b8; border-radius: 10px; padding: 10px 14px; box-shadow: 0 1px 0 rgba(0,0,0,0.03);
} #tool .gomoku-status { font-size: 15px; font-weight: 600; color: #3a2e1c; letter-spacing: 0.3px;
} #tool .gomoku-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
} #tool .gomoku-difficulty { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #5a4a32;
} #tool .gomoku-difficulty select { font-size: 13px; padding: 6px 10px; border: 1px solid #d6c79f; border-radius: 6px; background: #fff; color: #3a2e1c; cursor: pointer; min-height: 32px;
} #tool .gomoku-btn { border: 1px solid #d6c79f; background: #fff; color: #3a2e1c; font-size: 13px; padding: 7px 14px; border-radius: 6px; cursor: pointer; transition: background-color 0.15s, border-color 0.15s, transform 0.1s; min-height: 32px;
} #tool .gomoku-btn:hover { background: #f8f1dd; border-color: #c1ad7c;
} #tool .gomoku-btn:active { transform: translateY(1px);
} #tool .gomoku-btn-primary { background: #5b4a2a; color: #fff; border-color: #5b4a2a;
} #tool .gomoku-btn-primary:hover { background: #6f5a35; border-color: #6f5a35;
} #tool .gomoku-board-wrap { position: relative; width: 100%; max-width: 600px; aspect-ratio: 1 / 1;
} #tool #board { width: 100%; height: 100%; display: block; border-radius: 12px; box-shadow: 0 8px 24px -10px rgba(70, 45, 10, 0.35), 0 1px 0 rgba(255, 255, 255, 0.6) inset; cursor: crosshair; touch-action: manipulation;
} #tool .gomoku-result { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(40, 28, 12, 0.55); border-radius: 12px; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
} #tool .gomoku-result[hidden] { display: none;
} #tool .gomoku-result-card { background: #fffaf0; border: 1px solid #d6c79f; border-radius: 12px; padding: 22px 28px; text-align: center; box-shadow: 0 12px 30px -10px rgba(40,28,12,0.4); min-width: 220px;
} #tool .gomoku-result-card h2 { margin: 0 0 6px; font-size: 22px; color: #3a2e1c;
} #tool .gomoku-result-card p { margin: 0 0 16px; font-size: 14px; color: #6b5a3d;
} #tool .gomoku-stats { display: flex; gap: 22px; font-size: 13px; color: #6b5a3d;
} #tool .gomoku-stats strong { color: #3a2e1c; font-size: 15px; margin-left: 4px;
} @media (max-width: 640px) { #tool .gomoku-app { padding: 14px 10px 18px; gap: 12px; } #tool .gomoku-toolbar { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; } #tool .gomoku-status { text-align: center; } #tool .gomoku-actions { justify-content: center; } #tool .gomoku-result-card { padding: 18px 20px; min-width: 180px; } #tool .gomoku-result-card h2 { font-size: 19px; }
}