@font-face{font-family:Rounded Elegance;src:url(../fonts/RoundedElegance.ttf)format("truetype");font-display:swap}:root{--bg:#fff;--text:#4d4d4d;--green:#7c6;--red:#f56;--teal:#1ba;--orange:#f70;--cell:#eaeaea}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#__nuxt,body,html{height:100%;margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#222;font-family:Rounded Elegance,system-ui,sans-serif;overflow:hidden}.stage-wrap{place-items:center;height:100%;display:grid}.stage{aspect-ratio:14/25;background:var(--bg);height:calc(min(100dvh,178.571vw));color:var(--text);touch-action:none;position:relative;overflow:hidden;container-type:size}.world{--u:calc(50cqw / 7);font-size:var(--u);inset:0}.abs,.cell,.cell-bg,.world{position:absolute}.cell,.cell-bg{width:calc(var(--u) * .92);height:calc(var(--u) * .92);border-radius:18%;transform:translate(-50%,-50%)}.cell-bg{background:var(--cell);transition:transform .5s cubic-bezier(.215,.61,.355,1);transform:translate(-50%,-50%)scale(0)}.cell-bg.on{transform:translate(-50%,-50%)scale(1)}.cell-bg.hint{animation:.45s cubic-bezier(.87,0,.13,1) infinite alternate hint}@keyframes hint{to{transform:translate(-50%,-50%)scale(.6)}}.cell.sprite{background-repeat:no-repeat;background-size:contain;border-radius:0}.board-cell{animation:0s linear .3s backwards appear}@keyframes appear{0%{opacity:0}}.piece{will-change:transform;width:0;height:0;transition:transform .8s cubic-bezier(.215,.61,.355,1);position:absolute;top:0;left:0}.piece.dragging{z-index:10;transition:none}.spawn{animation:.8s cubic-bezier(.215,.61,.355,1) backwards spawn;position:absolute;top:0;left:0}@keyframes spawn{0%{translate:var(--dx) var(--dy)}}.ghost-clear{animation:.6s cubic-bezier(.215,.61,.355,1) forwards shrink}@keyframes shrink{to{transform:translate(-50%,-50%)scale(0)}}.ghost-settle{animation:.3s cubic-bezier(.215,.61,.355,1) backwards settle}@keyframes settle{0%{translate:var(--ox) var(--oy);scale:var(--s0)}}.ghost-fly{animation:1s cubic-bezier(.215,.61,.355,1) forwards fly}@keyframes fly{to{translate:calc(var(--u) * -20) 0}}.ghost-piece{animation:.5s cubic-bezier(.215,.61,.355,1) forwards shrinkp}@keyframes shrinkp{to{scale:0}}.layer{flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.panel{background:#fffffff0}.dark .panel{background:#4d4d4df0}.panel.solid{background:#fff}.dark .panel.solid{background:#4d4d4d}.title{font-size:calc(var(--u) * 2.4);letter-spacing:.08em;margin:0}.h1{font-size:calc(var(--u) * 1.5);margin:0}.muted{opacity:.65}.big{font-size:calc(var(--u) * 1.15)}.small{font-size:calc(var(--u) * .62)}a.btn{text-decoration:none;display:inline-flex}.layer.panel .btn,[data-testid=leaderboard] .btn,[data-testid=options] .btn{justify-content:center}.btn{font:inherit;color:#fff;cursor:pointer;border-radius:calc(var(--u) * .5);padding:calc(var(--u) * .25) calc(var(--u) * .7);align-items:center;gap:calc(var(--u) * .5);font-size:calc(var(--u) * .85);background:var(--green);border:0;transition:transform 80ms,opacity .15s;display:flex}.btn:active:not(:disabled){transform:scale(.96)}button.btn:disabled{cursor:default;background:#ccc}.btn.red{background:var(--red)}.btn.teal{background:var(--teal)}.btn.orange{background:var(--orange)}.btn.gray{background:#ccc}.btn.ghost{color:var(--text);border:calc(var(--u) * .08) solid currentColor;background:0 0}.btn.armed{outline:calc(var(--u) * .12) solid var(--text)}.icon{background-image:url(../img/ui.png);background-repeat:no-repeat;flex:none;display:inline-block}.pu{position:relative}.pu .count{right:calc(var(--u) * -.2);top:calc(var(--u) * -.25);background:var(--text);color:var(--bg);min-width:calc(var(--u) * .9);font-size:calc(var(--u) * .6);padding:0 calc(var(--u) * .15);border-radius:999px;position:absolute}.pu .count,.shop2 .linkish,.stat{text-align:center}.stat{line-height:1.05}.stat b{font-weight:400;font-size:calc(var(--u) * 1.3);display:block}.grid2{grid-template-columns:1fr 1fr;display:grid}.grid2,.row{gap:calc(var(--u) * .6)}.row{align-items:center;display:flex}.theme-swatch{gap:calc(var(--u) * .12);display:flex}.theme-swatch i{width:calc(var(--u) * .5);height:calc(var(--u) * .5);border-radius:20%;display:block}.btn.pu{font-size:calc(var(--u) * .7);white-space:nowrap;padding:calc(var(--u) * .3) calc(var(--u) * .6)}.shop2{padding:calc(var(--u) * .6) 0 0;gap:calc(var(--u) * .3);font-size:calc(var(--u) * .8);overflow:hidden}.shop2>*{width:calc(var(--u) * 12.6)}.shop-head{justify-content:space-between;align-items:center;display:flex}.shop2 .h1{font-size:calc(var(--u) * 1.4);line-height:1}.balance{align-items:center;gap:calc(var(--u) * .3);font-size:calc(var(--u) * .75);padding:calc(var(--u) * .2) calc(var(--u) * .65) calc(var(--u) * .2) calc(var(--u) * .45);background:color-mix(in srgb,var(--text) 8%,transparent);border-radius:999px;display:flex}.balance b{font-weight:400;font-size:calc(var(--u))}.coin{flex:none;grid-template-columns:1fr 1fr;gap:.09em;width:.95em;height:.95em;display:inline-grid}.coin i{border-radius:24%}.coin i:first-child{background:var(--red)}.coin i:nth-child(2){background:var(--green)}.coin i:nth-child(3){background:var(--orange)}.coin i:nth-child(4){background:var(--teal)}.seg{padding:calc(var(--u) * .15);border-radius:calc(var(--u) * .6);background:color-mix(in srgb,var(--text) 8%,transparent);display:flex}.seg button{font:inherit;font-size:calc(var(--u) * .75);color:var(--text);border-radius:calc(var(--u) * .45);padding:calc(var(--u) * .22) 0;cursor:pointer;background:0 0;border:0;flex:1}.seg button.on{background:var(--teal);color:#fff}.bg-chip:focus-visible,.seg button:focus-visible{outline:calc(var(--u) * .1) solid var(--teal);outline-offset:calc(var(--u) * .1)}.item{align-items:center;gap:calc(var(--u) * .5);padding:calc(var(--u) * .4) calc(var(--u) * .5) calc(var(--u) * .4) calc(var(--u) * .4);border-radius:calc(var(--u) * .6);background:color-mix(in srgb,var(--text) 6%,transparent);grid-template-columns:auto 1fr auto;display:grid}.item.active{background:color-mix(in srgb,var(--teal) 13%,transparent);outline:calc(var(--u) * .1) solid var(--teal)}.item-text{gap:calc(var(--u) * .1);flex-direction:column;min-width:0;display:flex}.item-name{font-size:calc(var(--u) * .85);white-space:nowrap;line-height:1.1}.item-text .small{line-height:1.2;font-size:calc(var(--u) * .55)}.item-act{align-items:center;gap:calc(var(--u) * .1);flex-direction:column;display:flex}.item-act,.item-act .btn{min-width:calc(var(--u) * 3)}.item-act .btn{font-size:calc(var(--u) * .75);padding:calc(var(--u) * .18) calc(var(--u) * .7);justify-content:center}.price{align-items:center;gap:calc(var(--u) * .2);font-size:calc(var(--u) * .6);display:inline-flex}.need,.price.short{color:var(--orange)}.need{font-size:calc(var(--u) * .5)}.stock{width:calc(var(--u) * 2.4);height:calc(var(--u) * 2.4);border-radius:calc(var(--u) * .55);color:#fff;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.stock b{font-weight:400;font-size:calc(var(--u) * 1.4)}.stock span{font-size:calc(var(--u) * .45);opacity:.9}.stock b.pop{animation:.3s cubic-bezier(.215,.61,.355,1) pop}@keyframes pop{40%{transform:scale(1.35)}}.style{padding-top:calc(var(--u) * .3);padding-bottom:calc(var(--u) * .3);grid-template-columns:1fr auto}.style.locked .preview{opacity:.5}.preview{align-items:center;gap:calc(var(--u) * .12);display:flex}.preview i,.preview img{width:calc(var(--u) * .8);height:calc(var(--u) * .8);display:block}.preview i{border-radius:22%}.status{font-size:calc(var(--u) * .55)}.status.ok{color:var(--teal)}.tick{width:calc(var(--u) * 1.3);height:calc(var(--u) * 1.3);background:var(--teal);color:#fff;font-size:calc(var(--u) * .8);border-radius:50%;place-items:center;display:grid}.sheet,.tip{text-align:center}.bg-line,.shop2 .back,.tip{margin-top:calc(var(--u) * .2)}.bg-line{justify-content:space-between;align-items:center;gap:calc(var(--u) * .6);display:flex}.bg-pair{gap:calc(var(--u) * .4);display:flex}.bg-chip{font:inherit;font-size:calc(var(--u) * .7);width:calc(var(--u) * 3.8);padding:calc(var(--u) * .3) 0;border-radius:calc(var(--u) * .45);border:calc(var(--u) * .08) solid #aaa;cursor:pointer}.bg-chip.active{border-color:var(--teal);outline:calc(var(--u) * .08) solid var(--teal)}.shop2 .back{width:calc(var(--u) * 8);justify-content:center}.cell-bg.preview{pointer-events:none;z-index:1;transition:none}.cell-bg.preview.ok{background:color-mix(in srgb,var(--green) 55%,transparent);outline:calc(var(--u) * .06) solid var(--green)}.cell-bg.preview.bad{background:color-mix(in srgb,var(--red) 35%,transparent);outline:calc(var(--u) * .06) solid var(--red)}.piece.dragging{filter:drop-shadow(0 calc(var(--u) * .25) calc(var(--u) * .25) #0000004d)}.cell-bg.preview.bad,.cell-bg.preview.ok{outline-width:calc(var(--u) * .1);background:0 0}body{font-synthesis:none}h1,h2{font-weight:400}[data-testid=mainmenu] .title{font-size:calc(var(--u) * 2)}.chip{top:calc(var(--u) * .6);right:calc(var(--u) * .6);z-index:5;align-items:center;gap:calc(var(--u) * .35);font:inherit;font-size:calc(var(--u) * .62);color:var(--text);cursor:pointer;background:color-mix(in srgb,var(--text) 8%,transparent);padding:calc(var(--u) * .2) calc(var(--u) * .7) calc(var(--u) * .2) calc(var(--u) * .2);max-width:calc(var(--u) * 7);border:0;border-radius:999px;display:flex;position:absolute}.chip-left{right:auto;left:calc(var(--u) * .6);padding:calc(var(--u) * .3) calc(var(--u) * .75) calc(var(--u) * .3) calc(var(--u) * .55)}.chip-left b{font-weight:400;font-size:calc(var(--u) * .8)}.btn:focus-visible,.chip:focus-visible,.linkish:focus-visible,.sheet-x:focus-visible{outline:calc(var(--u) * .1) solid var(--teal);outline-offset:calc(var(--u) * .1)}.chip-avatar{width:calc(var(--u) * 1.1);height:calc(var(--u) * 1.1);color:#fff;background:#bbb;border-radius:50%;flex:none;place-items:center;display:grid}.chip.in .chip-avatar{background:var(--teal)}.chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-back{z-index:50;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.sheet{width:calc(var(--u) * 12.4);padding:calc(var(--u) * 1.1) calc(var(--u)) calc(var(--u) * .9);align-items:center;gap:calc(var(--u) * .5);background:var(--bg);color:var(--text);border-radius:calc(var(--u) * .8);outline:none;flex-direction:column;animation:.22s cubic-bezier(.215,.61,.355,1) sheet-in;display:flex;position:relative}@keyframes sheet-in{0%{transform:translateY(calc(var(--u)));opacity:0}}.sheet .h2{font-size:calc(var(--u) * 1.1);margin:0;line-height:1.1}.sheet p{margin:0;line-height:1.3}.sheet-x{top:calc(var(--u) * .3);right:calc(var(--u) * .4);font:inherit;font-size:calc(var(--u) * .8);color:var(--text);cursor:pointer;opacity:.6;background:0 0;border:0;position:absolute}.login-btn{align-items:center;gap:calc(var(--u) * .35);flex-direction:column;display:flex}.login-btn .btn{white-space:nowrap;justify-content:center}.lc-title,.login-btn .btn:not(.tiny){font-size:calc(var(--u) * .8)}.login-card{width:calc(var(--u) * 11);padding:calc(var(--u) * .5) calc(var(--u) * .6);align-items:center;gap:calc(var(--u) * .3);text-align:center;background:color-mix(in srgb,var(--teal) 12%,transparent);border-radius:calc(var(--u) * .5);flex-direction:column;display:flex}.lc-title{line-height:1.1}.linkish{font:inherit;font-size:calc(var(--u) * .6);color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.clip{max-width:calc(var(--u) * 12);text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden}.btn.tiny{font-size:calc(var(--u) * .6);padding:calc(var(--u) * .12) calc(var(--u) * .5)}.err{color:var(--red)}.tabs{gap:calc(var(--u) * .3);display:flex}.tabs .btn{font-size:calc(var(--u) * .6);padding:calc(var(--u) * .15) calc(var(--u) * .5);background:#ccc}.tabs .btn.on{background:var(--teal)}.board{width:calc(var(--u) * 12);gap:calc(var(--u) * .12);flex-direction:column;display:flex}.board .rowline{grid-template-columns:calc(var(--u) * 1.8) 1fr auto;gap:calc(var(--u) * .4);padding:calc(var(--u) * .12) calc(var(--u) * .5);border-radius:calc(var(--u) * .3);background:color-mix(in srgb,var(--text) 7%,transparent);font-size:calc(var(--u) * .75);align-items:center;display:grid}.board .rowline.me{background:color-mix(in srgb,var(--teal) 25%,transparent)}.board .rowline .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board .rowline.top1 .rank{color:#e0a800}.menu-tiles{gap:calc(var(--u) * .4)}.btn.tile{justify-content:center;gap:calc(var(--u) * .2);width:calc(var(--u) * 4.1);height:calc(var(--u) * 3);padding:calc(var(--u) * .25) calc(var(--u) * .1);font-size:calc(var(--u) * .52)}.btn.tile,.mode-text{flex-direction:column}.mode-text{text-align:left;flex:1;align-items:flex-start;line-height:1.1;display:flex}.mode-best,.mode-name{white-space:nowrap}.btn.locked{filter:saturate(.35)brightness(.85)}.mode-lock{width:calc(var(--u) * 2);height:calc(var(--u) * 2);flex:none;place-items:center;display:grid}.mode-lock .ico{width:calc(var(--u) * 1.3);height:calc(var(--u) * 1.3)}.unlock-line{text-align:center}.mode-best{opacity:.85}.tile .ico{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);display:block}.tile-ico{height:calc(var(--u) * 1.4);font-size:calc(var(--u) * 1.3);place-items:center;line-height:1;display:grid}[data-testid=mainmenu] .small.muted{margin-top:calc(var(--u) * -.2)}
