.u5-merge{border-radius:calc(var(--radius) + 4px);background:color-mix(in oklab, var(--foreground) 12%, var(--card));touch-action:none;-webkit-user-select:none;user-select:none;gap:8px;margin:0 auto;padding:8px;display:grid}.u5-tile{aspect-ratio:1;background:color-mix(in oklab, var(--foreground) 6%, var(--card));font:800 clamp(1rem, 4.5vw, 1.7rem) var(--font-display);color:var(--foreground);border-radius:10px;place-items:center;display:grid}.u5-tile.v2{background:color-mix(in oklab, var(--primary) 12%, var(--card))}.u5-tile.v4{background:color-mix(in oklab, var(--primary) 22%, var(--card))}.u5-tile.v8{background:color-mix(in oklab, var(--warning) 35%, var(--card))}.u5-tile.v16{background:color-mix(in oklab, var(--warning) 55%, var(--card))}.u5-tile.v32{background:color-mix(in oklab, var(--destructive) 45%, var(--card))}.u5-tile.v64{background:color-mix(in oklab, var(--destructive) 70%, var(--card));color:var(--background)}.u5-tile.v128,.u5-tile.v256{background:color-mix(in oklab, var(--success) 60%, var(--card));color:var(--background);box-shadow:0 0 14px color-mix(in oklab, var(--success) 40%, transparent)}.u5-tile.v512,.u5-tile.v1024{background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 18px color-mix(in oklab, var(--primary) 50%, transparent);font-size:clamp(.9rem,3.6vw,1.4rem)}.u5-tile.v2048,.u5-tile.v4096{background:linear-gradient(135deg, var(--warning), var(--primary));color:var(--background);box-shadow:0 0 24px var(--warning);font-size:clamp(.85rem,3.4vw,1.3rem)}.u5-tile.spawn{animation:.2s ease-out u5-pop}.u5-tile.merge{animation:.2s ease-out u5-bump}.u5-arrows{grid-template-columns:repeat(3,56px);grid-template-areas:".up.""left down right";justify-content:center;gap:6px;margin:.8rem auto 0;display:grid}.u5-arrows .up{grid-area:up}.u5-arrows .left{grid-area:left}.u5-arrows .down{grid-area:down}.u5-arrows .right{grid-area:right}.u5-slide{border-radius:var(--radius);background:color-mix(in oklab, var(--foreground) 10%, var(--card));gap:6px;margin:0 auto;padding:8px;display:grid}.u5-stile{aspect-ratio:1;border:1px solid var(--border);background:linear-gradient(160deg, var(--card), var(--surface));font:800 clamp(1rem, 4vw, 1.5rem) var(--font-display);color:inherit;cursor:pointer;box-shadow:inset 0 -3px 0 var(--border);border-radius:10px;transition:transform .1s}.u5-stile.home{color:var(--primary)}.u5-stile.mov:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.u5-gap{aspect-ratio:1}.u5-slide.over .u5-stile{opacity:.8}.u5-simon{gap:10px;max-width:380px;margin:0 auto;display:grid}.u5-simon.p4{grid-template-columns:repeat(2,1fr)}.u5-simon.p6{grid-template-columns:repeat(3,1fr)}.u5-pad{aspect-ratio:1;border:3px solid var(--border);font:700 1.2rem var(--font-display);color:var(--background);opacity:.55;cursor:pointer;border-radius:22px;transition:opacity 80ms,transform 80ms,box-shadow 80ms}.u5-pad:disabled{cursor:default}.u5-pad.lit{opacity:1;transform:scale(1.05);box-shadow:0 0 26px}.u5-pad.c0{background:oklch(62% .2 25)}.u5-pad.c1{background:oklch(66% .16 150)}.u5-pad.c2{background:oklch(60% .16 255)}.u5-pad.c3{background:oklch(80% .15 90)}.u5-pad.c4{background:oklch(58% .18 320)}.u5-pad.c5{background:oklch(72% .12 200)}.u5-react{border-radius:calc(var(--radius) + 6px);border:2px solid var(--border);background:var(--card);width:100%;max-width:560px;min-height:220px;color:var(--foreground);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;align-content:center;place-items:center;gap:.3rem;margin:0 auto;transition:background 80ms;display:grid}.u5-react strong{font:800 clamp(1.6rem, 7vw, 3rem) var(--font-display)}.u5-react.wait{background:color-mix(in oklab, var(--destructive) 22%, var(--card))}.u5-react.go{background:var(--success);color:var(--background)}.u5-react.decoy{background:var(--warning);color:var(--background)}.u5-rlog{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.u5-rlog li{border:1px solid var(--border);border-radius:99px;padding:.2rem .6rem;font-size:.85rem}.u5-rlog li.ok{border-color:var(--success)}.u5-rlog li.bad{border-color:var(--destructive);color:var(--destructive)}@keyframes u5-pop{0%{transform:scale(.3)}to{transform:none}}@keyframes u5-bump{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.u5-tile,.u5-pad,.u5-stile,.u5-react{transition:none!important;animation:none!important}}