.dsp-backdrop{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:768px){.dsp-backdrop{align-items:center;padding:20px}}.dsp-card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px 16px;text-align:center;background-image:radial-gradient(120% 60% at 50% 0%,rgba(255,122,47,.16),transparent 62%)}.dsp-hero,.dsp-options,.dsp-dots,.dsp-later{--dsp-accent: var(--sp-accent, #FF7A2F);--dsp-accent-2: #FFB347;--dsp-ink: #3b2a20;--dsp-tile-top: #ffffff;--dsp-tile-bottom: #fff4ea;--dsp-tile-line: rgba(255, 122, 47, .28);--dsp-tile-ledge: rgba(214, 110, 40, .22);--dsp-medal-top: #ffffff;--dsp-medal-bottom: #fff0e0}:root.dark .dsp-hero,:root.dark .dsp-options,:root.dark .dsp-dots,:root.dark .dsp-later,:root[data-theme=dark] .dsp-hero,:root[data-theme=dark] .dsp-options,:root[data-theme=dark] .dsp-dots,:root[data-theme=dark] .dsp-later{--dsp-ink: #f4ecff;--dsp-tile-top: #2c2656;--dsp-tile-bottom: #211c44;--dsp-tile-line: rgba(255, 179, 71, .3);--dsp-tile-ledge: rgba(0, 0, 0, .45);--dsp-medal-top: #332c62;--dsp-medal-bottom: #241f4a}.dsp-hero{position:relative;width:132px;height:92px;flex:none;display:grid;place-items:center;margin-bottom:2px}.dsp-orbit{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;border:2px dashed rgba(255,122,47,.45);animation:dsp-spin 14s linear infinite}.dsp-medal{position:relative;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--dsp-medal-top),var(--dsp-medal-bottom));border:2px solid rgba(255,122,47,.5);animation:dsp-medal-in .55s cubic-bezier(.34,1.56,.64,1) both}.dsp-medal img{animation:dsp-bob 2.6s ease-in-out .6s infinite}.dsp-plus{position:absolute;right:12px;bottom:4px;padding:3px 10px 2px;border-radius:999px;background:linear-gradient(135deg,var(--dsp-accent) 0%,var(--dsp-accent-2) 100%);color:#fff;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.02em;font-variant-numeric:tabular-nums;border:2px solid var(--dsp-medal-top);animation:dsp-pop .45s cubic-bezier(.34,1.56,.64,1) .25s both}.dsp-twinkle{position:absolute;margin:-6px 0 0 -6px;background:linear-gradient(135deg,#FFD37A,var(--dsp-accent));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:dsp-twinkle 2.2s ease-in-out infinite}.dsp-kicker{margin:0;display:inline-flex;align-items:baseline;gap:5px;padding:4px 12px;border-radius:999px;background:#ff7a2f1f;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--sp-accent, #FF7A2F)}.dsp-prompt{margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.5;text-wrap:balance;word-break:auto-phrase}.dsp-options{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}@media(max-width:375px){.dsp-options{display:grid;grid-template-columns:repeat(6,1fr);justify-items:center}.dsp-options>li:nth-child(1){grid-column:2 / span 2}.dsp-options>li:nth-child(2){grid-column:4 / span 2}.dsp-options>li:nth-child(3){grid-column:1 / span 2}.dsp-options>li:nth-child(4){grid-column:3 / span 2}.dsp-options>li:nth-child(5){grid-column:5 / span 2}}.dsp-options>li{animation:dsp-pop .46s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i, 0) * 60ms + .16s)}.dsp-options.is-shake-a{animation:dsp-shake-a .42s ease-out}.dsp-options.is-shake-b{animation:dsp-shake-b .42s ease-out}.dsp-option{position:relative;width:60px;height:60px;display:grid;place-items:center;border:1.5px solid var(--dsp-tile-line);border-radius:16px;background:linear-gradient(180deg,var(--dsp-tile-top) 0%,var(--dsp-tile-bottom) 100%);box-shadow:0 3px 0 var(--dsp-tile-ledge),0 10px 18px -12px #78320a73;color:var(--dsp-ink);cursor:pointer;transition:transform .14s cubic-bezier(.34,1.56,.64,1),border-color .14s ease;-webkit-tap-highlight-color:transparent}.dsp-ico{display:grid;place-items:center;animation:dsp-bob 2.4s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.48s)}.dsp-option:hover:not(:disabled){transform:translateY(-3px);border-color:var(--dsp-accent)}.dsp-option:active:not(:disabled){transform:translateY(2px) scale(.96)}.dsp-option.is-picked{border-color:transparent;background:linear-gradient(135deg,var(--dsp-accent) 0%,var(--dsp-accent-2) 100%);box-shadow:0 3px #c9541a,0 12px 22px -10px #ff7a2fbf;color:#fff;transform:translateY(-2px)}.dsp-tick{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--dsp-accent);border:2px solid var(--dsp-accent);animation:dsp-pop .3s cubic-bezier(.34,1.56,.64,1) both}.dsp-options.is-busy .dsp-option:not(.is-picked){opacity:.45}.dsp-options.is-busy .dsp-option.is-picked{animation:dsp-pulse .8s ease-in-out infinite}.dsp-option:disabled{cursor:default}.dsp-option:focus-visible{outline:2px solid var(--dsp-accent);outline-offset:3px}.dsp-missing{width:26px;height:26px;border-radius:6px;background:currentColor;opacity:.12}.dsp-dots{display:flex;gap:8px;margin-top:2px}.dsp-dots>span{width:10px;height:10px;border-radius:50%;border:2px solid var(--dsp-tile-line);background:transparent;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dsp-dots>span.is-on{border-color:var(--dsp-accent);background:var(--dsp-accent);transform:scale(1.2)}.dsp-msg{margin:0;font-size:13px;font-weight:700}.dsp-msg.is-wrong{color:#e0483a;animation:dsp-pop .3s ease-out both}.dsp-later{margin-top:6px;border:1.5px solid var(--sp-line, rgba(128, 128, 128, .3));border-radius:999px;background:transparent;color:var(--sp-text-muted, #8a8a8a);font-size:14px;font-weight:700;padding:8px 26px;cursor:pointer;transition:border-color .14s ease,color .14s ease}.dsp-later:hover:not(:disabled){border-color:var(--dsp-accent);color:var(--dsp-accent)}.dsp-later:disabled{opacity:.5;cursor:default}.dsp-later:focus-visible{outline:2px solid var(--sp-accent, #FF7A2F);outline-offset:2px}.dsp-laterNote{margin:0;font-size:11.5px;line-height:1.5;color:var(--sp-text-muted, #8a8a8a);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:375px){.dsp-laterNote{font-size:10.5px}}@media(max-width:339px){.dsp-laterNote{font-size:9.5px}}.dsp-msg.is-hint{color:var(--sp-text-muted, #8a8a8a);font-weight:600}@keyframes dsp-pop{0%{transform:translateY(10px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes dsp-medal-in{0%{transform:scale(.4) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}@keyframes dsp-spin{to{transform:rotate(360deg)}}@keyframes dsp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes dsp-twinkle{0%,to{transform:scale(.2) rotate(0);opacity:0}45%{transform:scale(1) rotate(45deg);opacity:1}70%{transform:scale(.6) rotate(70deg);opacity:.5}}@keyframes dsp-pulse{0%,to{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.07)}}@keyframes dsp-shake-a{0%,to{transform:none}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes dsp-shake-b{0%,to{transform:none}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.dsp-option,.dsp-dots>span{transition:none}.dsp-orbit,.dsp-medal,.dsp-medal img,.dsp-plus,.dsp-options>li,.dsp-options.is-shake-a,.dsp-options.is-shake-b,.dsp-ico,.dsp-tick,.dsp-msg.is-wrong,.dsp-options.is-busy .dsp-option.is-picked{animation:none}.dsp-twinkle{display:none}}