:root{--ink:#4a3f55;--paper:#fffdf7;--pink:#ff8fb1;--hot:#ff5d8f;--mint:#bdeee0;--mint-d:#7cc9b6;--sky:#cfeaff;--lemon:#fff3a8;--lilac:#c4b5ff;--cw:clamp(40px, 7.4vw, 76px);--ch:calc(var(--cw) * 1.42);--av:clamp(46px, 10vw, 104px);--p:3px}@media (color-gamut:p3){:root{--ink:#4c3e57;--paper:#fffdf7;--pink:#ff90b2;--hot:#ff5e91;--mint:#aff0df;--mint-d:#5fcbb5;--sky:#caebff;--lemon:#fff2a9;--lilac:#c7b5ff}@supports (color:color(display-p3 0 0 0)){:root{--ink:color(display-p3 .2902 .2471 .3333);--paper:color(display-p3 1 .9922 .9686);--pink:color(display-p3 1 .5608 .6941);--hot:color(display-p3 1 .3647 .5608);--mint:color(display-p3 .7412 .9333 .8784);--mint-d:color(display-p3 .4863 .7882 .7137);--sky:color(display-p3 .8118 .9176 1);--lemon:color(display-p3 1 .9529 .6588);--lilac:color(display-p3 .7686 .7098 1)}}}*{box-sizing:border-box}html,body{background:#ffe5ec;height:100%;margin:0}@media (color-gamut:p3){html,body{background:#ffe5ec;background:color(display-p3 1 .898 .9255)}}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:DotGothic16,Courier New,monospace;overflow:hidden}canvas.px,.px{image-rendering:pixelated;image-rendering:crisp-edges}small{opacity:.8;font-size:.55em;display:block}.btn,.card,.obox,.panel,.chip,.tag,.bubble,.prompt,.toast{box-shadow:0 calc(var(--p) * -1) 0 var(--ink), 0 var(--p) 0 var(--ink), calc(var(--p) * -1) 0 0 var(--ink), var(--p) 0 0 var(--ink)}.screen{position:fixed;inset:0;overflow:clip}.btn{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;border:0;border-bottom:4px solid #d9d0e6;margin:4px;padding:8px 16px;font-size:clamp(14px,2.6vw,20px);transition:transform 60ms steps(2,end)}@media (color-gamut:p3){.btn{border-bottom:4px solid #dbd0e8;border-bottom:4px solid color(display-p3 .851 .8157 .902)}}.btn:hover{background:var(--lemon)}@media (color-gamut:p3){.btn.go{background:#a9f2ae;background:color(display-p3 .7255 .9412 .7059);border-bottom-color:#61d27e;border-bottom-color:color(display-p3 .498 .8118 .5255)}}.btn.sm{padding:4px 10px;font-size:14px}.btn.big{background:var(--pink);border-bottom-color:var(--hot);color:#fff;padding:12px 28px;font-size:clamp(20px,4vw,30px)}.landing{background:repeating-conic-gradient(#fff5 0 25%, transparent 0 50%) 0 0 / 48px 48px, linear-gradient(#ffd6e8, #cfeaff 55%, #bdeee0);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}@media (color-gamut:p3){.landing{background:repeating-conic-gradient(#fff5 0 25%, transparent 0 50%) 0 0 / 48px 48px, linear-gradient(#ffd6e8, #caebff 55%, #aff0df)}@supports (color:color(display-p3 0 0 0)){.landing{background:repeating-conic-gradient(#fff5 0 25%, transparent 0 50%) 0 0 / 48px 48px, linear-gradient(color(display-p3 1 .8392 .9098), color(display-p3 .8118 .9176 1) 55%, color(display-p3 .7412 .9333 .8784))}}}.title{letter-spacing:2px;color:#fff;text-shadow:4px 0 var(--ink), -4px 0 var(--ink), 0 4px var(--ink), 0 -4px var(--ink), 4px 4px var(--ink), -4px 4px var(--ink), 4px -4px var(--ink), -4px -4px var(--ink), 8px 8px 0 var(--hot);margin:0;font-size:clamp(34px,9vw,84px);line-height:1;animation:1.2s steps(4,end) infinite hop}.sub{color:var(--ink);letter-spacing:4px;margin:10px 0 14px;font-size:clamp(18px,4.4vw,36px);font-weight:400}.panel{background:var(--paper);z-index:2;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;display:flex}.field{justify-content:space-between;align-items:center;gap:14px;width:100%;font-size:16px;display:flex}.stepper{align-items:center;display:flex}.stepper .num{min-width:28px;font-size:22px}select{font:inherit;border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:0;margin:2px;padding:4px;font-size:16px}.floaters{pointer-events:none;position:absolute;inset:0}.floaters canvas{position:absolute}.floaters .item{width:clamp(30px,7vw,64px);animation:1.6s steps(4,end) infinite bob;top:8%}.floaters .peek{width:clamp(48px,12vw,120px);animation:1.2s steps(3,end) infinite bob;bottom:-2px}.game{background:linear-gradient(#ffe0ec,#ffeef4 30%)}@media (color-gamut:p3){.game{background:linear-gradient(#ffe0ec,#ffeef4 30%);background:linear-gradient(color(display-p3 1 .8784 .9255),color(display-p3 1 .9333 .9569) 30%)}}.wall{background:repeating-linear-gradient(90deg,#ffe0ec 0 40px,#ffd3e3 40px 80px);position:absolute;inset:0 0 60%}@media (color-gamut:p3){.wall{background:repeating-linear-gradient(90deg,#ffe0ec 0 40px,#ffd3e3 40px 80px);background:repeating-linear-gradient(90deg,color(display-p3 1 .8784 .9255) 0 40px,color(display-p3 1 .8275 .8902) 40px 80px)}}.window{background:var(--sky);outline:4px solid var(--ink);opacity:.8;background-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);background-position:50%;background-repeat:no-repeat;background-size:6px 100%,100% 6px;border:6px solid #fff;width:16%;height:46%;position:absolute;top:6%;left:8%}.window.w2{left:auto;right:8%}.table{background:var(--mint);border-top:8px solid var(--mint-d);box-shadow:inset 0 12px 0 #d8f8ef, 0 -4px 0 var(--ink);z-index:2;border-radius:50% 50% 0 0/24% 24% 0 0;position:absolute;inset:29% -10% -10%}@media (color-gamut:p3){.table{box-shadow:inset 0 12px 0 #d0f9ef, 0 -4px 0 var(--ink)}@supports (color:color(display-p3 0 0 0)){.table{box-shadow:inset 0 12px 0 color(display-p3 .8471 .9725 .9373), 0 -4px 0 var(--ink)}}}.cloth{background:repeating-conic-gradient(#ffffff80 0 25%, #fff3a880 0 50%) 0 0 / 36px 36px;border-radius:40% 40% 0 0/14% 14% 0 0;position:absolute;inset:14% 22% 0}@media (color-gamut:p3){.cloth{background:repeating-conic-gradient(#ffffff80 0 25%, #fff2a980 0 50%) 0 0 / 36px 36px}@supports (color:color(display-p3 0 0 0)){.cloth{background:repeating-conic-gradient(#ffffff80 0 25%, color(display-p3 1 .9529 .6588/.502) 0 50%) 0 0 / 36px 36px}}}.opps{z-index:1;position:absolute;inset:0}.opp{width:var(--av);margin-left:calc(var(--av) / -2);transform:scale(var(--sc,1));transform-origin:top;text-align:center;z-index:1;position:absolute}.opp .av canvas{width:100%;height:auto;display:block}.opp .tag{--p:2px;background:var(--paper);white-space:nowrap;justify-content:center;align-items:center;gap:4px;width:max-content;min-width:100%;margin:0 auto 5px;padding:1px 3px;font-size:clamp(9px,1.8vw,14px);display:flex}.opp .ct{align-items:center;gap:2px;display:inline-flex}.opp .ct b{color:var(--hot);font-weight:400}.mini{background:var(--lilac);border:1px solid var(--ink);width:7px;height:10px;display:inline-block}.opp{flex-direction:column;display:flex}.opp .tag{order:0}.opp .av{order:1}.opp.active .tag{background:var(--lemon)}.opp.out .av{filter:grayscale()opacity(.45)}.opp .badge{color:#fff;text-shadow:2px 0 var(--ink), -2px 0 var(--ink), 0 2px var(--ink), 0 -2px var(--ink);z-index:3;font-size:clamp(12px,2.4vw,20px);position:absolute;top:34%;right:-6px}.opp.shuffling .av{animation:.36s steps(6,end) wiggle}.picking .opp{cursor:pointer}.picking .opp .av{outline:3px dashed var(--hot);outline-offset:2px;animation:.4s steps(2,end) infinite bob}.bubble{--p:2px;white-space:nowrap;z-index:9;pointer-events:none;background:#fff;padding:2px 8px;font-size:clamp(11px,2.2vw,18px);position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%)scale(0)}.bubble.show{animation:1.1s steps(8,end) forwards pop}.bubble.bad{background:#ffd3d3}@media (color-gamut:p3){.bubble.bad{background:#ffd3d4;background:color(display-p3 1 .8275 .8275)}}.bubble.good{background:#d9ffd3}@media (color-gamut:p3){.bubble.good{background:#d1ffd1;background:color(display-p3 .851 1 .8275)}}.mebubble{top:auto;bottom:calc(var(--ch) + 150px);z-index:20;font-size:clamp(16px,3vw,26px)}.items{z-index:3;pointer-events:none;position:absolute;inset:0}.items .item{width:clamp(24px,4.6vw,52px);position:absolute;transform:translate(-50%)}.items .mine{top:auto;left:9%;bottom:calc(var(--ch) + 56px);width:clamp(44px,9vw,110px)}.items .mine.right{width:clamp(34px,7vw,84px);left:91%}.chopsticks{left:18%;bottom:calc(var(--ch) + 50px);border-top:3px solid #c98f62;border-bottom:3px solid #c98f62;width:clamp(40px,9vw,110px);height:10px;position:absolute;transform:rotate(-8deg)}@media (color-gamut:p3){.chopsticks{border-top:3px solid #d38c59;border-top:3px solid color(display-p3 .7882 .5608 .3843);border-bottom:3px solid #d38c59;border-bottom:3px solid color(display-p3 .7882 .5608 .3843)}}.shown{--cw:clamp(17px, 2.7vw, 26px);--p:1px;display:flex;position:absolute;transform:translate(-50%)}.shown .card .r{font-size:calc(var(--cw) * .58);top:2%;left:5%}.shown .card .u{font-size:calc(var(--cw) * .52);top:48%;left:5%}.shown .card .big{display:none}.opp.exposed .tag{background:#ffd3d3}@media (color-gamut:p3){.opp.exposed .tag{background:#ffd3d4;background:color(display-p3 1 .8275 .8275)}}.chip.exposedme{background:#ffd3d3;animation:.8s steps(2,end) infinite blink}@media (color-gamut:p3){.chip.exposedme{background:#ffd3d4;background:color(display-p3 1 .8275 .8275)}}.b-exposed{--c:#e63946}@media (color-gamut:p3){.b-exposed{--c:#fa183e}@supports (color:color(display-p3 0 0 0)){.b-exposed{--c:color(display-p3 .902 .2235 .2745)}}}.b-exposed .ic{animation:.35s steps(5,end) stamp}.pile{z-index:4;width:0;height:0;position:absolute;top:50%;left:50%}.pile.thump{animation:.22s steps(4,end) thump}.pplay{transform:translate(-50%, -50%) rotate(var(--r)) translate(var(--ox), var(--oy));display:flex;position:absolute}.pile.flipping .card{transition:transform .14s steps(3,end);transform:scaleX(0)}.discard{z-index:4;width:0;height:0;position:absolute;top:56%;left:82%}.discard .stack{transform-origin:bottom;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;transform:translate(-50%)scale(.8)}.discard .side{height:var(--h,0px);width:var(--cw);box-shadow:calc(var(--p) * -1) 0 0 var(--ink), var(--p) 0 0 var(--ink), 0 var(--p) 0 var(--ink);background:repeating-linear-gradient(#fff 0 2px,#c9b8e8 2px 3px);transition:height .2s steps(4,end)}@media (color-gamut:p3){.discard .side{background:repeating-linear-gradient(#fff 0 2px,#cdb7ec 2px 3px);background:repeating-linear-gradient(#fff 0 2px,color(display-p3 .7882 .7216 .9098) 2px 3px)}}.discard.empty .stack{opacity:.25}.dlabel{color:#5b8f84;font-size:13px;position:absolute;top:6px;left:0;transform:translate(-50%)}@media (color-gamut:p3){.dlabel{color:#499184;color:color(display-p3 .3569 .5608 .5176)}}.card{width:var(--cw);height:calc(var(--cw) * 1.42);background:var(--paper);color:var(--ink);font-size:calc(var(--cw) * .36);flex:none;line-height:1;position:relative}.card .r{position:absolute;top:5%;left:8%}.card .u{font-size:.8em;position:absolute;top:31%;left:8%}.card .big{font-size:calc(var(--cw) * .62);position:absolute;bottom:6%;right:8%}@media (color-gamut:p3){.card.s-H,.s-H{color:#ff4f80;color:color(display-p3 1 .302 .4902)}}@media (color-gamut:p3){.card.s-D,.s-D{color:#ff9a2f;color:color(display-p3 1 .6039 .1804)}}@media (color-gamut:p3){.card.s-C,.s-C{color:#00a895;color:color(display-p3 .1216 .6588 .5882)}}@media (color-gamut:p3){.card.s-S,.s-S{color:#3c3552;color:color(display-p3 .2314 .2078 .3137)}}@media (color-gamut:p3){.card.joker{color:#8348de;color:color(display-p3 .4824 .2941 .8392);background:linear-gradient(135deg,#ffcbfa,#fff2a9 50%,#82eaf7);background:linear-gradient(135deg,color(display-p3 1 .7765 1),color(display-p3 1 .9529 .6588) 50%,color(display-p3 .6078 .9059 .9608))}}.card.joker .big{font-size:calc(var(--cw) * .26);text-align:right;right:6%}@media (color-gamut:p3){.card.back{background:repeating-conic-gradient(#ffcbfa 0 25%, #c7b5ff 0 50%) 0 0 / 10px 10px}@supports (color:color(display-p3 0 0 0)){.card.back{background:repeating-conic-gradient(color(display-p3 1 .7765 1) 0 25%, color(display-p3 .7686 .7098 1) 0 50%) 0 0 / 10px 10px}}}.card.flying{z-index:30;pointer-events:none;margin:0;position:fixed;top:0;left:0}.hand{height:calc(var(--ch) + 40px);z-index:6;position:absolute;bottom:0;left:0;right:0}.hand.active:before{content:"";background:var(--lemon);height:8px;animation:.6s steps(2,end) infinite blink;position:absolute;bottom:0;left:10%;right:10%}.hand .card{cursor:pointer;transform:translateY(var(--y,0)) rotate(var(--rot,0deg));transform-origin:50% 120%;transition:left .16s steps(4,end),transform .1s steps(3,end);position:absolute;top:30px}@media (color-gamut:p3){.hand .card.sel{background:#fffbe1;background:color(display-p3 1 .9843 .8784)}}.hand .card.new{animation:.25s steps(4,end) dealin}.hand .card.nope{animation:.4s steps(8,end) nope}.hand.buzz{animation:.3s steps(6,end) shake}.hand.shuffling .card{animation:.36s steps(6,end) wiggle}.hand.dealing .card{opacity:0}.controls{left:0;right:0;bottom:calc(var(--ch) + 46px);z-index:7;pointer-events:none;justify-content:center;min-height:44px;display:flex;position:absolute}.controls .btn{pointer-events:auto}.prompt{--p:2px;left:50%;bottom:calc(var(--ch) + 100px);background:var(--paper);z-index:7;white-space:nowrap;padding:3px 12px;font-size:clamp(13px,2.6vw,20px);position:absolute;transform:translate(-50%)}.prompt:empty{display:none}.prompt.me{background:var(--lemon)}.prompt.alert{background:#ffd3e3;animation:.5s steps(2,end) infinite hop}@media (color-gamut:p3){.prompt.alert{background:#ffd3e3;background:color(display-p3 1 .8275 .8902)}}.timer{background:var(--hot);transform-origin:0;height:5px;animation:4s linear forwards shrink;display:block}.status{z-index:8;pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:7px 9px;display:flex;position:absolute;top:8px;left:8px;right:215px}.chip{--p:2px;background:var(--paper);padding:2px 7px;font-size:clamp(10px,1.9vw,15px)}.chip.rev.on,.chip.revo{background:#ffc6ff;animation:.8s steps(2,end) infinite blink}@media (color-gamut:p3){.chip.rev.on,.chip.revo{background:#ffcbfa;background:color(display-p3 1 .7765 1)}}.chip.spade{color:#fff;background:#3b3550}@media (color-gamut:p3){.chip.spade{background:#3c3552;background:color(display-p3 .2314 .2078 .3137)}}@media (color-gamut:p3){.chip.jack{background:#82eaf7;background:color(display-p3 .6078 .9059 .9608)}}.topbar{z-index:8;position:absolute;top:6px;right:6px}.game[data-left="3"]:after,.game[data-left="2"]:after{content:"";pointer-events:none;z-index:5;position:absolute;inset:0}.game[data-left="3"]:after{animation:1.2s steps(4,end) infinite pulse;box-shadow:inset 0 0 90px 10px #ff8caa59}.game[data-left="2"]:after{animation:.5s steps(4,end) infinite pulse;box-shadow:inset 0 0 130px 30px #ff466e80}.fx{pointer-events:none;z-index:40;position:fixed;inset:0}.puff{background:#fff;width:12px;height:12px;margin:-6px;animation:.4s steps(5,end) forwards puff;position:fixed;box-shadow:26px 0 #fff3a8,-26px 0 #ffc6ff,0 26px #9be7f5,0 -26px #b9f0b4,18px 18px #fff,-18px -18px #fff,18px -18px #ffc6ff,-18px 18px #fff3a8}@media (color-gamut:p3){.puff{box-shadow:26px 0 #fff2a9,-26px 0 #ffcbfa,0 26px #82eaf7,0 -26px #a9f2ae,18px 18px #fff,-18px -18px #fff,18px -18px #ffcbfa,-18px 18px #fff2a9;box-shadow:26px 0 color(display-p3 1 .9529 .6588),-26px 0 color(display-p3 1 .7765 1),0 26px color(display-p3 .6078 .9059 .9608),0 -26px color(display-p3 .7255 .9412 .7059),18px 18px #fff,-18px -18px #fff,18px -18px color(display-p3 1 .7765 1),-18px 18px color(display-p3 1 .9529 .6588)}}.burst{--c:var(--hot);text-align:center;animation:.85s steps(9,end) forwards burst;position:fixed;transform:translate(-50%,-50%)}.burst .rays{background:repeating-conic-gradient(var(--c) 0 12deg, transparent 0 30deg);opacity:.55;border-radius:50%;width:180px;height:180px;margin:-90px;animation:1.2s steps(12,end) infinite spin;position:absolute;top:40%;left:50%}.burst .ic{position:relative}.burst .ic canvas{width:clamp(54px,11vw,90px);height:auto;filter:drop-shadow(3px 3px 0 var(--ink))}.burst .lb{color:#fff;text-shadow:3px 0 var(--ink), -3px 0 var(--ink), 0 3px var(--ink), 0 -3px var(--ink), 3px 3px var(--ink), -3px -3px var(--ink), 3px -3px var(--ink), -3px 3px var(--ink), 5px 6px 0 var(--c);white-space:nowrap;font-size:clamp(22px,5.4vw,44px);position:relative}.burst .jp{background:var(--c);color:#fff;padding:0 8px;font-size:clamp(12px,2.6vw,20px);display:inline-block;position:relative}.b-suitLock{--c:#f4b400}@media (color-gamut:p3){.b-suitLock{--c:#f8b400}@supports (color:color(display-p3 0 0 0)){.b-suitLock{--c:color(display-p3 .9569 .7059 0)}}}.b-suitLock .ic{animation:.3s steps(4,end) slam}.b-steal{--c:#a070ff}@media (color-gamut:p3){.b-steal{--c:#a771ff}@supports (color:color(display-p3 0 0 0)){.b-steal{--c:color(display-p3 .6275 .4392 1)}}}.b-steal .ic{animation:.5s steps(6,end) swipe}.b-skip{--c:#ff7a59}@media (color-gamut:p3){.b-skip{--c:#ff7a5c}@supports (color:color(display-p3 0 0 0)){.b-skip{--c:color(display-p3 1 .4784 .349)}}}.b-skip .ic{animation:.4s steps(5,end) dash}.b-give{--c:#ff8fb1}@media (color-gamut:p3){.b-give{--c:#ff90b2}@supports (color:color(display-p3 0 0 0)){.b-give{--c:color(display-p3 1 .5608 .6941)}}}.b-give .ic{animation:.3s steps(3,end) 2 hop}.b-discard{--c:#7d8aa5}@media (color-gamut:p3){.b-discard{--c:#7a8ba8}@supports (color:color(display-p3 0 0 0)){.b-discard{--c:color(display-p3 .4902 .5412 .6471)}}}.b-discard .ic{animation:.5s steps(6,end) drop}.b-endRound{--c:#2bb3a3}@media (color-gamut:p3){.b-endRound{--c:#00b3a2}@supports (color:color(display-p3 0 0 0)){.b-endRound{--c:color(display-p3 .1686 .702 .6392)}}}.b-endRound .ic{animation:.45s steps(6,end) sweep}.b-reverseDirection,.b-jumpIn{--c:#3fa7ff}@media (color-gamut:p3){.b-reverseDirection,.b-jumpIn{--c:#0af}@supports (color:color(display-p3 0 0 0)){.b-reverseDirection,.b-jumpIn{--c:color(display-p3 .2471 .6549 1)}}}.b-reverseDirection .ic,.b-jumpIn .ic{animation:.45s steps(8,end) spin}.b-jumpIn{--c:#ff5d8f}@media (color-gamut:p3){.b-jumpIn{--c:#ff5e91}@supports (color:color(display-p3 0 0 0)){.b-jumpIn{--c:color(display-p3 1 .3647 .5608)}}}.b-reverseOrderRound{--c:#20b6d6}@media (color-gamut:p3){.b-reverseOrderRound{--c:#00b7d3}@supports (color:color(display-p3 0 0 0)){.b-reverseOrderRound{--c:color(display-p3 .1255 .7137 .8392)}}}.b-reverseOrderRound .ic{animation:.5s steps(6,end) flipy}.b-revive{--c:#ffb703}@media (color-gamut:p3){.b-revive{--c:#ffb700}@supports (color:color(display-p3 0 0 0)){.b-revive{--c:color(display-p3 1 .7176 .0118)}}}.b-revive .ic{animation:.5s steps(6,end) rise}.b-cancel{--c:#e63946}@media (color-gamut:p3){.b-cancel{--c:#fa183e}@supports (color:color(display-p3 0 0 0)){.b-cancel{--c:color(display-p3 .902 .2235 .2745)}}}.b-cancel .ic{animation:.3s steps(4,end) stamp}.b-revolution{--c:#ff5d8f}@media (color-gamut:p3){.b-revolution{--c:#ff5e91}@supports (color:color(display-p3 0 0 0)){.b-revolution{--c:color(display-p3 1 .3647 .5608)}}}.b-revolution .ic{animation:.5s steps(8,end) spin}.b-revolution .rays{background:repeating-conic-gradient(#ff8fb1 0 10deg, #fff3a8 0 20deg, #9be7f5 0 30deg);opacity:.9;width:300px;height:300px;margin:-150px}@media (color-gamut:p3){.b-revolution .rays{background:repeating-conic-gradient(#ff90b2 0 10deg, #fff2a9 0 20deg, #82eaf7 0 30deg)}@supports (color:color(display-p3 0 0 0)){.b-revolution .rays{background:repeating-conic-gradient(color(display-p3 1 .5608 .6941) 0 10deg, color(display-p3 1 .9529 .6588) 0 20deg, color(display-p3 .6078 .9059 .9608) 0 30deg)}}}.b-spade{--c:#3b3550}@media (color-gamut:p3){.b-spade{--c:#3c3552}@supports (color:color(display-p3 0 0 0)){.b-spade{--c:color(display-p3 .2314 .2078 .3137)}}}.b-spade .ic{animation:.4s steps(5,end) stamp}.b-generic{--c:#7b4bd6}@media (color-gamut:p3){.b-generic{--c:#8348de}@supports (color:color(display-p3 0 0 0)){.b-generic{--c:color(display-p3 .4824 .2941 .8392)}}}.toast{background:var(--lemon);text-align:center;white-space:nowrap;padding:8px 18px;font-size:clamp(18px,4vw,30px);animation:2.1s steps(12,end) forwards toast;position:fixed;top:20%;left:50%;transform:translate(-50%)}.shake{animation:.25s steps(5,end) shake}.shakebig{animation:.5s steps(10,end) shakebig}.flash:before{content:"";z-index:39;pointer-events:none;background:repeating-linear-gradient(45deg,#ff8fb155 0 30px,#fff3a855 30px 60px,#9be7f555 60px 90px);animation:.2s steps(2,end) 3 blink;position:absolute;inset:0}@media (color-gamut:p3){.flash:before{background:repeating-linear-gradient(45deg,#ff90b255 0 30px,#fff2a955 30px 60px,#82eaf755 60px 90px);background:repeating-linear-gradient(45deg,color(display-p3 1 .5608 .6941/.3333) 0 30px,color(display-p3 1 .9529 .6588/.3333) 30px 60px,color(display-p3 .6078 .9059 .9608/.3333) 60px 90px)}}.overlay{z-index:50;background:#4a3f558c;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.obox{background:var(--paper);text-align:center;width:min(94vw,560px);max-height:90vh;padding:14px 16px;position:relative;overflow:auto}.obox h3{margin:0 0 8px;font-size:22px;font-weight:400}.obox h3 small{display:inline}.help .obox{text-align:left;-webkit-user-select:text;user-select:text;font-size:14px;line-height:1.35}.help p{margin:0 0 8px}.hrow{align-items:flex-start;gap:12px;margin:10px 2px;display:flex}.hrow b{color:var(--hot);font-size:16px;font-weight:400}.hcard{--cw:34px;flex:none;margin-top:4px}.help .close{margin:8px auto 0;display:block}.picker .backs{--cw:clamp(34px, 8vw, 56px);flex-wrap:wrap;justify-content:center;gap:12px;padding:8px;display:flex}.picker .backs .card{cursor:pointer;animation:.6s steps(2,end) infinite bob}.picker .backs .card:nth-child(2n){animation-delay:-.3s}.picker .backs .card:hover{transform:translateY(-8px)}.over .head{margin-bottom:6px;font-size:clamp(26px,6vw,44px)}.over .head.win{color:#ff9a2e;animation:.5s steps(3,end) infinite hop}@media (color-gamut:p3){.over .head.win{color:#ff9a2f;color:color(display-p3 1 .6039 .1804)}}.over .head.lose{color:#5c6f91;animation:.4s steps(5,end) infinite shake}@media (color-gamut:p3){.over .head.lose{color:#577094;color:color(display-p3 .3608 .4353 .5686)}}.over .head.mid{color:#1fa896}@media (color-gamut:p3){.over .head.mid{color:#00a895;color:color(display-p3 .1216 .6588 .5882)}}.over .obox{flex-direction:column;display:flex}.rows{flex:auto;min-height:60px;padding:4px;overflow:auto}.obtns{flex:none}.row{text-align:left;background:#f1ecfa;grid-template-columns:28px 52px 1fr auto;align-items:center;gap:8px;margin:5px 0;padding:3px 8px;font-size:16px;animation:.25s steps(4,end) rowin;display:grid}@media (color-gamut:p3){.row{background:#f2ecfb;background:color(display-p3 .9451 .9255 .9804)}}.row.you{outline:3px dashed var(--hot)}.row .av{width:40px;margin-top:10px;position:relative}.row .av canvas{width:100%;display:block}.row .deco{z-index:2;width:26px;margin-left:-13px;position:absolute;top:-14px;left:50%}.row .deco canvas{width:100%}.row .pl{text-align:center;font-size:22px}.row.win{background:var(--lemon);font-size:19px}.row.win .av{animation:.4s steps(3,end) infinite hop}.row.win .deco{animation:.4s steps(2,end) infinite blink}.row.mid .av{animation:1s steps(2,end) infinite nod}.row.lose{outline:4px solid var(--ink);background:#cdd6e6;padding:9px 8px;font-size:21px;animation:.5s steps(6,end) slamrow}@media (color-gamut:p3){.row.lose{background:#cbd6e8;background:color(display-p3 .8039 .8392 .902)}}.row.lose .av{filter:saturate(.5);animation:.3s steps(4,end) infinite wiggle}.row.lose .deco{animation:.8s steps(2,end) infinite bob;top:-16px}.tear{background:#5bc0f5;width:4px;height:6px;animation:.6s steps(5,end) infinite tear;position:absolute;top:48%;left:30%}@media (color-gamut:p3){.tear{background:#19c3fa;background:color(display-p3 .3569 .7529 .9608)}}.tear.t2{animation-delay:-.3s;left:62%}.drum{padding:14px;font-size:18px;animation:.3s steps(2,end) infinite blink}.note{opacity:.8;font-size:13px}.weather{pointer-events:none;position:absolute;inset:0;overflow:hidden}.weather i{width:10px;height:10px;animation:2s linear infinite fallfx;position:absolute;top:-20px}.weather.lose i{background:#8fc7f0;width:3px;height:16px}@media (color-gamut:p3){.weather.lose i{background:#7ec9f4;background:color(display-p3 .5608 .7804 .9412)}}.weather.lose{background:#3c466459}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes hop{50%{transform:translateY(-6px)}}@keyframes nod{50%{transform:rotate(4deg)}}@keyframes blink{50%{opacity:.45}}@keyframes pulse{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sway{0%,to{transform:translate(-50%)scale(.8)rotate(-2deg)}50%{transform:translate(-50%)scale(.8)rotate(2deg)}}@keyframes fall{to{opacity:0;transform:translate(-50%)scale(.8)rotate(-95deg)}}@keyframes wiggle{25%{transform:translate(-4px)rotate(-5deg)}75%{transform:translate(4px)rotate(5deg)}}@keyframes thump{40%{transform:scale(1.18)}}@keyframes pop{0%{transform:translate(-50%,-100%)scale(0)}15%,80%{transform:translate(-50%,-100%)scale(1)}to{transform:translate(-50%,-160%)scale(0)}}@keyframes puff{to{opacity:0;transform:scale(2.6)}}@keyframes burst{0%{transform:translate(-50%,-50%)scale(.2)}18%{transform:translate(-50%,-50%)scale(1.25)}30%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(1.1)}}@keyframes slam{0%{transform:translateY(-80px)}}@keyframes swipe{0%{transform:translate(-90px)}60%{transform:translate(30px)rotate(20deg)}}@keyframes dash{0%{transform:translate(-120px)skew(-20deg)}}@keyframes drop{0%{transform:translateY(-60px)rotate(-30deg)}70%{transform:translateY(8px)}}@keyframes sweep{0%{transform:translate(60px,-60px)rotate(40deg)}50%{transform:translate(-30px,20px)rotate(-30deg)}}@keyframes flipy{50%{transform:scaleY(-1)}}@keyframes rise{0%{transform:translateY(70px)scale(.4)}}@keyframes stamp{0%{opacity:.2;transform:scale(3.5)}}@keyframes toast{0%{transform:translate(-50%)scale(0)}10%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes shake{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes shakebig{10%{transform:translate(-12px,6px)}30%{transform:translate(12px,-8px)}50%{transform:translate(-10px,-6px)}70%{transform:translate(10px,8px)}90%{transform:translate(-4px,2px)}}@keyframes dealin{0%{opacity:0;transform:translateY(60px)}}@keyframes nope{0%{transform:translateY(var(--y,0)) rotate(var(--rot,0deg))}35%{transform:translateY(-110px)rotate(12deg)}55%{transform:translateY(-90px)rotate(-14deg)}to{transform:translateY(var(--y,0)) rotate(var(--rot,0deg))}}@keyframes shrink{to{transform:scaleX(0)}}@keyframes rowin{0%{opacity:0;transform:translate(-40px)}}@keyframes slamrow{0%{opacity:0;transform:scale(3)}60%{transform:scale(.92)}}@keyframes tear{to{opacity:0;transform:translateY(22px)}}@keyframes fallfx{to{transform:translateY(110vh)rotate(360deg)}}@media (height<=520px){:root{--cw:clamp(34px, 5.4vw, 56px);--av:clamp(40px, 7vw, 76px)}}:root{--ink:#2a1b3d;--paper:#fff1d6;--pink:#ff7a6b;--hot:#ff4f79;--lemon:#ffd166;--lilac:#8f6bd6}@media (color-gamut:p3){:root{--ink:#2d1a3f;--paper:#fff1d7;--pink:#ff7a6e;--hot:#ff507c;--lemon:#ffd167;--lilac:#9669dd}@supports (color:color(display-p3 0 0 0)){:root{--ink:color(display-p3 .1647 .1059 .2392);--paper:color(display-p3 1 .9451 .8392);--pink:color(display-p3 1 .4784 .4196);--hot:color(display-p3 1 .3098 .4745);--lemon:color(display-p3 1 .8196 .4);--lilac:color(display-p3 .5608 .4196 .8392)}}}html,body,.game,.landing{background:#2a1b3d}@media (color-gamut:p3){html,body,.game,.landing{background:#2d1a3f;background:color(display-p3 .1647 .1059 .2392)}}canvas.scene{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;position:absolute;inset:0}.scene-bg{z-index:0}.scene-table{z-index:2}.scene-leaves{z-index:3}.table{box-shadow:none;background:0 0;border:0;border-radius:0}.landing>:not(canvas):not(.floaters){z-index:4;position:relative}.floaters{z-index:3}.title{color:var(--paper)}.sub{color:var(--paper);text-shadow:2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink)}.btn{border-bottom-color:#e0c49c}@media (color-gamut:p3){.btn{border-bottom-color:#e6c396;border-bottom-color:color(display-p3 .8784 .7686 .6118)}}.btn.go{background:#7ee0b8;border-bottom-color:#3fae8a}@media (color-gamut:p3){.btn.go{background:#54e3b5;background:color(display-p3 .4941 .8784 .7216);border-bottom-color:#00af89;border-bottom-color:color(display-p3 .2471 .6824 .5412)}}.btn.big{background:var(--hot);border-bottom-color:#b8325a}@media (color-gamut:p3){.btn.big{border-bottom-color:#c81e59;border-bottom-color:color(display-p3 .7216 .1961 .3529)}}.card.s-H,.s-H{color:#e63e62}@media (color-gamut:p3){.card.s-H,.s-H{color:#fa235f;color:color(display-p3 .902 .2431 .3843)}}.card.s-D,.s-D{color:#f08a24}@media (color-gamut:p3){.card.s-D,.s-D{color:#fe8500;color:color(display-p3 .9412 .5412 .1412)}}.card.s-C,.s-C{color:#1f9e89}@media (color-gamut:p3){.card.s-C,.s-C{color:#009e88;color:color(display-p3 .1216 .6196 .5373)}}.card.s-S,.s-S{color:#2a1b3d}@media (color-gamut:p3){.card.s-S,.s-S{color:#2d1a3f;color:color(display-p3 .1647 .1059 .2392)}}.hand .card.sel{background:#fffaf0}@media (color-gamut:p3){.hand .card.sel{background:#fffaf0;background:color(display-p3 1 .9804 .9412)}}.card.joker{color:#5a2a82;background:linear-gradient(135deg,#ffb38a,#ffd166 50%,#ff7a9c)}@media (color-gamut:p3){.card.joker{color:#612687;color:color(display-p3 .3529 .1647 .5098);background:linear-gradient(135deg,#ffb38c,#ffd167 50%,#ff7b9e);background:linear-gradient(135deg,color(display-p3 1 .702 .5412),color(display-p3 1 .8196 .4) 50%,color(display-p3 1 .4784 .6118))}}.card.back{background:repeating-conic-gradient(#3d2b6b 0 25%, #55388a 0 50%) 0 0 / 10px 10px;border:4px solid #ffb38a}@media (color-gamut:p3){.card.back{background:repeating-conic-gradient(#402a6f 0 25%, #5a368f 0 50%) 0 0 / 10px 10px;border:4px solid #ffb38c;border:4px solid color(display-p3 1 .702 .5412)}@supports (color:color(display-p3 0 0 0)){.card.back{background:repeating-conic-gradient(color(display-p3 .2392 .1686 .4196) 0 25%, color(display-p3 .3333 .2196 .5412) 0 50%) 0 0 / 10px 10px}}}.chip.lock{background:var(--lemon)}.chip.jack{background:#8fd9e8}@media (color-gamut:p3){.chip.jack{background:#76dbea;background:color(display-p3 .5608 .851 .9098)}}.chip.rev.on,.chip.revo{background:#ff9ecd}@media (color-gamut:p3){.chip.rev.on,.chip.revo{background:#ff9fce;background:color(display-p3 1 .6196 .8039)}}.dlabel{color:var(--paper)}.discard .side{background:repeating-linear-gradient(#fff1d6 0 2px,#b48ad0 2px 3px)}@media (color-gamut:p3){.discard .side{background:repeating-linear-gradient(#fff1d7 0 2px,#bc88d5 2px 3px);background:repeating-linear-gradient(color(display-p3 1 .9451 .8392) 0 2px,color(display-p3 .7059 .5412 .8157) 2px 3px)}}.overlay{background:#2a1b3db3}.row{background:#f3e2c7}@media (color-gamut:p3){.row{background:#f7e1c4;background:color(display-p3 .9529 .8863 .7804)}}.row.lose{background:#b9a9c9}@media (color-gamut:p3){.row.lose{background:#bca8cc;background:color(display-p3 .7255 .6627 .7882)}}.game[data-left="3"]:after{box-shadow:inset 0 0 90px 10px #ff6e5a59}.opp .av{animation:2.4s steps(3,end) infinite breathe}.opp:nth-child(2n) .av{animation-delay:-.8s}.opp:nth-child(3n) .av{animation-delay:-1.6s}.opp.out .av{animation:none}.items .item{animation:2.6s steps(2,end) infinite bobc}.items .item:nth-child(3n){animation-delay:-.9s}.items .item:nth-child(3n+1){animation-delay:-1.7s}.floaters .peek{animation:1.6s steps(3,end) infinite bob}.shown{z-index:1;animation:none}.shown .card.back{background-size:6px 6px;border-width:2px}.cat{left:13%;bottom:calc(var(--ch) + 150px);z-index:3;pointer-events:none;width:clamp(84px,13vw,156px);position:absolute}.cat:before{content:"";background:#2a1b3d59;height:6px;position:absolute;bottom:-3px;left:6%;right:10%}.cat canvas{width:100%;height:auto;display:none;position:relative}.cat .zz{color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-size:clamp(12px,2vw,20px);font-style:normal;animation:1.8s steps(6,end) infinite zz;display:none;position:absolute;top:-30%;right:8%}.cat.asleep .zz{display:block}.cat.startle{animation:.4s steps(4,end) startle}@keyframes breathe{50%{transform:translateY(-2px)}}@keyframes bobc{50%{transform:translate(-50%)translateY(-3px)}}@keyframes zz{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(10px,-22px)scale(1.2)}}@keyframes startle{40%{transform:translateY(-16px)}}.discard{top:64%;left:85%}:root{--px:3px;--cw:calc(var(--px) * 26);--ch:calc(var(--px) * 36);--av:calc(var(--px) * 34)}canvas.spr{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.card,.card.back{width:calc(var(--px) * 26);height:calc(var(--px) * 36);box-shadow:none;filter:drop-shadow(var(--px) var(--px) 0 #2a1b3d61);background:0 0;border:0;font-size:0}.card.mini{width:calc(var(--px) * 9);height:calc(var(--px) * 13);filter:drop-shadow(0 var(--px) 0 #2a1b3d59)}.hand{height:calc(var(--px) * 36 + 40px)}.hand .card{transform:translateY(var(--y,0));transform-origin:50%}.hand .card.sel{transform:translateY(calc(var(--y,0px) - var(--px) * 8));background:0 0}.pplay{display:flex;position:absolute;transform:none}.pplay .card+.card{margin-left:calc(var(--px) * -12)}.picker .backs{gap:calc(var(--px) * 3)}.discard .stack{transform:translate(-50%)}.discard .side{width:calc(var(--px) * 26);height:calc(var(--px) * var(--hn,0));background:repeating-linear-gradient(#fff1d6 0 var(--px), #b48ad0 var(--px) calc(var(--px) * 2));box-shadow:none;border-left:var(--px) solid var(--ink);border-right:var(--px) solid var(--ink);border-bottom:var(--px) solid var(--ink);box-sizing:border-box}@media (color-gamut:p3){.discard .side{background:repeating-linear-gradient(#fff1d7 0 var(--px), #bc88d5 var(--px) calc(var(--px) * 2))}@supports (color:color(display-p3 0 0 0)){.discard .side{background:repeating-linear-gradient(color(display-p3 1 .9451 .8392) 0 var(--px), color(display-p3 .7059 .5412 .8157) var(--px) calc(var(--px) * 2))}}}.discard.tall .stack{animation:1.4s steps(6,end) infinite sway2}.discard .stack.wobble{animation:.16s steps(3,end) infinite sway2}.discard .stack.fall{animation:.5s steps(6,end) forwards fall2}.discard .stack{transform-origin:bottom}.opp{width:calc(var(--px) * 34);margin-left:0;display:block;transform:none}.opp .av{width:calc(var(--px) * 34);height:calc(var(--px) * 40);animation:2.6s steps(2,end) infinite breathe2;position:relative}.opp .av canvas,.cat canvas{display:none;position:absolute;top:0;left:0}.opp .av canvas.on,.cat canvas.on{display:block}.opp.active .av{animation:.5s steps(2,end) infinite bob2}.opp .tag{left:50%;bottom:calc(100% + var(--px));gap:calc(var(--px) * 2);min-width:0;margin:0;position:absolute;transform:translate(-50%)}.opp .ct{gap:var(--px)}.opp .bubble{top:calc(var(--px) * -12)}.opp .badge{top:20%;right:calc(var(--px) * -2)}.picking .opp .av{outline:var(--px) dashed var(--hot);outline-offset:0}.hands,.items .item,.shown{position:absolute;transform:none}.hands{z-index:3}.items .item,.items .mine{filter:drop-shadow(var(--px) var(--px) 0 #2a1b3d52);animation:2.8s steps(2,end) infinite bob2;bottom:auto}.items .item-chopsticks{animation:none}.shown{display:flex}.floaters .peek{bottom:calc(var(--px) * -10);animation:1.6s steps(2,end) infinite bob2}.cat{width:calc(var(--px) * 42);height:calc(var(--px) * 26);filter:drop-shadow(0 var(--px) 0 #2a1b3d4d);transition:left .9s steps(9,end),top .9s steps(9,end);bottom:auto}.cat:before{display:none}.cat.flip canvas{transform:scaleX(-1)}.cat .zz{right:0;top:calc(var(--px) * -4)}.btn,.obox,.panel,.chip,.tag,.bubble,.prompt,.toast,.row{border:calc(var(--px) * 3) solid transparent;border-image:var(--frame-paper) 3 fill / calc(var(--px) * 3) stretch;image-rendering:pixelated;box-shadow:none!important;background:0 0!important}.btn{margin:3px;padding:3px 12px}.btn.sm{padding:0 6px}.btn.big{color:#fff;border-image-source:var(--frame-hot);padding:6px 22px}.btn:hover{filter:brightness(1.07)}.btn:active{border-bottom-width:calc(var(--px) * 3);transform:translateY(var(--px))}.btn.go,.bubble.good{border-image-source:var(--frame-go)}.prompt.me,.toast,.chip.lock,.opp.active .tag,.row.win{border-image-source:var(--frame-gold)}.prompt.alert,.chip.rev.on,.chip.revo,.chip.exposedme,.bubble.bad,.opp.exposed .tag{border-image-source:var(--frame-rose)}.chip.spade,.row.lose{border-image-source:var(--frame-dark);color:var(--paper)}.chip,.tag,.bubble,.prompt{border-width:calc(var(--px) * 2);border-image-width:calc(var(--px) * 3);padding:0 calc(var(--px) * 2)}.chip{align-items:center;gap:calc(var(--px) * 2);display:flex}.obox{padding:8px 10px}.panel{padding:8px 12px}.row{grid-template-columns:28px auto 1fr auto;margin:4px 0;padding:0 6px}.row.lose{outline:0;padding:4px 6px}.row.you{outline:var(--px) dashed var(--hot);outline-offset:calc(var(--px) * -1)}.row .av{width:calc(var(--px) * 34);height:calc(var(--px) * 25);margin-top:0;overflow:hidden}.row .deco{width:auto;margin-left:0;top:0;left:50%;transform:translate(-50%)}.tear{display:none}@keyframes breathe2{50%{transform:translateY(calc(var(--px) * -1))}}@keyframes bob2{50%{transform:translateY(calc(var(--px) * -1))}}@keyframes sway2{0%,to{transform:translate(-50%)rotate(-2deg)}50%{transform:translate(-50%)rotate(2deg)}}@keyframes fall2{to{opacity:0;transform:translate(-50%)rotate(-95deg)}}.row .av{overflow:visible}.row .deco,.row.win .deco{top:calc(var(--px) * -7);z-index:3}.row.win,.row.lose{margin-top:calc(var(--px) * 4)}.floaters .peek{bottom:calc(var(--px) * -4)}.hrow{align-items:center}.status{left:50%;right:auto;top:calc(50% + var(--px) * 27);justify-content:center;width:max-content;max-width:94vw;transform:translate(-50%)}.hand.active:before{display:none}.status{max-width:min(94vw, calc(var(--px) * 150))}.card.joker{background:0 0}.card.joker canvas{animation:3.2s steps(10,end) infinite holohue}.card.joker:after{content:"";inset:var(--px);pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 0 34%,#ffffffd9 44%,#fff3 50%,#0000 60%) 0 0/320% 100%;animation:2.6s steps(16,end) infinite holo;position:absolute}@keyframes holo{0%{background-position:130% 0}to{background-position:-50% 0}}@keyframes holohue{50%{filter:hue-rotate(12deg)saturate(1.15)brightness(1.06)}}.status{justify-content:center;width:max-content;max-width:min(94vw,100vw - 460px);top:8px;left:50%;right:auto;transform:translate(-50%)}.chip.rev.on,.chip.revo,.chip.exposedme{animation:none}@media (width<=760px){.status{top:calc(var(--px) * 22);max-width:94vw}}.card.txt{background:var(--paper);box-sizing:border-box;border:var(--px) solid var(--ink);font-size:calc(var(--px) * 13);font-weight:700;line-height:1}.card.txt .r{left:calc(var(--px) * 2);top:calc(var(--px) * 1);letter-spacing:calc(var(--px) * -1);position:absolute}.card.txt .u{left:calc(var(--px) * 2);top:calc(var(--px) * 14);font-size:calc(var(--px) * 9);position:absolute}.card.txt .big{right:calc(var(--px) * 1);bottom:calc(var(--px) * 1);font-size:calc(var(--px) * 20);position:absolute}.card.txt.s-H{color:#d81e4a}@media (color-gamut:p3){.card.txt.s-H{color:#e90048;color:color(display-p3 .8471 .1176 .2902)}}.card.txt.s-D{color:#e06a00}@media (color-gamut:p3){.card.txt.s-D{color:#ec6600;color:color(display-p3 .8784 .4157 0)}}.card.txt.s-C{color:#0f8a76}@media (color-gamut:p3){.card.txt.s-C{color:#008a75;color:color(display-p3 .0588 .5412 .4627)}}.card.txt.s-S{color:#2a1b3d}@media (color-gamut:p3){.card.txt.s-S{color:#2d1a3f;color:color(display-p3 .1647 .1059 .2392)}}.hand .card.txt.sel{background:#fffaf0}@media (color-gamut:p3){.hand .card.txt.sel{background:#fffaf0;background:color(display-p3 1 .9804 .9412)}}.rows{padding-top:calc(var(--px) * 15)}.row.win .deco{top:calc(var(--px) * -15)}.row.lose .deco{top:calc(var(--px) * -12)}.row.lose{margin-top:calc(var(--px) * 11)}.row.win .deco,.row.lose .deco{animation:none}.game[data-left]:after{display:none}.chip{height:calc(var(--px) * 9);box-sizing:content-box;white-space:nowrap;line-height:1}.chip canvas{flex:none}.chip small{margin-left:6px;display:inline}.card.txt .big{left:0;right:0;bottom:calc(var(--px) * 1);text-align:center;font-size:calc(var(--px) * 19);font-weight:400;line-height:1}.card.txt .r{font-size:calc(var(--px) * 14);top:0}.row{margin:2px 0}.row .av{height:calc(var(--px) * 22)}.row .av>canvas.spr{clip-path:inset(0 0 calc(var(--px) * 18) 0)}.chip .suit{font-size:calc(var(--px) * 9);font-weight:700;line-height:1}.chip .suit.s-H{color:#d81e4a}@media (color-gamut:p3){.chip .suit.s-H{color:#e90048;color:color(display-p3 .8471 .1176 .2902)}}.chip .suit.s-D{color:#e06a00}@media (color-gamut:p3){.chip .suit.s-D{color:#ec6600;color:color(display-p3 .8784 .4157 0)}}.chip .suit.s-C{color:#0f8a76}@media (color-gamut:p3){.chip .suit.s-C{color:#008a75;color:color(display-p3 .0588 .5412 .4627)}}.chip .suit.s-S{color:#2a1b3d}@media (color-gamut:p3){.chip .suit.s-S{color:#2d1a3f;color:color(display-p3 .1647 .1059 .2392)}}.row.lose .deco{position:absolute}.drop{top:calc(var(--px) * 16);left:calc(var(--px) * (5 + var(--i) * 4));width:var(--px);height:calc(var(--px) * 2);animation:.7s steps(6,end) infinite raindrop;animation-delay:calc(var(--i) * -.27s);background:#5cc8d6;position:absolute}@media (color-gamut:p3){.drop{background:#04cbd9;background:color(display-p3 .3608 .7843 .8392)}}@keyframes raindrop{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{transform:translateY(calc(var(--px) * 11));opacity:0}}.picker .backs .card.chosen{transform:translateY(calc(var(--px) * -6));filter:brightness(1.15) drop-shadow(var(--px) var(--px) 0 #2a1b3d61);animation:none}:root{--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}.game{touch-action:manipulation;overscroll-behavior:none}.stage{transform-origin:50%;--px:3px;--cw:calc(var(--px) * 26);--ch:calc(var(--px) * 36);--av:calc(var(--px) * 34);width:1281px;height:720px;position:absolute;top:50%;left:50%}.stage .fx{position:absolute;inset:0}.stage .card.flying,.stage .burst,.stage .puff,.stage .toast{position:absolute}.stage .opp .tag{font-size:14px}.stage .opp .badge{font-size:20px}.stage .bubble{font-size:18px}.stage .mebubble{font-size:26px}.stage .prompt{font-size:20px}.stage .chip{font-size:15px}.stage .btn{font-size:20px}.stage .btn.sm{font-size:14px}.stage .burst .lb{font-size:44px}.stage .burst .jp{font-size:20px}.stage .toast{font-size:30px}.stage .cat .zz{font-size:20px}.stage .status{max-width:700px;transform:translateX(-50%) scale(var(--uk,1));transform-origin:top;top:8px}.stage .topbar{transform:scale(var(--uk,1));transform-origin:100% 0}.stage .controls{transform:scale(var(--uk,1));transform-origin:bottom}.stage .prompt{bottom:calc(var(--ch) + 46px + 54px * var(--uk,1));transform:translateX(-50%) scale(var(--uk,1));transform-origin:bottom}.stage .prompt.alert{animation:.5s steps(2,end) infinite hopc}.stage .opp .tag{transform:translateX(-50%) scale(var(--uk,1));transform-origin:bottom}@keyframes hopc{0%,to{transform:translateX(-50%) scale(var(--uk,1))}50%{transform:translateX(-50%) translateY(-6px) scale(var(--uk,1))}}@media (pointer:coarse){.btn{position:relative}.btn:after{content:"";position:absolute;inset:-14px}}.preview{z-index:70;pointer-events:none;position:fixed}.rotate{z-index:80;color:var(--paper);text-align:center;background:#2a1b3df0;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:20px;display:none;position:absolute;inset:0}.rotate small{font-size:14px}.rotate .phone{border:6px solid var(--paper);background:#5cc8d6;border-radius:6px;width:40px;height:68px;animation:2s steps(6,end) infinite turnphone}@media (color-gamut:p3){.rotate .phone{background:#04cbd9;background:color(display-p3 .3608 .7843 .8392)}}.rotate .dogs{gap:6px;display:flex}.rotate .dogs canvas{animation:2s steps(2,end) infinite tilt}.rotate .dogs canvas:nth-child(2){animation-delay:-.6s}@media (orientation:portrait) and (pointer:coarse){.game .rotate{display:flex}}@keyframes turnphone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@keyframes tilt{50%{transform:rotate(16deg)}}.stage{top:auto;bottom:var(--sab);transform-origin:bottom}.stage .hand .card{top:22px}.stage .status{top:4px}.stage{height:750px}.stage .opp .tag{transform:translateX(-50%) scale(var(--uk,1))}.stage .prompt{bottom:calc(var(--ch) + 46px + 64px * var(--uk,1))}@media (height<=520px){.landing{grid-template-columns:auto auto;grid-template-areas:"title panel""sub panel";place-content:center;gap:0 34px;padding:8px;display:grid}.landing .title{grid-area:title;align-self:end;font-size:clamp(26px,12vh,52px)}.landing .sub{letter-spacing:2px;grid-area:sub;align-self:start;margin:8px 0 0;font-size:clamp(14px,5.5vh,22px)}.landing .panel{grid-area:panel;gap:2px;padding:4px 10px}.landing .field{font-size:14px}.landing .btn{margin:2px;padding:1px 10px;font-size:14px}.landing .btn.big{padding:3px 18px;font-size:18px}.landing select{padding:2px;font-size:14px}.landing .stepper .num{font-size:18px}.over .obox{width:min(96vw,760px);max-height:96vh;padding:4px 8px}.over .head{margin:0;font-size:22px}.over .head small{margin-left:10px;display:inline}.over .rows{padding-top:calc(var(--px) * 13);grid-template-columns:1fr 1fr;column-gap:8px;display:grid}.over .row{margin:1px 0;font-size:14px}.over .row.lose,.over .drum{grid-column:1/-1}.over .row.lose{margin-top:calc(var(--px) * 9);padding:1px 6px;font-size:17px}.over .row.win{font-size:15px}.over .obtns .btn{padding:0 10px;font-size:14px}.help .obox{max-height:96vh}}.game>.topbar{right:calc(6px + var(--sar));top:calc(6px + var(--sat));z-index:45;position:absolute}.game>.status{left:50%;right:auto;top:calc(6px + var(--sat));width:max-content;max-width:calc(100vw - 2 * (190px + var(--sar)));z-index:44;justify-content:center;position:absolute;transform:translate(-50%)}.game>.status .chip{font-size:15px}.game>.topbar .btn.sm{font-size:14px}.landcat{top:auto;left:-300px;bottom:calc(var(--px) * 36);z-index:0;transition:none;display:none}.floaters .peek{z-index:1;left:calc(12% + var(--i) * 19%)}@media (aspect-ratio<=20/23){.landing{justify-content:flex-start;padding-top:max(18px,4.5vh)}.landing .title{font-size:clamp(34px,13vw,84px)}.landing .sub{margin:8px 0 0;font-size:clamp(18px,6vw,36px)}.landing .panel{margin-top:auto;margin-bottom:calc(var(--px) * 38)}.floaters .peek{left:calc(4% + var(--i) * 24.5%)}.floaters .peek:nth-of-type(n+5){display:none}}.game>.status{flex-wrap:nowrap;max-width:none}.chip .short{display:none}.status.compact .chip{font-size:12px}.status.compact .chip .full{display:none}.status.compact .chip .short{display:inline}.status.compact .chip .short:empty{display:none}.game>.status.compact .chip{font-size:12px}@media (height<=520px){.landing .title{justify-self:center}.landing .sub{letter-spacing:0;text-align:justify;text-align-last:justify;text-justify:inter-character;justify-self:stretch}}.sub{text-shadow:-2px -2px var(--ink), -1px -2px var(--ink), 0px -2px var(--ink), 1px -2px var(--ink), 2px -2px var(--ink), -2px -1px var(--ink), -1px -1px var(--ink), 0px -1px var(--ink), 1px -1px var(--ink), 2px -1px var(--ink), -2px 0px var(--ink), -1px 0px var(--ink), 1px 0px var(--ink), 2px 0px var(--ink), -2px 1px var(--ink), -1px 1px var(--ink), 0px 1px var(--ink), 1px 1px var(--ink), 2px 1px var(--ink), -2px 2px var(--ink), -1px 2px var(--ink), 0px 2px var(--ink), 1px 2px var(--ink), 2px 2px var(--ink)}@media (height<=520px){.landing .title{font-size:48px}.landing .sub{font-size:24px}}@media (height<=359px){.landing .title{font-size:32px}.landing .sub{font-size:16px}}.b-joker{--c:#ff4f79}@media (color-gamut:p3){.b-joker{--c:#ff507c}@supports (color:color(display-p3 0 0 0)){.b-joker{--c:color(display-p3 1 .3098 .4745)}}}.b-joker .rays{background:repeating-conic-gradient(#ff8fb1 0 10deg, #fff3a8 0 20deg, #9be7f5 0 30deg, #c4b5ff 0 40deg);opacity:.9;width:320px;height:320px;margin:-160px}@media (color-gamut:p3){.b-joker .rays{background:repeating-conic-gradient(#ff90b2 0 10deg, #fff2a9 0 20deg, #82eaf7 0 30deg, #c7b5ff 0 40deg)}@supports (color:color(display-p3 0 0 0)){.b-joker .rays{background:repeating-conic-gradient(color(display-p3 1 .5608 .6941) 0 10deg, color(display-p3 1 .9529 .6588) 0 20deg, color(display-p3 .6078 .9059 .9608) 0 30deg, color(display-p3 .7686 .7098 1) 0 40deg)}}}.b-joker .ic{--px:6px;animation:.5s steps(10,end) jokerflip;display:inline-block}.b-joker .ic canvas{filter:drop-shadow(6px 6px 0 var(--ink))}.spark{pointer-events:none;background:#fff;width:6px;height:6px;margin:-3px;animation:.6s steps(8,end) both sparkfly;position:absolute;top:40%;left:50%;box-shadow:6px 0 #fff3a8,-6px 0 #fff3a8,0 6px #fff3a8,0 -6px #fff3a8}@media (color-gamut:p3){.spark{box-shadow:6px 0 #fff2a9,-6px 0 #fff2a9,0 6px #fff2a9,0 -6px #fff2a9;box-shadow:6px 0 color(display-p3 1 .9529 .6588),-6px 0 color(display-p3 1 .9529 .6588),0 6px color(display-p3 1 .9529 .6588),0 -6px color(display-p3 1 .9529 .6588)}}.spark:nth-child(3n){box-shadow:6px 0 #ff9eb5,-6px 0 #ff9eb5,0 6px #ff9eb5,0 -6px #ff9eb5}@media (color-gamut:p3){.spark:nth-child(3n){box-shadow:6px 0 #ff9eb6,-6px 0 #ff9eb6,0 6px #ff9eb6,0 -6px #ff9eb6;box-shadow:6px 0 color(display-p3 1 .6196 .7098),-6px 0 color(display-p3 1 .6196 .7098),0 6px color(display-p3 1 .6196 .7098),0 -6px color(display-p3 1 .6196 .7098)}}.spark:nth-child(3n+1){box-shadow:6px 0 #9be7f5,-6px 0 #9be7f5,0 6px #9be7f5,0 -6px #9be7f5}@media (color-gamut:p3){.spark:nth-child(3n+1){box-shadow:6px 0 #82eaf7,-6px 0 #82eaf7,0 6px #82eaf7,0 -6px #82eaf7;box-shadow:6px 0 color(display-p3 .6078 .9059 .9608),-6px 0 color(display-p3 .6078 .9059 .9608),0 6px color(display-p3 .6078 .9059 .9608),0 -6px color(display-p3 .6078 .9059 .9608)}}.jspark{pointer-events:none;width:0;height:0;position:absolute}.jspark .spark{top:0;left:0}@keyframes jokerflip{0%{transform:scale(.3)rotateY(180deg)}55%{transform:scale(1.15)rotateY(0)}to{transform:scale(1)rotateY(0)}}@keyframes sparkfly{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1.1);opacity:0}}[hidden]{display:none!important}:is(.landing .panel:has(.dogs),.landing .panel:has(.seats)){max-height:calc(100dvh - 24px);overflow-y:auto}input.name{font:inherit;border:3px solid var(--ink);width:9em;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:0;margin:2px;padding:4px 6px;font-size:16px}.btnrow{justify-content:center;align-items:center;display:flex}.note{max-width:22em;font-size:14px;line-height:1.3}.btn:disabled{filter:grayscale()opacity(.55);cursor:default}.dogs{grid-template-columns:repeat(4,auto);gap:4px;display:grid}.dog{cursor:pointer;background:0 0;border:3px solid #0000;padding:2px 2px 0;line-height:0}.dog canvas{width:68px!important;height:80px!important}.dog[aria-checked=true]{border-color:var(--ink);background:var(--lemon);transform:translateY(-2px)}.code{letter-spacing:2px;-webkit-user-select:text;user-select:text;font-size:20px}.seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;width:100%;display:grid}.seat{text-align:left;align-items:center;gap:6px;min-width:0;font-size:15px;display:flex}.seat canvas{flex:none;width:34px!important;height:40px!important}.seat .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat small{opacity:.7;white-space:nowrap;font-size:10px}.seat.away{opacity:.5}.netlost{z-index:99;background:var(--hot);color:#fff;text-align:center;padding:4px 8px;font-size:14px;position:fixed;top:0;left:0;right:0}.prompt[data-clock]:after{content:" " attr(data-clock);color:var(--hot)}@media (height<=520px){.dog canvas{width:34px!important;height:40px!important}.dogs{grid-template-columns:repeat(8,auto);gap:1px}.seat{font-size:13px}.seats{grid-template-columns:repeat(4,minmax(0,1fr))}.landing input.name{padding:2px 4px;font-size:14px}.landing .panel{max-width:58vw}}.coach{left:calc(8px + var(--sal,0px));z-index:8;text-align:left;width:min(300px,27vw);font-size:13px;line-height:1.3;position:absolute;top:44%}.coach .fold{font:inherit;letter-spacing:1px;color:#fff;background:var(--ink);cursor:pointer;border:0;padding:2px 8px;font-size:12px}.coach .fold:after{content:" -"}.coach.folded .fold:after{content:" +"}.coach .body{background:var(--paper);border:3px solid var(--ink);max-height:38vh;padding:6px 8px;overflow-y:auto}.coach.folded .body{display:none}.coach p{margin:0 0 4px}.coach .ct{margin-bottom:2px;font-size:15px;display:block}.coach .cv{padding:2px 4px}.coach .cv.yes{background:#b9f0b4}@media (color-gamut:p3){.coach .cv.yes{background:#a9f2ae;background:color(display-p3 .7255 .9412 .7059)}}.coach .cv.no{background:#ffd3e3}@media (color-gamut:p3){.coach .cv.no{background:#ffd3e3;background:color(display-p3 1 .8275 .8902)}}.coach .cn{opacity:.75;border-top:2px dotted var(--ink);padding-top:4px}@media (height<=520px){.coach{width:25vw;font-size:11px;top:46%}.coach .ct{font-size:12px}.coach .body{max-height:30vh;padding:4px 6px}}.panel .pair{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid}.panel .pair .btn{padding-left:8px;padding-right:8px}@media (height<=520px){.landing .panel .pair .btn{margin-top:0;margin-bottom:0}}input.tcode{font:inherit;border:3px solid var(--ink);width:7.5em;color:var(--ink);letter-spacing:2px;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#fff;border-radius:0;margin:2px;padding:4px 6px;font-size:16px}.field label small{opacity:.7;font-size:10px;display:block}.note.bad{color:var(--hot)}@media (height<=520px){.landing input.tcode{padding:2px 4px;font-size:14px}}.panel .stepper .btn{margin:2px;padding:0 3px;font-size:11px;line-height:1.3}.panel .stepper .num{min-width:22px}.landing>.settings{right:calc(6px + var(--sar,0px));top:calc(6px + var(--sat,0px));z-index:6;padding:0;line-height:0;position:absolute!important}.landing>.settings canvas{display:block}.panel .ask{margin:2px 6px 4px;font-size:18px}.setup .obox{flex-direction:column;align-items:center;gap:8px;width:min(92vw,300px);display:flex}.setup .field{font-size:16px}@media (height>=521px) and (aspect-ratio>=20/23){.landing{justify-content:flex-start;padding-top:5vh}.landing .panel{margin-top:3vh}}.landing>.settings{transform-origin:100% 0;transform:scale(.5)}.landing>.settings:active{transform:scale(.5) translateY(calc(var(--px) * 2))}@media (pointer:coarse){.landing>.settings:after{inset:-32px}}