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