/* Last One cards: saturated card stock, white gem in the middle, big glossy numerals. */
.card.lo{--c:#d63a2f;--c2:#9e1f17;background:linear-gradient(160deg,var(--c),var(--c2));color:#fff;
  box-shadow:inset 0 0 0 calc(var(--cw)*.045) #fff,inset 0 0 0 calc(var(--cw)*.055) rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.25),0 3px 6px rgba(0,0,0,.35),0 10px 18px rgba(0,0,0,.25)}
.card.lo.c-r{--c:#e2463a;--c2:#a51f16}.card.lo.c-y{--c:#f6c431;--c2:#c98a0b}
.card.lo.c-g{--c:#2fae4f;--c2:#156b2b}.card.lo.c-b{--c:#2f7fe0;--c2:#16469a}
.card.lo.c-w{--c:#2a2a2e;--c2:#0b0b0d}
.card.lo .ix{color:#fff;font:800 calc(var(--cw)*.2)/1 var(--f-mark);text-shadow:0 1px 0 rgba(0,0,0,.35);left:10%;top:8%}
.card.lo .ix.b{right:10%;bottom:8%}
.card.lo .gem{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border-radius:18%;background:#fff;
  box-shadow:inset 0 -4px 8px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.25);display:grid;place-items:center}
.card.lo .gem b{transform:rotate(-45deg);font:800 calc(var(--cw)*.42)/1 var(--f-mark);color:var(--c2);text-shadow:0 2px 0 rgba(0,0,0,.12)}
.card.lo .gem b.word{font-size:calc(var(--cw)*.28)}
.card.lo.wild .gem{background:conic-gradient(#e2463a 0 25%,#f6c431 0 50%,#2fae4f 0 75%,#2f7fe0 0)}
.card.lo.wild .gem b{color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.5)}
.card.lo.c-y .ix{color:#3a2a00;text-shadow:none}
.lo-discard>.card{transform:rotate(var(--rot,0deg))}
.lo-discard>.card.u1{opacity:.95}.lo-discard>.card.u2,.lo-discard>.card.u3{opacity:.85}
.lo-now{padding:6px 14px;border-radius:16px;font:600 13px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.lo-now.c-r{background:#c8372c}.lo-now.c-y{background:#e0ad1c;color:#2a1906}.lo-now.c-g{background:#24903f}.lo-now.c-b{background:#2668c0}
.lo-dir{position:relative;z-index:3;font-size:64px;line-height:1;color:rgba(255,255,255,.22);animation:spin 6s linear infinite}
.lo-dir.ccw{animation-direction:reverse;transform:scaleX(-1)}
@keyframes spin{to{rotate:360deg}}
.lo-picker{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(8,7,6,.6);backdrop-filter:blur(3px)}
.lo-pick{display:grid;justify-items:center;gap:18px;padding:28px;border-radius:20px;background:radial-gradient(circle,#2b221a,#130f0b);box-shadow:0 20px 50px rgba(0,0,0,.7),0 0 0 1px #5c4628}
.lo-pick-t{margin:0;font:600 22px/1 var(--f-mark);letter-spacing:.12em;color:#f3e6cb}
.lo-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(45deg);margin:22px}
.lo-color{width:84px;height:84px;border:0;border-radius:14px;cursor:pointer;box-shadow:inset 0 -6px 10px rgba(0,0,0,.25),0 6px 14px rgba(0,0,0,.5);transition:transform .12s}
.lo-color:hover,.lo-color:focus-visible{transform:scale(1.08)}
.lo-color.c-r{background:#e2463a}.lo-color.c-y{background:#f6c431}.lo-color.c-g{background:#2fae4f}.lo-color.c-b{background:#2f7fe0}
.lo-catch{animation:led-blink .9s steps(1) 4}
.lo-draw{cursor:pointer}