*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15}body{display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}:root{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--z-dialog:99999;--z-controls:2;--z-menu:3}body,html{height:100%;margin:0;padding:0;width:100%}body{background-color:#fff}#root{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;overflow:hidden;position:relative;width:100%}#root.green-bg{background-color:#419932}.vignette{position:relative}.vignette:after{background:radial-gradient(transparent 30%,rgba(0,0,0,.72));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.loader,.loader:after{border-radius:50%;height:10em;width:10em}.loader{align-self:center;-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite;border:1.1em solid hsla(0,0%,100%,.2);border-left-color:#fff;display:flex;font-size:.5em;left:0;margin:0 auto;position:fixed;right:0;text-indent:-9999em;transform:translateY(-50%) translateZ(0);z-index:9}@-webkit-keyframes load8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(1turn)}}button:active,button:focus{outline:0}button{background:none;border:none;cursor:pointer;display:inline-flex;font-size:inherit;margin:0;padding:.5em 1em}@media (max-width:767px){button[fullwidth]{width:100%}}.wrapper.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{background:rgba(0,0,0,.4);border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-family:Verdana;font-size:.75rem;left:0;margin:0 auto;padding:.125em .5em;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--z-controls)}.controls.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{-webkit-touch-callout:none;align-items:center;display:flex;justify-content:center}.controls.svelte-1kpxntt button.svelte-1kpxntt.svelte-1kpxntt{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#f4f4f4;cursor:pointer;display:flex;flex-direction:column;justify-content:center;outline:none}.controls.svelte-1kpxntt button.svelte-1kpxntt.svelte-1kpxntt:not(:first-child){margin-left:1.5em}.controls.svelte-1kpxntt button.svelte-1kpxntt>svg.svelte-1kpxntt{margin-bottom:.375em;max-height:1.125em;min-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.controls.svelte-1kpxntt button.svelte-1kpxntt>span.svelte-1kpxntt{font-weight:400;letter-spacing:.4px}.controls.svelte-1kpxntt button.svelte-1kpxntt.svelte-1kpxntt:disabled{cursor:auto;opacity:.6}.popover.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{border-radius:4px;color:#fff;left:0;left:110%;margin:6px auto 0;padding:1em;position:absolute;right:0;text-align:center;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content}.popover.svelte-1kpxntt>button.svelte-1kpxntt.svelte-1kpxntt{color:inherit;padding:0;text-decoration:underline}.popover.negative.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.popover.positive.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{background-color:#d1e7dd;border:1px solid #badbcc;color:#0f5132}.turn-screen.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{display:none}.turn-screen.svelte-1kpxntt>button.svelte-1kpxntt.svelte-1kpxntt{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.timer.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{color:#fff;font-variant-numeric:tabular-nums;text-align:center}.facebook-share.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{background:#3b5998;border-radius:4px;color:#fff;padding:.175em .375em;text-align:center;text-decoration:none}.twitter-share.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{background:#55acee;border-radius:4px;color:#fff;padding:.175em .375em;text-align:center;text-decoration:none}@media (max-width:767px){.wrapper.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{border-radius:0;bottom:0;width:100vw}.popover.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{left:0;margin:0 8px;transform:translateY(-100%) translateY(-8px);width:auto}@media (orientation:portrait){.turn-screen.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{display:block}}}@media only screen and (max-height:575.98px) and (orientation:landscape){@media (orientation:landscape){.wrapper.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{align-items:flex-end;display:flex;height:100vh;left:0;right:auto;top:0;width:68px}.popover.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{bottom:0;left:68px;margin:8px;position:fixed;right:0;top:auto;transform:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.controls.svelte-1kpxntt.svelte-1kpxntt.svelte-1kpxntt{flex-direction:column;gap:18px;margin:8px auto}.controls.svelte-1kpxntt button.svelte-1kpxntt.svelte-1kpxntt{margin:0!important;padding:0}}}button.svelte-1jvtu6e{-webkit-tap-highlight-color:transparent;align-items:center;background:rgba(0,0,0,.4);border-bottom-right-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:12px;height:50px;justify-content:center;padding:0;position:absolute;right:-50px;top:0;width:50px;z-index:var(--z-menu)}@media only screen and (max-height:575.98px){@media (orientation:landscape){button.svelte-1jvtu6e{background:none;right:-59px}}}label.svelte-cgrlim.svelte-cgrlim{align-items:center;cursor:pointer;display:flex;height:100%;position:relative;width:100%}label.svelte-cgrlim input.svelte-cgrlim{height:0;opacity:0;width:0}.slider.svelte-cgrlim.svelte-cgrlim{background-color:#ccc;cursor:pointer;height:30px;margin-left:auto;position:relative;transition:.4s;width:56px}.slider.svelte-cgrlim.svelte-cgrlim:before{background-color:#fff;bottom:3px;content:"";height:24px;left:3px;position:absolute;transition:.4s;width:24px}input.svelte-cgrlim:checked+.slider.svelte-cgrlim{background-color:var(--color-blue-500)}input.svelte-cgrlim:checked+.slider.svelte-cgrlim:before{transform:translate(26px)}.slider.round.svelte-cgrlim.svelte-cgrlim{border-radius:34px}.slider.round.svelte-cgrlim.svelte-cgrlim:before{border-radius:50%}button.svelte-eu2cy1{align-items:center;color:inherit;display:flex;font-family:inherit;font-size:inherit;margin:0;padding:0;text-align:left;width:100%}button.svelte-eu2cy1:active,button.svelte-eu2cy1:focus{-webkit-tap-highlight-color:transparent;outline:none}.portal-clone.svelte-jnx6oa{display:none}div.svelte-1mwm2cj{align-items:center;background:rgba(0,0,0,.52);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw}@media (max-width:767px){div.svelte-1mwm2cj{align-items:start}}div[role=dialog].svelte-1s2z6uo{position:relative;z-index:var(--z-dialog)}.content.svelte-1s2z6uo{height:100%;max-height:768px;max-width:976px;padding:16px;width:100%}@media (max-width:767px){.content.svelte-1s2z6uo{max-height:100vh}}.spinner.svelte-fgog8i{-webkit-animation:svelte-fgog8i-spin 1.5s linear infinite;animation:svelte-fgog8i-spin 1.5s linear infinite;display:inline-block;position:relative;transform:rotate(0)}.spinner.xs.svelte-fgog8i{height:24px;width:24px}.spinner.md.svelte-fgog8i{height:48px;width:48px}@-webkit-keyframes svelte-fgog8i-spin{to{transform:rotate(1turn)}}@keyframes svelte-fgog8i-spin{to{transform:rotate(1turn)}}.wrapper.svelte-dst623{background:#fff;border-radius:4px;display:flex;flex-direction:column;height:100%;left:0;margin:0 auto;position:relative;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.header.svelte-dst623{align-items:center;background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-300);color:var(--color-gray-500);display:flex;justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:9999}.close.svelte-dst623{fill:currentColor;color:var(--color-gray-500);padding:0}.content.svelte-dst623{-ms-scroll-chaining:none;overflow-y:auto;overscroll-behavior:contain;padding:16px}ul.svelte-u40yt5.svelte-u40yt5{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style-type:none;padding:0}li.svelte-u40yt5>label.svelte-u40yt5{display:block;position:relative}img.svelte-u40yt5.svelte-u40yt5{background-color:var(--color-gray-50);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e7eb' viewBox='0 0 448 512'%3E%3Cpath d='M120 256c0 30.9-25.07 56-56 56S8 286.9 8 256s25.07-56 56-56 56 25.1 56 56zm160 0c0 30.9-25.1 56-56 56s-56-25.1-56-56 25.1-56 56-56 56 25.1 56 56zm48 0c0-30.9 25.1-56 56-56s56 25.1 56 56-25.1 56-56 56-56-25.1-56-56z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:64px;border-radius:8px;cursor:pointer;height:100%;width:100%}.spinner-wrapper.svelte-u40yt5.svelte-u40yt5{align-items:center;background:rgba(0,0,0,.72);border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}button.svelte-1p4lfu3{background:var(--color-blue-500);border-radius:4px;color:#fff}button.svelte-1p4lfu3:hover{background:var(--color-blue-600)}.container.svelte-1qnhnqp{align-items:center;display:flex;justify-content:center}.star.left-side.svelte-1qnhnqp,.star.right-side.svelte-1qnhnqp{fill:var(--color-gray-300)}.star.left-side.filled.svelte-1qnhnqp{fill:#f2d23d}.star.right-side.filled.svelte-1qnhnqp{fill:#eebf00}.earned-stars.svelte-2mgas3{background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:16px;display:flex;gap:6px;margin-bottom:16px;margin-left:auto;margin-top:8px;padding:4px 16px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.layouts-list.svelte-2mgas3{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style-type:none;padding:0}.preview-img.svelte-2mgas3{height:180px;max-width:222px;padding:20px;width:auto}.layout.svelte-2mgas3{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.layout.svelte-2mgas3:hover{background:var(--color-gray-100);border:1px solid var(--color-gray-500)}.layout-info.svelte-2mgas3{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;margin-top:16px}.layout-title.svelte-2mgas3{font-size:1.175em;font-weight:400;text-align:center}.layout-time.svelte-2mgas3{font-size:12px}.spinner-container.svelte-2mgas3{background:rgba(0,0,0,.4);left:0;top:0;z-index:2}.layout.svelte-2mgas3:not([data-name=classic]):after,.spinner-container.svelte-2mgas3{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.layout.svelte-2mgas3:not([data-name=classic]):after{background:rgba(0,0,0,.62);color:#fff;content:"Play on\a classic-mahjong.com";flex-direction:row;font-weight:700;text-align:center;white-space:pre}@media (max-width:767px){.layouts-list.svelte-2mgas3{gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.preview-img.svelte-2mgas3{height:120px;max-width:152px;padding:10px}.layout-title.svelte-2mgas3{font-size:1em}.layout.svelte-2mgas3:not([data-name=classic]):after{font-size:12px}}.wrapper.svelte-kfe1cw{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu.svelte-kfe1cw{background:var(--color-gray-700);box-shadow:4px 1px 5px #323232bf;display:flex;flex-direction:column;height:100%;margin-left:-255px;overflow-y:auto;position:relative;width:250px;z-index:var(--z-index)}.menu.open.svelte-kfe1cw{margin-left:0}header.svelte-kfe1cw{background:var(--color-gray-700);width:100%}h3.svelte-kfe1cw{color:var(--color-gray-300);font-size:.875rem;font-weight:300;line-height:3em;margin:0;padding:0 .5rem;text-transform:uppercase}ul.svelte-kfe1cw{background:var(--color-gray-600);list-style-type:none;margin:0;padding:0}.menu.svelte-kfe1cw li{align-items:center;border-bottom:1px solid var(--color-gray-700);color:var(--color-gray-200);display:flex;font-size:.875rem;font-weight:400;height:3em;padding:0 .5rem}.madeby.svelte-kfe1cw{bottom:0;color:#fff;cursor:pointer;display:none;font-size:10px;margin:0 0 6px 6px;position:absolute;text-align:center;text-transform:uppercase;z-index:9999}@media (max-width:767px){.madeby.svelte-kfe1cw{display:block;margin:0 auto 8px 8px}}div.svelte-1itxbzd{align-items:center;background:rgba(0,0,0,.72);bottom:0;display:flex;display:none;flex-direction:column;gap:16px;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:var(--z-dialog)}p.svelte-1itxbzd{color:#fff;font-size:54px;font-weight:600;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:767px){div.svelte-1itxbzd{display:flex}div.hidden.svelte-1itxbzd{display:none}}.navigation.svelte-1hr3owl.svelte-1hr3owl.svelte-1hr3owl{color:#fff;font-size:14px;left:36px;margin:.875rem 0;padding:0 2.5rem;position:absolute;z-index:99999}.navigation.hidden.svelte-1hr3owl.svelte-1hr3owl.svelte-1hr3owl{visibility:hidden}.navigation.svelte-1hr3owl>ul.svelte-1hr3owl.svelte-1hr3owl{display:flex;gap:16px;margin:0;padding:0}.navigation.svelte-1hr3owl>ul.svelte-1hr3owl>li.svelte-1hr3owl{position:relative}.navigation.svelte-1hr3owl>ul.svelte-1hr3owl>li.svelte-1hr3owl:not(:first-child):before{content:"|";left:-10px;position:absolute}.navigation.svelte-1hr3owl ul.svelte-1hr3owl.svelte-1hr3owl{list-style-type:none}.navigation.svelte-1hr3owl button.svelte-1hr3owl.svelte-1hr3owl{align-items:center;color:inherit;display:flex;margin:0;padding:0}.navigation.svelte-1hr3owl button.svelte-1hr3owl.svelte-1hr3owl:hover{text-decoration:underline}.navigation.svelte-1hr3owl .arrow.svelte-1hr3owl.svelte-1hr3owl{font-size:12px;margin-left:1ex;margin-top:2px}.dropdown.svelte-1hr3owl.svelte-1hr3owl.svelte-1hr3owl{background-color:transparent;display:inline-block;height:32px;position:relative}.dropdown-content.svelte-1hr3owl.svelte-1hr3owl.svelte-1hr3owl{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px #0003;display:none;margin:8px 0;padding:12px;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.dropdown-content.svelte-1hr3owl a.svelte-1hr3owl.svelte-1hr3owl{color:var(--color-gray-700);text-decoration:none}.dropdown-content.svelte-1hr3owl a.svelte-1hr3owl.svelte-1hr3owl:hover{text-decoration:underline}.dropdown.svelte-1hr3owl:hover .dropdown-content.svelte-1hr3owl.svelte-1hr3owl{display:block}@media (max-width:767px){.navigation.svelte-1hr3owl ul.svelte-1hr3owl.svelte-1hr3owl{display:none}}@media (max-width:1023px){.navigation.svelte-1hr3owl ul.svelte-1hr3owl>li.svelte-1hr3owl:nth-child(3){display:none}}[data-svelte-dialog-overlay]{z-index:var(--z-dialog)}#canvas-container.svelte-13486p5{height:100%;position:relative;width:100%}canvas.svelte-13486p5{display:block;left:0;position:relative;top:0;z-index:1}.madeby.svelte-13486p5{bottom:0;color:#fff;cursor:pointer;font-size:10px;margin:0 0 6px 6px;position:absolute;text-transform:uppercase;z-index:9999}@media (max-width:767px){.madeby.svelte-13486p5{display:none}}