.mm-board{--r:var(--color-suit-r);--y:var(--color-suit-y);--g:var(--color-suit-g);--b:var(--color-suit-b);--cw:clamp(54px, 15.5vw, 76px);--cw-big:clamp(72px, min(27vw, 17vh), 132px);flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex}.mm-card{--c:var(--color-paper);width:var(--cw);height:calc(var(--cw) * 1.46);border:3px solid var(--c);border-radius:calc(var(--cw) * .15);background:color-mix(in srgb, var(--c) 13%, var(--color-ink));color:var(--c);font-family:var(--font-display);-webkit-user-select:none;user-select:none;flex:none;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 2px #00000073,0 8px 16px #00000059}.mm-c-r{--c:var(--r)}.mm-c-y{--c:var(--y)}.mm-c-g{--c:var(--g)}.mm-c-b{--c:var(--b)}.mm-wild{--c:#a3b0ba}.mm-v{font-size:calc(var(--cw) * .66);letter-spacing:-.02em;font-weight:900;line-height:1}.mm-v.mm-long{font-size:calc(var(--cw) * .5)}.mm-tl,.mm-br{font-size:calc(var(--cw) * .24);font-weight:800;line-height:1;position:absolute}.mm-tl{top:calc(var(--cw) * .05);left:calc(var(--cw) * .09)}.mm-br{right:calc(var(--cw) * .09);bottom:calc(var(--cw) * .05);rotate:180deg}.mm-ico{width:calc(var(--cw) * .56);height:calc(var(--cw) * .56)}.mm-corner-ico{width:calc(var(--cw) * .24);height:calc(var(--cw) * .24);display:block}.mm-corner-quad{width:calc(var(--cw) * .17);height:calc(var(--cw) * .17);margin:calc(var(--cw) * .03);background:conic-gradient(var(--r) 0 25%, var(--y) 0 50%, var(--g) 0 75%, var(--b) 0);border-radius:2px;display:block;transform:rotate(45deg)}.mm-quad,.mm-back:after{background:conic-gradient(var(--r) 0 25%, var(--y) 0 50%, var(--g) 0 75%, var(--b) 0);transform:rotate(45deg)}.mm-quad{width:calc(var(--cw) * .46);height:calc(var(--cw) * .46);border-radius:5px}.mm-back{--c:#3b4a56;background:repeating-linear-gradient(135deg,#1b2229 0 7px,#232c35 7px 14px)}.mm-back:after{content:"";width:calc(var(--cw) * .34);height:calc(var(--cw) * .34);opacity:.9;border-radius:4px}.mm-rivals{scrollbar-width:none;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.mm-rival{--cw:clamp(26px, 7vw, 32px);background:var(--color-ink);border-radius:12px;flex:1 0 auto;align-items:center;gap:8px;min-width:132px;max-width:240px;padding:8px 10px;transition:background-color .2s,translate .2s;display:flex}.mm-rival.mm-active{background:var(--color-paper);color:var(--color-night);translate:0 2px}.mm-rival .mm-profile{text-underline-offset:2px;font-size:13px;line-height:1.2;text-decoration:underline}.mm-rival .mm-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.mm-center{flex:1;justify-content:center;align-items:center;gap:clamp(18px,7vw,48px);min-height:190px;display:flex}.mm-pile{--cw:var(--cw-big);flex-direction:column;align-items:center;gap:8px;display:flex}.mm-pile-label{min-height:18px;color:var(--color-muted);align-items:center;gap:6px;font-size:14px;display:flex}.mm-swatch{border-radius:3px;width:14px;height:14px;display:inline-block}.mm-draw{background:0 0;border:0;padding:0;position:relative}.mm-draw .mm-deck-count{background:var(--color-paper);min-width:26px;height:26px;color:var(--color-night);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:13px;place-items:center;padding:0 6px;font-size:16px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.mm-draw.mm-ready .mm-card{border-color:var(--color-paper);animation:1.6s ease-in-out infinite mm-nudge}.mm-disc{box-shadow:0 0 0 3px var(--cur,transparent);border-radius:22px;padding:10px;transition:box-shadow .25s;position:relative}.mm-bar{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.mm-msg{text-wrap:balance;flex:1;min-width:0;margin:0;font-size:16px;line-height:1.25}.mm-uno{border:2px solid var(--color-line);background:var(--color-ink);min-height:44px;color:var(--color-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 16px;font-size:22px;font-weight:900}.mm-uno.mm-hot{border-color:var(--y);background:var(--y);color:#1b1608;animation:1s ease-in-out infinite mm-pulse}.mm-uno.mm-armed{border-color:var(--y);color:var(--y)}.mm-hand{min-height:calc(var(--cw) * 1.46 + 96px);isolation:isolate;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent;justify-content:safe center;padding:56px 28px 40px;display:flex;overflow:auto hidden}.mm-hand .mm-card{--lift:0px;z-index:var(--z,1);transform-origin:50% 100%;rotate:var(--arc-r,0deg);translate:0 calc(var(--arc-y,0px) + var(--lift));transition:translate .15s,rotate .15s,scale .15s,filter .15s}.mm-hand .mm-ok{--lift:-12px}.mm-hand .mm-dim{filter:brightness(.55)saturate(.75)}.mm-hand .mm-card:focus-visible{--lift:-30px;z-index:60;filter:none;rotate:0deg;scale:1.2}@media (hover:hover){.mm-hand .mm-card:hover{--lift:-30px;z-index:60;filter:none;rotate:0deg;scale:1.2}}.mm-shake{animation:.3s mm-shake}.mm-timer{background:var(--color-ink);border-radius:3px;height:5px;overflow:hidden}.mm-timer>span{background:var(--color-paper);transform-origin:0;height:100%;display:block}.mm-modal{z-index:40;background:#05090cc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mm-modal-box{background:var(--color-felt-2);text-align:center;border-radius:18px;flex-direction:column;gap:14px;width:min(380px,100%);padding:22px;display:flex}.mm-picks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mm-pick{color:#14110a;min-height:104px;font-family:var(--font-display);text-transform:capitalize;border:0;border-radius:14px;place-items:center;font-size:24px;font-weight:800;transition:scale .12s;display:grid}.mm-pick:hover{scale:1.04}@keyframes mm-nudge{50%{transform:translateY(-4px)}}@keyframes mm-pulse{50%{transform:scale(1.07)}}@keyframes mm-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-height:640px){.mm-center{min-height:150px}.mm-board{--cw-big:clamp(60px, 18vw, 80px)}}.mm-naipe{--c:#d8ccb0;background:#f6efdf;border-width:1px;border-color:#b9ab8c;padding:0;overflow:hidden}.mm-naipe-art{width:100%;height:100%;display:block}.mm-naipe-back{--c:#f6efdf;background:repeating-linear-gradient(45deg,#24406f 0 5px,#18305a 5px 10px)}.mm-sh{bottom:calc(var(--cw) * .1);width:calc(var(--cw) * .22);position:absolute;left:50%;transform:translate(-50%)}.mm-cb-shape{fill:currentColor;width:14px;height:14px;display:none}.mm-sh .mm-cb-shape{width:100%;height:auto}.mm-pick .mm-cb-shape{width:24px;height:24px;margin:0 auto 4px}:root[data-daltonico] .mm-cb-shape{display:block}