/* One winning-side palette shared by the slider, round dial, and lower scale. */
.game-dice .dice-room,.game-dice .dice-room.dice-under{--zone-win:#44f286;--zone-other:#f94f68}
.game-dice .dice-slider-track{background:linear-gradient(to right,var(--dice-lower) 0 var(--range-progress),var(--dice-upper) var(--range-progress) 100%)}
.game-dice .number-range-track{background:linear-gradient(to right,var(--dice-lower) 0 var(--range-target),var(--dice-upper) var(--range-target) 100%)}
.game-dice .target-value,.game-dice .number-scale>span:nth-child(2){color:#7bff9c}

/* Highlight the complete input group, including its multiplier suffix. */
.game-crash .multiplier-input{transition:border-color .16s,outline-color .16s}
.game-crash .multiplier-input:focus-within{outline:2px solid var(--mint);outline-offset:4px;border-color:var(--mint)}
.game-crash #crash-target:focus,.game-crash #crash-target:focus-visible{outline:none;box-shadow:none}

/* Faceted rank insignia and richer earned-rank colors, including the header. */
.rank-emblem{overflow:visible;filter:drop-shadow(0 2px 2px #0005)}
.rank-badge>span{grid-template-columns:24px auto;column-gap:7px}
.rank-badge .rank-emblem{width:24px;height:24px;margin-top:1px}
.rank-badge{border-color:var(--rank);box-shadow:0 0 16px color-mix(in srgb,var(--rank) 16%,transparent)}
.rank-badge>i{height:3px;box-shadow:0 0 8px var(--rank)}
.level-panel .rank-emblem{width:24px;height:24px}
.rank-overview-emblem{background:radial-gradient(ellipse at 30% 10%,color-mix(in srgb,var(--rank) 30%,transparent),#0c1925);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rank) 45%,transparent),0 0 22px color-mix(in srgb,var(--rank) 12%,transparent)}
.rank-overview-emblem>.rank-emblem{width:51px;height:51px}
.rank-symbol{width:56px;height:56px;border:1px solid color-mix(in srgb,var(--rank) 35%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--rank) 22%,#172839),#11212e)}
.rank-symbol>.rank-emblem{width:40px;height:40px}
.rank-step-top{margin-bottom:10px}
.rank-step.is-earned{border-color:color-mix(in srgb,var(--rank) 40%,#233743);background:linear-gradient(135deg,color-mix(in srgb,var(--rank) 12%,#172839),#10222f)}
.rank-step.is-current{background:linear-gradient(135deg,color-mix(in srgb,var(--rank) 23%,#172839),#10222f);box-shadow:inset 0 -3px var(--rank),0 0 22px color-mix(in srgb,var(--rank) 17%,transparent)}
.rank-step.is-locked .rank-symbol{border-color:#53626d;background:#26333d}
@media(max-width:760px){.rank-symbol{width:44px;height:44px}.rank-symbol>.rank-emblem{width:33px;height:33px}}
@media(max-width:390px){.rank-overview-emblem>.rank-emblem{width:40px;height:40px}}