@layer components{.cd-stage{-webkit-user-select:none;user-select:none;padding:0}.cd-bar{z-index:3;height:40px;color:var(--on-dark-dim);align-items:center;gap:14px;font-size:13px;display:flex;position:absolute;top:10px;left:16px;right:16px}.cd-bar b{color:var(--on-dark);font-weight:600}.cd-note{z-index:15;left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));text-align:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;width:max-content;max-width:calc(100% - 32px);animation:pop .3s var(--ease-pop) both;background:#000000b8;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:500;position:absolute;translate:-50%}.cd-btn{color:#fff;height:40px;transition:transform .24s var(--ease-spring), opacity .16s ease;border-radius:999px;flex:none;padding:0 16px;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1.5px #ffffff59}.cd-btn:active:not(:disabled){transform:scale(.95)}.cd-btn:disabled{opacity:.35}.cd-btn:focus-visible{outline:2px solid var(--rn);outline-offset:3px}.cd-push{margin-left:auto}.cd-slot{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .1);position:relative;box-shadow:inset 0 0 0 1.5px #ffffff2e}.cd-slot.is-target,.cd-col.is-target:before{box-shadow:inset 0 0 0 2px #ccff3dbf}.cd-ghost{color:#ffffff24;width:44%;height:44%;position:absolute;inset:28%}.cd-col{height:100%;position:relative}.cd-col:before{content:"";height:var(--ch);border-radius:calc(var(--cw) * .1);position:absolute;inset:0 0 auto;box-shadow:inset 0 0 0 1.5px #ffffff1f}.cd-card{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .1);text-align:left;color:#17171b;touch-action:none;transition:top .16s var(--ease-out);background:#fbfaf6;padding:0;display:block;position:absolute;top:0;left:0;box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #00000014}.cd-card.is-red{color:#d42a3a}.cd-card.is-back{background:radial-gradient(circle,#ccff3d 1.1px,#0000 1.6px) 0 0/7px 7px,#121214;box-shadow:0 1px 2px #00000059,inset 0 0 0 2px #fbfaf6,inset 0 0 0 4px #121214}.cd-corner{font-size:calc(var(--cw) * .27);letter-spacing:-.06em;align-items:center;gap:1px;font-weight:700;line-height:1;display:flex;position:absolute;top:5%;left:8%}.cd-pip{width:calc(var(--cw) * .21);height:calc(var(--cw) * .21);flex:none}.cd-big{width:46%;height:46%;position:absolute;bottom:7%;right:8%}.is-narrow .cd-corner{font-size:calc(var(--cw) * .4);letter-spacing:-.08em;gap:0;top:3%;left:5%}.is-narrow .cd-pip{width:calc(var(--cw) * .3);height:calc(var(--cw) * .3)}.is-narrow .cd-big{width:46%;height:40%;bottom:8%;right:12%}.cd-card:focus-visible{z-index:50;outline:3px solid var(--rn);outline-offset:2px}.cd-card.is-ghosted{opacity:.25}.cd-card.is-hint{box-shadow:0 0 0 3px var(--rn), 0 6px 18px #0006}.cd-card.is-nope{animation:.26s cd-nope}@keyframes cd-nope{25%{translate:-4px}75%{translate:4px}}.cd-float{z-index:20;width:var(--cw);pointer-events:none;position:absolute;top:0;left:0}.cd-float .cd-card{transition:none;box-shadow:0 12px 26px #00000073}.cd-finish{z-index:10;left:50%;bottom:max(28px, calc(env(safe-area-inset-bottom) + 14px));animation:pop .32s var(--ease-pop) both;position:absolute;translate:-50%}.cd-won{z-index:10;text-align:center;letter-spacing:-.05em;text-shadow:0 4px 24px #0009;pointer-events:none;animation:pop .36s var(--ease-pop) both;font-size:44px;font-weight:600;position:absolute;top:44%;left:0;right:0}.cd-summary{align-items:center;gap:14px;display:flex}.cd-summary-cards{--cw:40px;--ch:56px;flex:none;width:92px;height:58px;position:relative}.cd-summary-cards .cd-card{transition:none}.cd-summary p{color:var(--on-dark-dim);font-size:13.5px;line-height:1.35}.cd-summary b{color:var(--on-dark);font-weight:600}@keyframes cd-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.cd-card{transition:none}.cd-card.is-nope{box-shadow:0 0 0 3px var(--bad,#ff4d4f);animation:none}.cd-finish,.cd-won,.cd-note{animation:.15s both cd-fade}}}