.sc-stage{--sc-c:var(--accent);gap:var(--space-3);padding:var(--space-4);background:radial-gradient(60% 50% at 50% 55%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 72%), linear-gradient(180deg, #03070533, #0307059e), url(/assets/minigames/scratch/cover-bg.webp) center 40% / cover, #061009;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.sc-t-common{--sc-c:#a9bdb3}.sc-t-gold{--sc-c:#ffd36b}.sc-t-elite{--sc-c:#3ddc84}.sc-t-star{--sc-c:#5fd4ff}.sc-t-legend{--sc-c:#c792ff}.sc-t-mythic{--sc-c:#ff6b6b}.sc-race{z-index:2;grid-template-columns:repeat(6,minmax(0,1fr));justify-self:center;gap:6px;width:100%;max-width:520px;display:grid;position:relative}.sc-lane{background:color-mix(in srgb, var(--sc-c) 12%, #06100bc7);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sc-c) 40%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s var(--ease-out), box-shadow .25s;border-radius:12px;justify-items:center;gap:4px;padding:6px 2px;display:grid}.sc-lane b{color:var(--sc-c);font-size:14px;font-weight:900;line-height:1}.sc-pips{gap:3px;display:flex}.sc-pips i{background:#ffffff24;border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s,transform .2s}.sc-pips i.is-on{background:var(--sc-c);box-shadow:0 0 8px var(--sc-c);animation:sc-pip .35s var(--ease-out)}@keyframes sc-pip{0%{transform:scale(2.2)}}.sc-lane.is-hot{animation:1.1s ease-in-out infinite sc-hot}@keyframes sc-hot{50%{box-shadow:inset 0 0 0 2px var(--sc-c), 0 0 18px color-mix(in srgb, var(--sc-c) 55%, transparent);transform:translateY(-2px)}}.sc-lane.is-win{box-shadow:inset 0 0 0 2px var(--sc-c), 0 0 26px color-mix(in srgb, var(--sc-c) 70%, transparent);animation:none;transform:scale(1.08)}.sc-board-wrap{justify-self:center;width:min(100%,420px);position:relative}@media (min-width:1100px){.sc-board-wrap{width:min(100%,470px)}}.sc-board{background:linear-gradient(160deg,#ffffff1a,#06100bb3);border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 40px #00000059}.sc-cell{aspect-ratio:1;font:inherit;color:var(--text-primary);cursor:default;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--sc-c) 30%, #10251a), #08140d 75%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sc-c) 35%, transparent);transition:transform .3s var(--ease-out), opacity .3s, filter .3s, box-shadow .3s;border:0;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.sc-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sc-cell.is-open>*{animation:.4s cubic-bezier(.2,1.3,.4,1) both sc-pop}@keyframes sc-pop{0%{opacity:0;transform:scale(.7)rotate(-4deg)}}.sc-cell.is-win{z-index:1;box-shadow:inset 0 0 0 2px var(--sc-c), 0 0 24px color-mix(in srgb, var(--sc-c) 75%, transparent);animation:1.2s ease-in-out .4s infinite sc-win;transform:scale(1.06)}@keyframes sc-win{50%{box-shadow:inset 0 0 0 2px var(--sc-c), 0 0 38px color-mix(in srgb, var(--sc-c) 90%, transparent)}}.sc-cell.is-dim{opacity:.55;filter:saturate(.6)}.sc-drawn{justify-items:center;gap:2px;display:grid}.sc-drawn b{color:var(--sc-c);text-shadow:0 0 14px color-mix(in srgb, var(--sc-c) 60%, transparent);font-size:30px;font-weight:900;line-height:1}.sc-drawn small{color:var(--text-secondary);font-size:12px;font-weight:800}.sc-foil{z-index:2;pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.sc-phase-scratch .sc-foil{pointer-events:auto;cursor:grab}.sc-phase-scratch .sc-foil:active{cursor:grabbing}.sc-phase-idle .sc-board-wrap{animation:3.2s ease-in-out infinite sc-idle}@keyframes sc-idle{50%{transform:translateY(-4px)rotate(-.6deg)}}.sc-foot{z-index:2;text-align:center;justify-items:center;min-height:40px;display:grid;position:relative}.sc-hint{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.sc-result{align-items:baseline;gap:var(--space-3);animation:sc-res .45s var(--ease-out) both;flex-wrap:wrap;justify-content:center;display:inline-flex}@keyframes sc-res{0%{opacity:0;transform:translateY(10px)scale(.9)}}.sc-result b{color:var(--text-primary);font-size:32px;font-weight:900}.sc-result.is-won b{color:var(--accent);text-shadow:0 0 20px color-mix(in srgb, var(--accent) 55%, transparent)}.sc-result-pay{color:var(--text-secondary);align-items:center;gap:4px;font-size:20px;font-weight:800;display:inline-flex}.sc-result.is-won .sc-result-pay{color:var(--accent)}.sc-result small{color:var(--text-secondary);font-size:12px;font-weight:700}.sc-odds{background:color-mix(in srgb, var(--bg-raised) 85%, #000 10%);border-radius:12px;gap:2px;padding:8px;display:grid}.sc-odds-head,.sc-odds-row{grid-template-columns:1fr auto 56px;align-items:center;gap:10px;padding:4px 6px;font-size:12px;display:grid}.sc-odds-head{color:var(--text-tertiary,var(--text-secondary));text-transform:uppercase;letter-spacing:.06em;font-weight:700}.sc-odds-head span:nth-child(n+2),.sc-odds-row>:nth-child(n+2){text-align:right}.sc-odds-row>span:first-child{align-items:center;gap:8px;font-weight:700;display:inline-flex}.sc-odds-row i{background:var(--sc-c);width:10px;height:10px;box-shadow:0 0 8px color-mix(in srgb, var(--sc-c) 70%, transparent);border-radius:3px}.sc-odds-row b{color:var(--sc-c);font-weight:900}.sc-note{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}@media (prefers-reduced-motion:reduce){.sc-lane,.sc-pips i,.sc-cell,.sc-cell>*,.sc-board-wrap,.sc-result{animation:none!important}}@media (max-width:520px){.sc-stage{gap:var(--space-2);padding:var(--space-3)}.sc-race{gap:4px}.sc-lane b{font-size:12px}.sc-board{padding:8px}.sc-result b{font-size:28px}}.sc-face{place-items:center;width:100%;height:100%;display:grid;position:relative}.sc-face>.sc-drawn{grid-area:1/1}.sc-face>.sc-fc{z-index:1;grid-area:1/1;position:relative}.sc-cell .sc-fc{transition:opacity .18s ease-out}.sc-cell.is-wait{animation:.9s ease-in-out infinite sc-wait}@keyframes sc-wait{50%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 35%, transparent)}}@media (prefers-reduced-motion:reduce){.sc-cell.is-wait{animation:none}}