:root{--ci-tile-bg: var(--surface);--ci-tile-edge: var(--surface-3);--ci-made-bg: color-mix(in srgb, var(--accent) 12%, var(--surface))}html.dark{--ci-tile-bg: var(--surface-2);--ci-tile-edge: #0a0e16;--ci-made-bg: color-mix(in srgb, var(--accent) 24%, var(--surface-2))}main.ci-main{padding-top:14px;gap:14px}.ci-head{display:grid;gap:10px;justify-items:center}.ci-target-card{width:100%;display:grid;justify-items:center;gap:2px;padding:12px 16px 14px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.ci-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ci-target{font-size:clamp(3.2rem,17vw,4.4rem);font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--accent)}html.dark .ci-target{color:color-mix(in srgb,var(--accent) 70%,#ffffff)}.ci-target.hit{animation:ci-hit .7s var(--ease-bounce)}@keyframes ci-hit{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:none}}.ci-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.9rem;font-weight:700;color:var(--muted)}.ci-clock{font-variant-numeric:tabular-nums;color:var(--text);min-width:3.2em;text-align:center;font-weight:800}.ci-clock.over{color:var(--muted)}.ci-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ci-tile,.ci-slot{height:clamp(64px,10.5dvh,84px);border-radius:14px}.ci-tile{background:var(--ci-tile-bg);box-shadow:0 2px 0 var(--ci-tile-edge),0 1px 3px #141a2a0f;font-size:clamp(1.7rem,8.4vw,2.2rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:grid;place-items:center;transition:transform .1s var(--ease),background .15s,color .15s,box-shadow .15s}.ci-tile.long{font-size:clamp(1.3rem,6.4vw,1.7rem)}.ci-tile.made{background:var(--ci-made-bg);color:var(--accent)}html.dark .ci-tile.made{color:color-mix(in srgb,var(--accent) 45%,#ffffff)}.ci-tile[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px color-mix(in srgb,var(--accent) 60%,#000);transform:translateY(-2px)}.ci-tile:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 1px 0 var(--ci-tile-edge)}.ci-tile:disabled{cursor:default}.ci-tile.pop{animation:ci-pop .22s var(--ease-bounce)}.ci-tile.born{animation:ci-born .42s var(--ease-bounce)}.ci-slot{border:2px dashed var(--border)}@keyframes ci-pop{0%{scale:.92}60%{scale:1.05}to{scale:1}}@keyframes ci-born{0%{scale:.6;opacity:.2}70%{scale:1.08;opacity:1}to{scale:1}}.ci-ops{display:flex;justify-content:center;gap:12px}.ci-op{width:60px;height:60px;border-radius:50%;background:var(--surface-2);font-size:1.9rem;font-weight:800;line-height:1;display:grid;place-items:center;transition:transform .1s var(--ease),background .15s,color .15s}.ci-op:active:not(:disabled){transform:scale(.93)}.ci-op[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.ci-op.pop{animation:ci-pop .22s var(--ease-bounce)}.ci-steps{list-style:none;margin:0 auto;padding:0;width:max-content;max-width:100%;min-height:7.6em;display:grid;align-content:start;gap:2px;counter-reset:step;font-variant-numeric:tabular-nums}.ci-steps li{counter-increment:step;display:flex;align-items:baseline;gap:10px;font-weight:700;font-size:1rem;animation:ci-in .25s var(--ease) both}.ci-steps li:before{content:counter(step);font-size:.72rem;font-weight:800;color:var(--muted);width:1.4em;text-align:right}.ci-steps li.ci-hint{color:var(--muted);font-weight:600;font-size:.92rem}.ci-steps.done{min-height:0}.ci-steps li.ci-hint:before{content:none}@keyframes ci-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ci-actions{display:flex;justify-content:center;gap:10px;margin-top:auto}.ci-actions .sh-btn.outline{border-color:var(--border)}.ci-actions .ci-icon{width:52px;padding:0}.ci-actions .ci-icon svg{width:22px;height:22px}.ci-actions #ci-finish{flex:1;max-width:220px;white-space:nowrap}.ci-actions #ci-finish.confirm{background:var(--text);color:var(--bg)}.ci-actions .pop{animation:ci-pop .22s var(--ease-bounce)}.ci-end{display:grid;justify-items:center;gap:8px;text-align:center;animation:ci-in .35s var(--ease) both}.ci-end-head{font-size:1.35rem;font-weight:900;letter-spacing:-.02em}.ci-stars{display:flex;justify-content:center;gap:6px;font-size:2rem;line-height:1;margin-bottom:4px}.ci-stars span{color:var(--surface-3)}.ci-stars span.on{color:var(--warn);animation:ci-star .45s var(--ease-bounce) both;animation-delay:calc(var(--i) * .12s + .1s)}@keyframes ci-star{0%{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}.ci-solution{width:100%;margin:6px 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2);text-align:center}.ci-solution b{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.ci-solution p{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin:0 0 4px;font-weight:800;font-variant-numeric:tabular-nums}.ci-solution small{color:var(--muted);font-size:.82rem}.sh-modal .ci-solution{margin-top:0}