@font-face{font-family:FbAharoniNew;src:url(/assets/fonts/FbAharoniNew-Bold.otf)format("opentype");font-weight:700;font-display:block}@font-face{font-family:SNPro;src:url(/assets/fonts/SNPro-Bold.ttf)format("truetype");font-weight:700;font-display:block}:root{--number-bg:#08b076;--union-bg:#2286f8;--yellow-axis:#ffca2c;--pink-axis:#fa99c2;--accent:#007aff;--cream:#fcf5e0;--design-w:874px;--design-h:402px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;overflow:hidden}body{color:#000;font-family:FbAharoniNew,system-ui,sans-serif;font-weight:700}html[lang=en] body{font-family:SNPro,system-ui,sans-serif}#viewport{background:#000;position:fixed;inset:0;overflow:hidden}#stage{width:var(--design-w);height:var(--design-h);transform:translate(-50%, -50%) scale(var(--scale,1));transform-origin:50%;background:#1d3a22;position:absolute;top:50%;left:50%;overflow:hidden}#rotate-hint{z-index:99;color:#fff;text-align:center;background:#000;place-items:center;padding:24px;font-size:22px;display:grid;position:fixed;inset:0}#rotate-hint[hidden]{display:none}.card{--h:calc(var(--w) * 1232 / 928);--corner:calc(var(--w) * 50 / 928);--border:calc(var(--w) * 40 / 928);width:var(--w);height:var(--h);filter:drop-shadow(calc(var(--w) * .01) calc(var(--w) * .02) calc(var(--w) * .03) #00000040);flex:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1),filter .25s;position:relative}.card>*{border-radius:var(--corner);position:absolute;inset:0;overflow:hidden}.card:after{content:"";border-radius:var(--corner);border:var(--border) solid #fff;pointer-events:none;position:absolute;inset:0}.card:not(.face-down):not(:has(.card-union)):before{content:"";border-radius:var(--corner);background:var(--number-bg);position:absolute;inset:0}.card .card-art{background:url(/assets/img/card-artwork.svg) 50%/100% 100% no-repeat;border-radius:0;width:91.3793%;height:93.5065%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.card .card-back{border-radius:var(--corner);background:url(/assets/img/card-back.svg) 50%/100% 100% no-repeat}.card .card-union{border-radius:var(--corner);background:url(/assets/img/merge-card.png) 50%/100% 100% no-repeat}.card .digit{direction:ltr;border-radius:0;overflow:visible}.card .digit .shape{-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;position:absolute;inset:0}.card .digit .soft{transform:translate(calc(var(--w) * -20 / 928), calc(var(--w) * 27 / 928));background:#00000040}.card .digit .hard{transform:translate(calc(var(--w) * -7 / 928), calc(var(--w) * 7 / 928));background:#000}.card .digit.yellow .fill{background:var(--yellow-axis)}.card .digit.pink .fill{background:var(--pink-axis)}.card.selected:after{border-color:var(--accent);border-width:calc(var(--border) * 1.1)}.card.disabled{filter:saturate(.15) brightness(1.08) drop-shadow(calc(var(--w) * .01) calc(var(--w) * .02) calc(var(--w) * .03) #00000040)}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--a:360deg}}.glow{border-radius:inherit;pointer-events:none;filter:blur(var(--blur,10px));mix-blend-mode:plus-lighter;opacity:0;transition:opacity .25s;position:absolute;inset:0}.glow:before{content:"";border-radius:inherit;padding:var(--ring,10px);background:conic-gradient(from var(--a), #ff2d55, #af52de, #0a84ff, #64d2ff, #ffd60a, #ff2d55);-webkit-mask-composite:xor;animation:1.5s linear infinite spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glow.on{opacity:1}.chunky{--c:var(--number-bg);--depth:6px;--corner:16px;--h:50px;--side:color-mix(in srgb, var(--c) 70%, #000);height:var(--h);margin-bottom:var(--depth);border-radius:var(--corner);background:var(--c);color:#fff;font:inherit;cursor:pointer;text-shadow:0 2px #00000052;box-shadow:0 calc(var(--depth) - 2px) 0 0 var(--side), 0 var(--depth) 0 0 #00000073;border:2px solid #00000073;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:20px;transition:transform 90ms ease-out,box-shadow 90ms ease-out,filter .12s;display:inline-flex;position:relative}.chunky:active:not([disabled]){transform:translateY(var(--depth));filter:brightness(.94);box-shadow:0 0 0 0 var(--side), 0 0 0 0 #00000073}.chunky[disabled]{cursor:default}.chunky .badge{background:#00000047;border-radius:99px;padding:3px 8px;font-size:12px}@media (hover:hover) and (pointer:fine){.chunky:hover:not([disabled]):not(:active){filter:brightness(1.08);box-shadow:0 calc(var(--depth) - 4px) 0 0 var(--side), 0 calc(var(--depth) - 2px) 0 0 #00000073;transform:translateY(2px)}}.chunky:focus-visible,.gear-btn:focus-visible,.x-btn:focus-visible,.bubble-x:focus-visible,.gear-item:focus-visible{outline-offset:2px;outline:3px solid #fff}.toast{z-index:70;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#000000d9;border-radius:99px;max-width:560px;padding:10px 16px;font:600 15px system-ui,sans-serif;transition:opacity .3s,transform .35s cubic-bezier(.3,1.5,.5,1);position:absolute;top:52px;left:50%;transform:translate(-50%,-10px);box-shadow:0 3px 8px #0000004d}.toast.show{opacity:1;transform:translate(-50%)}.bg{background:url(/assets/img/bg3.png) 50%/100% 100% no-repeat;transition:filter .25s;position:absolute;inset:0}.board{position:absolute;inset:0}.slot{will-change:transform;width:76px;height:100.897px;transition:transform var(--dur,.45s) var(--ease,cubic-bezier(.22, 1, .36, 1)), opacity .18s ease-out, filter .25s;position:absolute;top:0;left:0}.slot .card{transition:transform .5s cubic-bezier(.3,1.3,.5,1)}.slot.spawning{transition:none}.slot.just-drawn .card{transform:perspective(300px)rotateY(90deg)}.slot.dim,.dim{filter:brightness(.67)saturate(.75)}.slot .glow{--ring:10px;--blur:10px;border-radius:4.09483px}.slot.target .card:after{border-color:var(--accent);border-width:3.60345px}.draw-pile{z-index:41;cursor:pointer;width:76px;height:100.897px;transition:opacity .2s,filter .25s;position:absolute}.draw-pile .layer{background:#00000026;border-radius:4.09483px;position:absolute;inset:0}.draw-pile .layer:first-child{transform:translateY(6px)}.draw-pile .layer:nth-child(2){transform:translateY(4px)}.draw-pile .layer:nth-child(3){transform:translateY(2px)}.draw-pile .top{filter:drop-shadow(0 2px 4px #0000004d);background:url(/assets/img/card-back.svg) 50%/100% 100% no-repeat;border-radius:4.09483px;position:absolute;inset:0}.draw-pile .x3{background:var(--union-bg);color:#fff;border-radius:99px;padding:4px;font:700 11px system-ui,sans-serif;position:absolute;top:-10px;right:-10px}.draw-pile.disabled{opacity:.5;cursor:default}.split-btn{z-index:41;width:52px;transition:opacity .2s,filter .25s;position:absolute}.split-btn.hidden{opacity:0;pointer-events:none}.split-btn .chunky{--c:var(--union-bg);--h:24px;--corner:12px;--depth:4px;direction:ltr;gap:3px;width:52px;padding:0;font-size:11px}.split-btn svg{width:9px;height:11px}.pile-hit{z-index:40;cursor:pointer;width:76px;height:100.897px;position:absolute}@keyframes pulse{0%,to{box-shadow:0 0 6px #ffdc0080}50%{box-shadow:0 0 14px 2px #ffeb00f2}}@keyframes bounce{0%,to{transform:translateY(6px)}50%{transform:translateY(-4px)}}@keyframes bounceDown{0%,to{transform:translateY(-6px)}50%{transform:translateY(4px)}}.slot .spot i,.split-btn.spot:after{pointer-events:none;border:4.25862px solid #ffd633;border-radius:4.09483px;animation:1.2s ease-in-out infinite pulse;position:absolute;inset:0}.slot .spot b{text-shadow:0 2px 3px #0006;pointer-events:none;margin-left:-15px;font-size:30px;font-weight:400;position:absolute;left:50%}.slot .spot.pile b{margin-top:11.8px;animation:1.1s ease-in-out infinite bounce;top:100%}.slot .spot.hand b{margin-bottom:11.8px;animation:1.1s ease-in-out infinite bounceDown;bottom:100%}.split-btn.spot{z-index:5}.split-btn.spot:after{content:"👈";border:0;font-size:26px;animation:none;inset:0 -34px auto auto}.split-btn.spot .chunky{outline-offset:1px;outline:2.5px solid #ffd633;box-shadow:0 0 10px #ffd633}.icon{width:1em;height:1em;display:inline-flex}.icon svg{width:100%;height:100%}.chunky .ic{font-size:18px}.chunky .t{text-align:start;flex:1}.stat{background:var(--number-bg);color:#fff;text-shadow:0 1px #0000004d;border:2px solid #00000073;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:17px;display:inline-flex}.stat .ic{font-size:12px}.loader{z-index:90;background:linear-gradient(#21d194,#05875c);transition:opacity .35s ease-out;position:absolute;inset:0}.loader.out{opacity:0;pointer-events:none}.doodles{opacity:.11;direction:ltr;position:absolute;inset:0;overflow:hidden}.drow{width:1036px;height:74px;display:flex}.drow .cell{flex:none;place-items:center;width:74px;height:74px;display:grid}.drow i{background:#fff;width:34px;height:34px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.loader-body{flex-direction:column;justify-content:center;align-items:center;gap:0;padding-bottom:22px;display:flex;position:absolute;inset:0}.loader-body .logo{margin:auto 0}.loading-text{color:#fff;text-shadow:0 2px #00000059;font-size:18px}.progress{background:#00000047;border:2px solid #ffffffbf;border-radius:99px;width:300px;height:16px;margin-top:10px;overflow:hidden}.progress .fill{background:var(--yellow-axis);border-radius:99px;width:16px;height:100%;transition:width 1.5s ease-in-out}.progress .fill.go{width:100%}.version{color:#ffffffd9;margin-top:8px;font-size:12px}.menu-layer{position:absolute;inset:0}.menu-panel{background:var(--cream);opacity:0;border:3px solid #000000bf;border-radius:2px;justify-content:center;align-items:center;gap:24px;width:529px;height:211px;transition:opacity .5s,transform .5s cubic-bezier(.3,1.4,.5,1);display:flex;position:absolute;top:94.5px;left:165.5px;transform:scale(.94);box-shadow:0 8px 14px #00000059}.menu-layer.revealed .menu-panel{opacity:1;transform:scale(1)}.menu-left{flex-direction:column;align-items:center;gap:16px;display:flex}.menu-right{flex-direction:column;justify-content:center;gap:10px;width:292px;display:flex}.menu-right .chunky{width:100%}.buildin{opacity:0;transition:opacity .45s calc(var(--d,0s) + .1s), transform .45s cubic-bezier(.3, 1.5, .5, 1) calc(var(--d,0s) + .1s);transform:translateY(10px)}.revealed .buildin{opacity:1;transform:none}.topbar{z-index:50;pointer-events:none;height:46px;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.gear-btn{color:#fff;filter:drop-shadow(0 1px 2px #00000080);cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;font-size:22px;display:grid;position:absolute;top:8px;left:771px}.gear-menu{background:var(--cream);z-index:45;border:3px solid #000000bf;border-radius:18px;width:230px;padding:8px;position:absolute;top:46px;left:585px;box-shadow:0 8px 14px #00000059}.gear-item{width:100%;font:inherit;color:#000;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:8px 10px;font-size:18px;display:flex}.gear-item:hover{background:#00000017}.gear-item .icon{flex:none;font-size:19px}.gear-item.danger{color:#000}.overlays{z-index:80;pointer-events:none;position:absolute;inset:0}.overlays>*{pointer-events:auto}.scrim{background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.scrim.dark{background:#000000b8}.ins-panel{background:var(--cream);color:#000;border:3px solid #000000bf;border-radius:22px;flex-direction:column;gap:14px;width:460px;max-width:94%;max-height:340px;padding:16px;display:flex}.ins-head{justify-content:space-between;align-items:center;display:flex}.ins-head h2{margin:0;font-size:26px;font-weight:700}.x-btn{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.ins-body{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex;overflow:auto}.ins-sec h3{margin:0 0 10px;font-size:18px;font-weight:700}.rule{text-align:start;gap:6px;margin-bottom:10px;font:400 16px/1.25 system-ui,sans-serif;display:flex}.ins-panel .chunky{flex:none;width:100%}.dlg{background:var(--cream);text-align:center;color:#000;border:3px solid #000000bf;border-radius:22px;flex-direction:column;gap:12px;width:360px;max-width:94%;padding:16px;display:flex}.dlg-msg{padding:2px 4px 6px;font-size:20px;line-height:1.2}.dlg .chunky{flex:none;width:100%}.dlg .chunky .t{text-align:center}.end{flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex}.end-msg{color:#fff;text-align:center;text-shadow:0 2px #0006;font-size:30px}.end-msg.sm{text-shadow:none;font-size:26px}.end-streak{flex-direction:column;align-items:center;gap:4px;display:flex}.end-streak .cap{color:#ffffffd9;font-size:13px}.link{color:#ffffffbf;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:4px;font-size:15px}.tutorial{pointer-events:none;position:absolute;inset:0}.bubble{pointer-events:auto;color:#000;text-align:center;background:#fcf5e0;border:3px solid #000000bf;border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:420px;padding:10px 38px;font-size:18px;line-height:1.15;display:flex;position:absolute;top:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000059}.bubble-x{inset-inline-end:8px;color:#0000008c;cursor:pointer;background:#0000001f;border:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:8px}.bubble .chunky{flex:none;width:100%}#rotate-hint{font-size:20px}@media (hover:hover) and (pointer:fine){.gear-btn:hover{transform:rotate(35deg)scale(1.08)}.gear-btn{transition:transform .2s}.x-btn:hover,.bubble-x:hover{filter:brightness(1.25);transform:scale(1.1)}.x-btn,.bubble-x{transition:transform .12s,filter .12s}.link:hover{color:#fff;text-decoration:underline}.draw-pile:not(.disabled):hover{transform:translateY(-3px)}.draw-pile{transition:opacity .2s,filter .25s,transform .15s}.slot[data-kind=hand]:hover .card:not(.disabled):not(.selected){transform:translateY(-5px)}}.slot[data-kind=hand]{cursor:pointer}.slot[data-kind=hand] .card.disabled{cursor:default}.chunky.dark-text{color:#000;text-shadow:none}.install-panel{max-height:330px}.step{text-align:start;align-items:center;gap:12px;padding:8px 0;font-size:19px;display:flex}.step .num{background:var(--number-bg);color:#fff;width:30px;height:30px;text-shadow:none;border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.step .ic{margin-inline-start:auto;font-size:26px}