/* Final decorative finish. The app remains the source of results and timing. */
.case-polished .case-hero-hooks #caseTeaser { position:relative; display:inline-flex; align-items:center; gap:8px; }
.case-polished #caseTopPrize { color:#eacb7b; }
.case-teaser-art { width:86px;height:58px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 9px rgb(0 0 0/.25)); }
.case-polished .dc-panel { position:relative;isolation:isolate; }
.case-polished .dc-stage { isolation:isolate;
 background:radial-gradient(ellipse at 50% -20%,rgb(150 214 171/.16),transparent 54%),linear-gradient(140deg,#0b1716,#081011 70%);
 box-shadow:0 18px 32px -26px #000,inset 0 0 0 1px rgb(198 226 211/.09),inset 0 0 65px -24px rgb(97 206 148/.14); }
.case-stage-rim { position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;overflow:hidden;
 background:linear-gradient(90deg,transparent 15%,rgb(166 219 182/.32),transparent 85%) top/100% 1px no-repeat,linear-gradient(90deg,transparent 15%,rgb(246 200 87/.22),transparent 85%) bottom/100% 1px no-repeat; }
.case-stage-rim::before { content:"";position:absolute;inset:8px;border-radius:5px;opacity:.65;
 background:linear-gradient(#b5d2bf,#b5d2bf) left top/12px 1px no-repeat,linear-gradient(#b5d2bf,#b5d2bf) left top/1px 12px no-repeat,
 linear-gradient(#b5d2bf,#b5d2bf) right top/12px 1px no-repeat,linear-gradient(#b5d2bf,#b5d2bf) right top/1px 12px no-repeat,
 linear-gradient(#b5d2bf,#b5d2bf) left bottom/12px 1px no-repeat,linear-gradient(#b5d2bf,#b5d2bf) left bottom/1px 12px no-repeat,
 linear-gradient(#b5d2bf,#b5d2bf) right bottom/12px 1px no-repeat,linear-gradient(#b5d2bf,#b5d2bf) right bottom/1px 12px no-repeat; }
.case-stage-rim::after { content:"";position:absolute;inset:0;opacity:0;transform:translateX(-110%);
 background:linear-gradient(115deg,transparent 25%,rgb(180 248 208/.08) 48%,transparent 72%); }
.case-polished .dc-panel[aria-busy='true'] .case-stage-rim::after { opacity:1;animation:case-scan 1.8s linear infinite; }
.case-polished .dc-tile { isolation:isolate; }
.case-prize-halo { position:absolute;z-index:0;width:74%;aspect-ratio:1;left:13%;top:5%;border-radius:50%;pointer-events:none;opacity:.55;
 background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tier) 25%,transparent),transparent 65%); }
.case-prize-halo::before { content:"";position:absolute;inset:13%;border-radius:50%;border:1px solid color-mix(in srgb,var(--tier) 23%,transparent);
 box-shadow:0 0 26px -8px color-mix(in srgb,var(--tier) 40%,transparent),inset 0 0 20px -8px color-mix(in srgb,var(--tier) 20%,transparent); }
.case-prize-halo::after { content:"";position:absolute;width:50%;height:12%;left:25%;bottom:12%;border-radius:50%;
 background:color-mix(in srgb,var(--tier) 20%,transparent);filter:blur(5px); }
.case-polished .dc-tile .art { position:relative;z-index:1;width:calc(var(--tw)*.43);height:calc(var(--tw)*.43);
 filter:drop-shadow(0 9px 5px rgb(0 0 0/.48)) drop-shadow(0 0 10px color-mix(in srgb,var(--tier) 22%,transparent)); }
.case-polished .dc-tile .amt,.case-polished .dc-tile .coin { position:relative;z-index:1; }
.case-polished .dc-stage[data-skin='cs'] .dc-tile:not(.lv0),.case-polished .dc-stage[data-skin='classic'] .dc-tile:not(.lv0) {
 background-image:linear-gradient(135deg,rgb(255 255 255/.065),transparent 25%,transparent 62%,color-mix(in srgb,var(--tier) 10%,transparent));
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 48%,#2c3940),inset 0 1px 0 rgb(255 255 255/.16),0 10px 14px -10px rgb(0 0 0/.75); }
.case-polished .dc-stage:is([data-skin='cs'],[data-skin='classic']) .dc-tile:is(.lv4,.top) {
 box-shadow:inset 0 0 0 1px #ffe5a2,inset 0 0 0 3px #262517,inset 0 0 0 4px #947431,0 0 22px -8px rgb(255 207 91/.5);
 background-image:linear-gradient(130deg,rgb(255 232 152/.16),transparent 35%,transparent 60%,rgb(255 207 91/.08)); }
.case-polished .dc-stage[data-format='slot'] .dc-tile .art { width:calc(var(--th)*.65);height:calc(var(--th)*.65); }
.case-polished .dc-stage[data-format='slot'] .case-prize-halo { width:25%;left:1%;top:0; }
.case-polished .dc-stage[data-format='cards'] .case-prize-halo { top:16%; }
.case-polished .dc-card-back { background:radial-gradient(circle at 50% 38%,rgb(97 206 148/.12),transparent 58%),repeating-linear-gradient(45deg,#152a24 0 2px,#10201b 2px 12px);
 box-shadow:inset 0 0 0 1px #55735d,inset 0 0 0 5px #0e1a15,inset 0 0 0 6px #304d3b,0 12px 22px -14px #000; }
.case-polished .dc-card-back img { opacity:.85;filter:drop-shadow(0 3px 7px rgb(97 206 148/.3)); }
.case-polished .dc-wheel-svg { filter:drop-shadow(0 14px 18px rgb(0 0 0/.5)); }
.case-polished .dc-marker { background:linear-gradient(#fff4cb,#c29238 25%,#ffe3a0 65%,#b57d21);box-shadow:0 0 7px #f6c85799,0 0 25px #f6c85744; }
.case-polished #openBtn { border:1px solid rgb(201 255 222/.22);box-shadow:inset 0 1px 0 rgb(230 255 241/.3),0 10px 24px -14px rgb(97 206 148/.9);transition:box-shadow .2s,filter .2s,translate .15s; }
.case-polished #openBtn:hover:not([aria-disabled='true']) { filter:brightness(1.06);box-shadow:inset 0 1px 0 rgb(230 255 241/.4),0 12px 25px -12px rgb(97 206 148/.7); }
.case-polished #openBtn.case-press { translate:0 2px;filter:brightness(.95); }
.case-polished .dc-result #rTile .art { width:calc(var(--tw)*.7);height:calc(var(--tw)*.7); }
.case-polished .dc-result #rTile .case-prize-halo { top:10%;width:84%;left:8%; }
.case-polished .dc-result .dc-claim { border-radius:8px;padding:16px 0 0; }
.case-polished .dc-result .dc-claim input,.case-polished .dc-result .dc-claim select { box-shadow:inset 0 2px 4px rgb(0 0 0/.1); }
.case-polished .dc-result.case-result-flash::before { content:"";position:absolute;inset:0 0 auto;height:130px;pointer-events:none;border-radius:inherit;
 background:linear-gradient(110deg,transparent 10%,color-mix(in srgb,var(--tier) 12%,transparent),transparent 85%);animation:case-reveal-sweep .8s ease-out both; }
@keyframes case-scan { to { transform:translateX(110%); } }
@keyframes case-reveal-sweep { from {opacity:0;transform:translateX(-18%);}30%{opacity:1;}to{opacity:0;transform:translateX(15%);} }
:root[data-theme='light'] .case-polished #caseTopPrize { color:#8a611c; }
:root[data-theme='light'] .case-polished #caseTeaser { color:#273c31; }
:root[data-theme='light'] .case-polished .dc-result.case-result-flash::before { opacity:.35; }
@media (max-width:639px) {
 .case-teaser-art { width:46px;height:32px; }
 .case-polished .dc-stage .dc-tile .art { filter:drop-shadow(0 6px 4px rgb(0 0 0/.4)); }
 .case-polished .dc-stage[data-format='slot'] .dc-tile .art { width:calc(var(--th)*.62);height:calc(var(--th)*.62); }
}
@media (hover:hover) and (pointer:fine) {
 .case-polished .dc-stage:not(.landed) .dc-tile:not(.lv0):hover .art { translate:0 -3px; }
 .case-polished .dc-tile .art { transition:translate .25s ease; }
}
@media (prefers-reduced-motion:reduce) {
 .case-polished .case-stage-rim::after,.case-polished .dc-result.case-result-flash::before { animation:none!important;display:none; }
 .case-polished .dc-tile .art,.case-polished #openBtn { transition:none!important;translate:none!important; }
}
@media (prefers-reduced-transparency:reduce) { .case-prize-halo { opacity:.2; } }
@media (forced-colors:active) { .case-prize-halo,.case-stage-rim,.case-teaser-art { display:none; } }
.case-polished #result { scroll-margin-top:88px; }

/* Keep anchor destinations readable below the sticky header. */
#oddsTitle { scroll-margin-top: 96px; }
/* The copied desktop search has no search service in this preview. */
.clean .nd-hbtns .lg-up { display: none !important; }

.sound-preview { min-height:44px; padding:0 14px; border:1px solid var(--hairline-strong); border-radius:10px; background:transparent; color:rgb(var(--text-muted)); font:inherit; font-size:12px; cursor:pointer; }
.sound-preview:hover { color:rgb(var(--text)); border-color:rgb(var(--accent) / .5); }
.sound-preview:focus-visible { outline:2px solid rgb(var(--accent)); outline-offset:3px; }
.sound-preview[hidden] { display:none; }
@media(max-width:639px) { .case-options .sound-preview { grid-column:1/-1; } }