/* DICE STYLES */

.die-svg {
    width: 64px;
    height: 64px;
    display: block;
    /* Optimize: Reduce blur and spread for better performance */
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    transition: transform 0.2s var(--ease);
    will-change: transform;
}

/* Shape Fills - Contextual usage (You vs Opp) */
.you-die .die-shape {
    fill: var(--green);
}

.opp-die .die-shape {
    fill: var(--red);
}

.die.captured .die-shape {
    fill: var(--text-4);
    opacity: 0.3;
}

/* Shape Styles */
.die-shape {
    stroke: rgba(0, 0, 0, 0.15);
    stroke-width: 3px;
    paint-order: stroke;
}

/* Text Styles */
.die-text {
    font-family: var(--f-mono);
    font-weight: 800;
    fill: #fff;
    font-size: 24px;
    text-anchor: middle;
    dominant-baseline: central;
    /* Fix vertical centering */
    pointer-events: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Hover Effects */
.die:hover .die-svg {
    transform: scale(1.1);
}

.die.selected .die-shape {
    stroke: var(--amber);
    stroke-width: 4px;
    filter: drop-shadow(0 0 8px var(--amber));
}

.die.target .die-shape {
    stroke: var(--red);
    stroke-width: 4px;
    filter: drop-shadow(0 0 8px var(--red));
}

/* Specific shape adjustments if needed */