/* Yahtzee Cubiri color hierarchy v1
   Pink: Roll + Upper subtotal
   Orange: Total + Yahtzee
   Purple: Bonus + all remaining scoring categories */

:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile:nth-child(1),
:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile:nth-child(2) {
    --card-a: #51213b;
    --card-b: #2f1b2a;
    border-color: color-mix(in srgb, var(--pink) 34%, rgb(255 255 255 / .10));
}

:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile:nth-child(3),
:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile:not(.is-yahtzee) {
    --card-a: #3b1f5d;
    --card-b: #251837;
    border-color: color-mix(in srgb, var(--purple) 34%, rgb(255 255 255 / .10));
}

:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile.yahtzee-info-total,
:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile.is-yahtzee {
    --card-a: #5a2a10;
    --card-b: #321d12;
    border-color: color-mix(in srgb, var(--orange) 42%, rgb(255 255 255 / .10));
}

:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-total .yahtzee-tile-label,
:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-total .yahtzee-tile-value,
:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile.is-yahtzee.is-available .yahtzee-tile-value {
    color: var(--orange);
}

:root[data-theme="dark"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile.is-available:not(.is-yahtzee) {
    --card-a: #421b69;
    --card-b: #28163e;
    border-color: color-mix(in srgb, var(--purple) 52%, rgb(255 255 255 / .10));
}

:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile:nth-child(1),
:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile:nth-child(2) {
    --card-a: #fff0f7;
    --card-b: #ffd8e9;
    border-color: color-mix(in srgb, var(--pink) 24%, white);
}

:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile:nth-child(3),
:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile:not(.is-yahtzee) {
    --card-a: #f2efff;
    --card-b: #e3dcff;
    border-color: color-mix(in srgb, var(--purple) 22%, white);
}

:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-tile.yahtzee-info-total,
:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile.is-yahtzee {
    --card-a: #fff4e9;
    --card-b: #ffe1c3;
    border-color: color-mix(in srgb, var(--orange) 28%, white);
}

:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-total .yahtzee-tile-label,
:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-info-grid .yahtzee-info-total .yahtzee-tile-value,
:root[data-theme="light"] .game-tab-content[data-game-component="autoscoring"] .yahtzee-score-tile.is-yahtzee.is-available .yahtzee-tile-value {
    color: var(--orange);
}

/* Yacht HOLD uses the same Cubiri gradient ring as Farkle.
   Keep the host itself free of filter so the glow never washes through the die. */
.discovery.is-game-view:has(.game-tab-content[data-game-component="autoscoring"]) + .roll-zone .die-instance.is-held {
    filter: none;
}

.discovery.is-game-view:has(.game-tab-content[data-game-component="autoscoring"]) + .roll-zone .die-instance.is-held::after {
    content: "";
    position: absolute;
    inset: 2px;
    border: 2px solid transparent;
    border-radius: 16px;
    background: var(--cubiri-brand-gradient) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 1;
}

.discovery.is-game-view:has(.game-tab-content[data-game-component="autoscoring"]) + .roll-zone .die-instance.is-held::before {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: 14px;
    background: transparent;
    box-shadow:
        -9px 0 16px color-mix(in srgb, var(--cubiri-brand-purple) 58%, transparent),
        0 0 18px color-mix(in srgb, var(--cubiri-brand-pink) 48%, transparent),
        9px 0 16px color-mix(in srgb, var(--cubiri-brand-orange) 46%, transparent);
    pointer-events: none;
}