.mj{--felt:#cfe6dc;--tile:#fbf7ec;--tile-edge-1:#ddd3b8;--tile-edge-2:#b9ad8d;--sel:#ffe27a;--hint:#7fd3b0;--tile-back:#1f7a5a;margin:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mj{--felt:#143a31;--tile:#f3eee0;--tile-edge-1:#c4b999;--tile-edge-2:#8f8467}}:root[data-theme=dark] .mj{--felt:#143a31;--tile:#f3eee0;--tile-edge-1:#c4b999;--tile-edge-2:#8f8467}.mj-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 10px;display:flex}.mj-head h1{letter-spacing:-.02em;margin:0 auto 0 0;font-size:clamp(28px,3.2vw,36px);font-weight:900;font-stretch:120%}.mj-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:10px;font-size:14px;display:flex}.mj-bar b{color:var(--text);font-variant-numeric:tabular-nums}.mj-bar .tools{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.mj-bar .btn{height:36px;padding:0 12px;font-size:14px}.mj-bar .btn.on{border-color:var(--game,var(--brand));color:var(--game,var(--brand))}.mj-bar .btn.attn{background:var(--game,var(--brand));border-color:var(--game,var(--brand));color:var(--brand-ink);animation:1.2s ease-in-out infinite mj-pulse}@keyframes mj-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--game,var(--brand)) 30%, transparent)}}.mj-table{background:var(--felt);border-radius:14px;justify-content:safe center;padding:12px 8px;display:flex;overflow:auto hidden}.mj-board{flex:none;position:relative}.mj-tile{width:var(--tw);height:var(--th);background:var(--tile);border-radius:calc(var(--tw) * .12);cursor:pointer;box-shadow:calc(var(--tw) * .045) calc(var(--tw) * .045) 0 var(--tile-edge-1), calc(var(--tw) * .09) calc(var(--tw) * .09) 0 var(--tile-edge-2), calc(var(--tw) * .1) calc(var(--tw) * .14) calc(var(--tw) * .12) #00000038;-webkit-tap-highlight-color:transparent;border:0;padding:0;transition:opacity .22s,filter .15s,background-color .12s;position:absolute;top:0;left:0}.mj-tile svg{pointer-events:none;width:100%;height:100%;display:block}.mj-tile img{object-fit:contain;box-sizing:border-box;pointer-events:none;-webkit-user-drag:none;user-select:none;width:100%;height:100%;padding:6%;display:block}.mj-tile.gone{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s,visibility 0s .22s}.mj-tile.leaving{visibility:visible}.mj-board.show-free .mj-tile.blocked{filter:brightness(.86)saturate(.8)}.mj-tile.sel{background:var(--sel)}.mj-tile.hint{background:var(--hint)}.mj-tile:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.mj-tile.shake svg{animation:.24s mj-shake}@keyframes mj-shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.mj-board.dealing .mj-tile{animation:.45s ease-out backwards mj-in}@keyframes mj-in{0%{opacity:0}}.mj-board.shuffling .mj-tile:not(.gone) :is(svg,img){animation:.4s mj-flip}@keyframes mj-flip{50%{opacity:0;transform:scale(.85)}}.mj-pick{position:relative}.mj-pick-btn{align-items:center;gap:8px;height:38px;padding:0 12px 0 8px;font-weight:700;display:inline-flex}.mj-pick-ico{place-items:center;width:24px;height:24px;display:grid}.mj-pick-ico img{object-fit:contain;width:24px;height:24px}.mj-pick-ico svg{background:var(--tile);border-radius:3px;width:18px;height:24px}.mj-pick-btn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.mj-pick-pop{z-index:40;background:var(--surface);border:1.5px solid var(--line);width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.mj-pick-pop[hidden]{display:none}.mj-set{cursor:pointer;background:var(--bg);border:1.5px solid var(--line);color:var(--text);font:inherit;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;display:flex}.mj-set:hover{border-color:var(--text)}.mj-set.on{border-color:var(--game,var(--brand));background:color-mix(in srgb, var(--game,var(--brand)) 12%, var(--bg));box-shadow:inset 0 0 0 1px var(--game,var(--brand))}.mj-set b{font-size:13px}.mj-set-imgs{align-items:center;gap:2px;height:36px;display:flex}.mj-set-imgs img{object-fit:contain;width:36px;height:36px}.mj-set-svg{background:var(--tile);width:26px;height:35px;box-shadow:1.5px 1.5px 0 var(--tile-edge-2);border-radius:4px}.mj-set-svg svg{width:100%;height:100%;display:block}@media (width<=600px){.mj-pick-pop{grid-template-columns:repeat(2,1fr);width:auto;max-height:70vh;position:fixed;inset:auto 16px 16px;overflow:auto}}.mj-canvas{width:100%;height:100%;animation:.3s ease-out mj-fade;display:block;position:absolute;inset:0}@keyframes mj-fade{0%{opacity:0}}.mj-board.m-3d .mj-tile{pointer-events:none;transition:none;opacity:0!important}.mj-view[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.mj-toast{opacity:0;pointer-events:none;background:var(--text);color:var(--bg);z-index:50;text-align:center;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.mj-toast.show{opacity:1;transform:translate(-50%)}.mj-result{z-index:60;background:color-mix(in srgb, var(--bg) 60%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mj-result .panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:16px;width:min(360px,100%);padding:24px 28px}.mj-result h2{margin:0 0 12px;font-size:28px}.mj-result dl{text-align:left;grid-template-columns:auto auto;gap:4px 16px;margin:0 0 18px;font-size:15px;display:grid}.mj-result dt{color:var(--muted)}.mj-result dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.mj-result .row{justify-content:center;gap:8px;display:flex}@media (width<=600px){.mj-bar .btn span{display:none}.mj-bar .btn{padding:0 10px}.mj-table{border-radius:0;margin:0 -12px;padding:10px 2px}}@media (prefers-reduced-motion:reduce){.mj-tile,.mj-tile svg{transition:none;animation:none!important}}