.cel{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;padding:1rem}.cel[hidden]{display:none}.cel-scrim{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 50%,#080a0b9e,#080a0b47 70%,#080a0b00);opacity:0;transition:opacity .26s ease-out;pointer-events:none}.cel.is-armed .cel-scrim{pointer-events:auto;cursor:pointer}.cel.is-in.cel-match .cel-scrim{opacity:1}.cel-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cel-fx[hidden]{display:none}.cel-card{position:relative;text-align:center;max-width:min(46rem,92%);opacity:0;transform:scale(.9);transform-origin:50% 50%;filter:drop-shadow(0 10px 34px rgb(0 0 0 / .72))}.cel.is-in .cel-card{opacity:1;transform:scale(1);transition:opacity .22s ease-out,transform .46s cubic-bezier(.16,1,.3,1)}.cel.is-out .cel-card{opacity:0;transform:scale(1.02);transition:opacity .24s ease-in,transform .24s ease-in}.cel-scope{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.55rem;opacity:0;transform:translateY(4px)}.cel.is-in .cel-scope{opacity:1;transform:none;transition:opacity .2s ease-out 60ms,transform .32s cubic-bezier(.16,1,.3,1) 60ms}.cel-title{margin:0;font-family:var(--sans);font-weight:700;letter-spacing:-.015em;line-height:1.02;color:var(--ink);font-size:clamp(2rem,6.4vw,3.6rem)}.cel-frame .cel-title{font-size:clamp(1.35rem,3.6vw,2.05rem);font-weight:650}.cel-rule{height:2px;width:min(20rem,70%);margin:.85rem auto 0;background:var(--brass);transform:scaleX(0);transform-origin:50% 50%;border-radius:2px}.cel.is-in .cel-rule{transform:scaleX(1);transition:transform .52s cubic-bezier(.16,1,.3,1) 90ms}.cel-frame .cel-rule{height:1px;width:min(13rem,55%);margin-top:.6rem}.cel-sub{margin:.8rem 0 0;font-size:14px;color:var(--ink-dim);opacity:0;transform:translateY(5px)}.cel-sub:empty{display:none}.cel.is-in .cel-sub{opacity:1;transform:none;transition:opacity .26s ease-out .15s,transform .42s cubic-bezier(.16,1,.3,1) .15s}.cel-frame .cel-sub{font-size:12.5px;margin-top:.55rem}.cel-race{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:.35rem .75rem;margin-top:1rem;opacity:0;transform:translateY(5px)}.cel-race:empty{display:none}.cel.is-in .cel-race{opacity:1;transform:none;transition:opacity .28s ease-out .23s,transform .42s cubic-bezier(.16,1,.3,1) .23s}.cel-race-name{font-size:12.5px;color:var(--ink-faint);text-align:right;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cel-race-row.is-leader .cel-race-name{color:var(--ink-dim)}.cel-race-pips{display:flex;gap:4px;align-items:center}.cel-pip{width:8px;height:8px;border-radius:50%;border:1px solid var(--line);background:transparent}.cel-pip.is-won{background:var(--ink-faint);border-color:var(--ink-faint)}.cel-race-row.is-leader .cel-pip.is-won{background:var(--ink-dim);border-color:var(--ink-dim)}.cel-pip.is-new{background:var(--brass);border-color:var(--brass);box-shadow:0 0 0 3px #c9a24a38}.cel-race-score{font-family:var(--mono);font-size:13px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.cel-race-row.is-leader .cel-race-score{color:var(--ink)}.cel-hint{margin:1.35rem 0 0;font-size:11px;letter-spacing:.08em;color:var(--ink-faint);opacity:0}.cel-hint[hidden]{display:none}.cel.is-in .cel-hint{opacity:1;transition:opacity .42s ease-out .85s}.cel-hint kbd{margin:0 1px}.cel-win .cel-card{transform:scale(.86)}.cel-win.is-in .cel-card{transition:opacity .2s ease-out,transform .56s cubic-bezier(.2,1.12,.32,1)}.cel-win .cel-title{color:var(--brass)}.cel-loss .cel-card{transform:scale(.97)}.cel-loss.is-in .cel-card{transition:opacity .2s ease-out,transform .3s cubic-bezier(.16,1,.3,1)}.cel-loss .cel-title{color:var(--ink-dim);font-weight:600;font-size:clamp(1.6rem,4.4vw,2.5rem)}.cel-loss .cel-rule{background:var(--line);height:1px}.cel-loss .cel-sub{color:var(--ink-faint)}.cel-loss.is-in .cel-rule{transition:transform .34s cubic-bezier(.16,1,.3,1) 60ms}.cel-neutral .cel-card{transform:scale(.9)}.cel-neutral .cel-title{color:var(--ink)}@media(prefers-reduced-motion:reduce){.cel-card,.cel-scope,.cel-sub,.cel-race,.cel-hint,.cel-scrim{transform:none!important}.cel .cel-card,.cel .cel-scope,.cel .cel-sub,.cel .cel-race,.cel .cel-hint,.cel .cel-scrim,.cel.is-in .cel-card,.cel.is-in .cel-scope,.cel.is-in .cel-sub,.cel.is-in .cel-race,.cel.is-in .cel-hint,.cel.is-out .cel-card{transition:opacity .14s linear!important}.cel-rule,.cel.is-in .cel-rule{transform:none!important;transition:opacity .14s linear!important}}
