.damas-plugin-wrapper * { box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
.damas-plugin-wrapper { width: 100%; max-width: 520px; margin: 20px auto; background: #1e293b; padding: 18px; border-radius: 12px; color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.4); }
.damas-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.damas-title { font-size: 20px; font-weight: bold; color: #ef4444; }
.damas-score { font-size: 14px; font-weight: 600; }
.damas-controls { display: flex; gap: 8px; margin-bottom: 12px; }
.damas-controls select, .damas-controls button { padding: 8px 12px; border-radius: 6px; border: none; background: #0f172a; color: #fff; font-size: 13px; cursor: pointer; }
.damas-controls button { background: #f59e0b; color: #0f172a; font-weight: bold; }
.damas-status { text-align: center; padding: 8px; background: #334155; border-radius: 6px; margin-bottom: 12px; color: #fbbf24; font-weight: bold; font-size: 14px; }
.damas-board-container { width: 100%; aspect-ratio: 1 / 1; border: 4px solid #334155; border-radius: 8px; overflow: hidden; background: #334155; }
.damas-board { display: grid !important; grid-template-columns: repeat(8, 1fr) !important; grid-template-rows: repeat(8, 1fr) !important; width: 100% !important; height: 100% !important; }
.d-cell { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; }
.d-cell.l { background-color: #cbd5e1; }
.d-cell.d { background-color: #334155; }
.d-cell.sel { background-color: #0284c7 !important; }
.d-cell.val::after { content: ''; width: 24%; height: 24%; background-color: #22c55e; border-radius: 50%; opacity: 0.9; }
.d-piece { width: 78%; height: 78%; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; }
.d-piece.red { background: radial-gradient(circle at 30% 30%, #f87171, #dc2626); border: 2px solid #991b1b; }
.d-piece.white { background: radial-gradient(circle at 30% 30%, #ffffff, #cbd5e1); border: 2px solid #64748b; }
.d-piece.king::before { content: '👑'; font-size: 16px; }