@layer components{.mj-stage{-webkit-user-select:none;user-select:none;background:radial-gradient(90% 70% at 50% 35%,#5a3a24 0%,#3a2416 55%,#1f130b 100%);padding:0}.mj-bar{z-index:3;color:#ffffff9e;align-items:baseline;gap:12px;height:46px;padding-top:10px;font-size:13px;display:flex;position:absolute;top:8px;left:16px}.mj-bar b{font-family:var(--font-display), var(--font-sans);letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:800}.mj-open{color:#fff;background:#ffffff1a;border-radius:8px;padding:3px 9px;font-weight:600;transition:background .2s,color .2s}.mj-open.is-one{color:#1d1300;background:var(--warn,#ffb020)}.mj-open.is-none{color:#fff;background:var(--bad,#ff4d4f)}.mj-actions{z-index:3;gap:8px;display:flex;position:absolute;top:8px;right:12px}.mj-key{--key:#ffffff1a;--key-ink:#fff;--edge:#00000052;height:44px;box-shadow:inset 0 -3px 0 var(--edge), inset 0 0 0 1.5px #ffffff24;gap:6px;padding:0 14px;font-size:14px}.mj-key svg{width:19px;height:19px}.mj-key.is-call{--key:var(--rn);--key-ink:#0d0d0f;--edge:#465c006b;animation:1.1s ease-in-out infinite mj-call}@keyframes mj-call{50%{translate:0 -3px}}.mj-area{z-index:1;isolation:isolate;top:62px;left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:absolute}@media (max-width:640px){.mj-actions{top:auto;left:16px;right:16px;bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));justify-content:center}.mj-actions .mj-key{flex:1;height:50px;font-size:15px}.mj-area{top:58px;left:6px;right:6px;bottom:max(84px, calc(env(safe-area-inset-bottom) + 76px))}}.mj-board{position:relative}.mj-tile{width:var(--tw);height:var(--th);padding:calc(var(--tw) * .06);border-radius:calc(var(--tw) * .14);box-shadow:inset 0 0 0 1px #503c141f, calc(var(--tw) * .03) calc(var(--tw) * .03) 0 #e6d7b4, calc(var(--tw) * .06) calc(var(--tw) * .06) 0 #d4c095, calc(var(--tw) * .09) calc(var(--tw) * .1) 0 #b9a273, calc(var(--tw) * .1) calc(var(--tw) * .14) calc(var(--tw) * .12) #00000073;transition:translate .16s var(--ease-out);background:linear-gradient(160deg,#fffdf6 0%,#f4ecd9 100%);display:block;position:absolute}.mj-tile:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#301e0c5c,#301e0c75);transition:opacity .2s;position:absolute;inset:0}.mj-tile.is-free:after{opacity:0}.mj-tile.is-free{background:linear-gradient(160deg,#fff 0%,#f7efdc 100%)}.mj-tile.is-free:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 2px #fffffff2,inset 0 0 0 1px #ffd67859}@media (hover:hover){.mj-tile.is-free:hover{translate:0 calc(var(--tw) * -.04)}}.mj-face{width:100%;height:100%;display:block}.mj-tile.is-on{translate:0 calc(var(--tw) * -.08);box-shadow:inset 0 0 0 2px var(--rn), 0 0 0 3px var(--rn), calc(var(--tw) * .1) calc(var(--tw) * .18) calc(var(--tw) * .16) #00000080}.mj-tile.is-hint{box-shadow:0 0 0 3px var(--rn), calc(var(--tw) * .1) calc(var(--tw) * .14) calc(var(--tw) * .12) #00000073;animation:.9s ease-in-out infinite alternate mj-pulse}@keyframes mj-pulse{to{translate:0 calc(var(--tw) * -.06)}}.mj-tile.is-nope{animation:.26s mj-nope}@keyframes mj-nope{25%{translate:-3px}75%{translate:3px}}.mj-tile:focus-visible{outline:3px solid var(--rn);outline-offset:2px}.mj-poof{pointer-events:none;animation:.52s both mj-poof}@keyframes mj-poof{0%{animation-timing-function:var(--ease-out);translate:0}30%{translate:0 calc(var(--tw) * -.35);animation-timing-function:var(--ease-in);scale:1.08}72%{translate:var(--mx) calc(var(--my) - var(--tw) * .35);opacity:1;scale:1}to{translate:var(--mx) calc(var(--my) - var(--tw) * .35);opacity:0;scale:1.35}}.mj-spark{background:var(--rn);opacity:0;width:8px;height:8px;box-shadow:0 calc(var(--tw) * -.7) 0 -1px var(--rn), calc(var(--tw) * .6) calc(var(--tw) * -.35) 0 -1px #ffd166, calc(var(--tw) * .6) calc(var(--tw) * .35) 0 -1px var(--rn), 0 calc(var(--tw) * .7) 0 -1px #ffd166, calc(var(--tw) * -.6) calc(var(--tw) * .35) 0 -1px var(--rn), calc(var(--tw) * -.6) calc(var(--tw) * -.35) 0 -1px #ffd166;border-radius:50%;margin:-4px;animation:.52s ease-out both mj-spark;position:absolute;top:50%;left:50%}@keyframes mj-spark{0%,70%{opacity:0;scale:.3}80%{opacity:1}to{opacity:0;scale:1.5}}.mj-note{z-index:5;left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));text-align:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;width:max-content;max-width:calc(100% - 32px);animation:pop .3s var(--ease-pop) both;background:#000000b8;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:500;position:absolute;translate:-50%}@media (max-width:640px){.mj-note{bottom:max(84px, calc(env(safe-area-inset-bottom) + 76px))}}.mj-won{z-index:6;text-align:center;pointer-events:none;position:absolute;top:42%;left:0;right:0}.mj-won p{letter-spacing:-.05em;color:#fff;text-shadow:0 4px 30px #0009;animation:pop .42s var(--ease-pop) both;font-size:56px;font-weight:800}.mj-summary{align-items:center;gap:16px;display:flex}.mj-summary-tiles{--tw:40px;--th:51px;flex:none;width:96px;height:62px;position:relative}.mj-summary p{color:var(--on-dark-dim);font-size:13.5px;line-height:1.35}.mj-summary b{color:var(--on-dark);font-weight:600}@media (prefers-reduced-motion:reduce){.mj-tile{transition:none}.mj-tile.is-hint{animation:none}.mj-tile.is-nope{box-shadow:0 0 0 3px var(--bad,#ff4d4f);animation:none}.mj-poof{animation:.15s both mj-fade}.mj-note,.mj-won p{animation:.15s both mj-fade-in}.mj-spark{display:none}.mj-key.is-call{animation:none}.mj-tile.is-free:hover{translate:none}}@keyframes mj-fade{to{opacity:0}}@keyframes mj-fade-in{0%{opacity:0}}}