:root{--l0: #f9df6d;--l1: #a0c35a;--l2: #b0c4ef;--l3: #ba81c5;--tile-bg: var(--surface-3);--tile-ink: var(--text);--tile-sel-bg: #5a594e;--tile-sel-ink: #fff}html.dark{--tile-bg: #3a3a3c;--tile-sel-bg: #e9e7e2;--tile-sel-ink: #121212}.cu-intro{text-align:center;margin:2px 0 12px;font-weight:700;color:var(--muted)}.cu-board{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(72px,auto);gap:8px;aspect-ratio:1 / 1;max-height:min(100vw - 32px,480px);margin:0 auto;width:100%}@media(min-height:760px){.cu-board{grid-auto-rows:minmax(80px,auto)}}.cu-tile{position:relative;border-radius:10px;background:var(--tile-bg);color:var(--tile-ink);font-weight:900;text-transform:uppercase;font-size:clamp(.66rem,3.2vw,1rem);line-height:1.05;letter-spacing:-.01em;padding:4px;display:grid;place-items:center;text-align:center;overflow-wrap:anywhere;hyphens:manual;transition:transform .12s var(--ease),background .15s,color .15s,opacity .3s;will-change:transform}.cu-tile.long{font-size:clamp(.56rem,2.6vw,.82rem);letter-spacing:-.02em}.cu-tile.xlong{font-size:clamp(.5rem,2.25vw,.72rem);letter-spacing:-.03em}.cu-tile:active{transform:scale(.94)}.cu-tile[aria-pressed=true]{background:var(--tile-sel-bg);color:var(--tile-sel-ink)}.cu-tile.pop{animation:cu-pop .22s var(--ease-bounce)}.cu-tile.jump{animation:cu-jump .4s var(--ease)}.cu-tile.shake{animation:sh-shake .5s}.cu-tile.vanish{animation:cu-vanish .35s var(--ease) forwards}.cu-tile.enter{animation:cu-enter .3s var(--ease) both}@keyframes cu-pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:none}}@keyframes cu-jump{0%{transform:none}35%{transform:translateY(-10px)}70%{transform:translateY(2px)}to{transform:none}}@keyframes cu-vanish{to{opacity:0;transform:scale(.6)}}@keyframes cu-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.cu-solved{grid-column:1 / -1;border-radius:10px;display:grid;place-items:center;text-align:center;color:#1e1c1a;padding:8px 10px;animation:cu-solved-in .45s var(--ease-bounce) both}.cu-solved[data-level="0"]{background:var(--l0)}.cu-solved[data-level="1"]{background:var(--l1)}.cu-solved[data-level="2"]{background:var(--l2)}.cu-solved[data-level="3"]{background:var(--l3)}.cu-solved b{display:block;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.01em}.cu-solved span{display:block;font-size:.9rem;font-weight:600;text-transform:uppercase}.cu-solved small{display:block;margin-top:2px;font-size:.72rem;font-weight:700;letter-spacing:.02em;opacity:.62}.cu-solved.revealed{animation:cu-reveal .5s var(--ease) both}@keyframes cu-solved-in{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes cu-reveal{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.cu-mistakes{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 14px;font-weight:700;color:var(--muted)}.cu-dots{display:inline-flex;gap:8px}.cu-dot{width:16px;height:16px;border-radius:50%;background:var(--tile-sel-bg);transition:transform .3s var(--ease),opacity .3s}html.dark .cu-dot{background:#8b8b8f}.cu-dot.lost{transform:scale(0);opacity:0}.cu-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cu-actions .sh-btn.outline{border-color:var(--text)}.cu-end{text-align:center;margin-top:16px;display:grid;gap:10px;justify-items:center}.cu-end .cu-grid{display:inline-grid;gap:2px;font-size:1.1rem;line-height:1;letter-spacing:1px}.cu-end .cu-grid span{display:block}.cu-help-row{display:flex;gap:6px;margin:6px 0 12px}.cu-help-row span{flex:1;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:.75rem;color:#1e1c1a}