.roll-btn[data-turn-color="lime"]{--dice-turn:#b9ff39}.roll-btn[data-turn-color="pink"]{--dice-turn:#ff4fc8}.roll-btn[data-turn-color="cyan"]{--dice-turn:#39e8ff}.roll-btn[data-turn-color="orange"]{--dice-turn:#ff9d32}.roll-btn[data-turn-color] .die-cube{border-color:var(--dice-turn)!important;box-shadow:inset -9px -9px 0 #716a78,0 7px 0 #17101f,0 0 12px var(--dice-turn),0 0 30px var(--dice-turn)!important;transition:border-color .25s,box-shadow .25s}.roll-btn[data-turn-color] .die-number{text-shadow:0 0 8px #fff,0 0 16px var(--dice-turn)}
.center:has(.roll-btn[data-turn-color="lime"]){--center-turn:#b9ff39}.center:has(.roll-btn[data-turn-color="pink"]){--center-turn:#ff4fc8}.center:has(.roll-btn[data-turn-color="cyan"]){--center-turn:#39e8ff}.center:has(.roll-btn[data-turn-color="orange"]){--center-turn:#ff9d32}.center:has(.roll-btn[data-turn-color]){border:6px solid var(--center-turn)!important;outline:3px solid #fff!important;box-shadow:inset 0 0 18px var(--center-turn),0 0 10px #fff,0 0 24px var(--center-turn),0 0 48px color-mix(in srgb,var(--center-turn) 62%,transparent)!important;transition:border-color .28s,box-shadow .28s;animation:center-neon-pulse 1.6s ease-in-out infinite}@keyframes center-neon-pulse{50%{box-shadow:inset 0 0 25px var(--center-turn),0 0 14px #fff,0 0 34px var(--center-turn),0 0 62px color-mix(in srgb,var(--center-turn) 72%,transparent)}}
