.mj{--mj-ratio: 1.34;--mj-mill: #8b7a54;--mj-side: clamp(18px, 6cqi, 64px);--mj-pad: clamp(4px, 1.2cqi, 12px);--mj-table-pad: clamp(5px, 1.5cqi, 18px);--mj-cols: 15;--mj-rows: 8;--mj-layers: 5;--mj-wdiv: 15.4;--mj-hdiv: 11.1;--mj-tw: min( calc((100cqi - var(--mj-side)) / var(--mj-wdiv)), max(calc((var(--fold, 100vh - 16rem) - 6.75rem) / var(--mj-hdiv)), 2rem), 3.4rem );--mj-th: calc(var(--mj-tw) * var(--mj-ratio));--mj-ux: calc(var(--mj-tw) / 2);--mj-uy: calc(var(--mj-th) / 2);--mj-off: max(1.5px, calc(var(--mj-tw) * .09));--mj-radius: clamp(2px, calc(var(--mj-tw) * .11), 8px);--mj-felt: #14532D;--mj-felt-lit: #1E7A4C;--mj-felt-edge: #0C3B20;--mj-brass: 232 184 75;--mj-cream: #F6EFDD;--mj-edge: #D8CCAE;--mj-edge-line: #B9A883;--mj-text: #E8EEF4;--mj-dim: #94A7B8;--mj-ease-out: cubic-bezier(.2,.8,.3,1);--mj-ease-back: cubic-bezier(.2,.8,.3,1.2);position:relative;display:flex;flex-direction:column;gap:clamp(var(--sp-1),1.4cqi,var(--sp-3));inline-size:100%;padding:var(--mj-pad);color:var(--mj-text);font:500 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.mj[data-mj-layout=pyramid]{--mj-cols: 11;--mj-rows: 7;--mj-layers: 4;--mj-wdiv: 11.3;--mj-hdiv: 9.7}.mj__bar{display:flex;align-items:center;gap:var(--sp-1) var(--sp-2);flex-wrap:wrap}.mj__stat{display:flex;flex-direction:column;justify-content:center;min-width:3.4rem;min-height:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--scrim-2);box-shadow:var(--e-sink);transition:box-shadow .16s var(--mj-ease-out)}.mj__stat span{font-size:var(--fs-1);letter-spacing:.02em;color:var(--mj-dim);font-weight:700}.mj__stat b{font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.mj__stat.is-cold{box-shadow:var(--ring-inset-2)}.mj__stat.is-cold b{color:#ff8896}.mj__level{display:flex;align-items:center}.mj__seg{min-width:190px}.mj__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:rgb(var(--mj-brass) / .16);color:rgb(var(--mj-brass));font-weight:800;font-size:var(--fs-1);white-space:nowrap}.mj__actions{margin-left:auto;display:flex;gap:var(--sp-1)}.mj__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border:1px solid var(--wash-4);border-radius:var(--r-sm);background:var(--wash-2);color:var(--mj-text);font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .12s var(--mj-ease-out)}.mj__btn svg{flex:none}.mj__btn:hover:not(:disabled){background:var(--wash-4)}.mj__btn:active:not(:disabled){transform:translateY(1px)}.mj__btn:disabled{opacity:.38;cursor:default}.mj__btn:focus-visible,.mj__tile:focus-visible{outline:3px solid rgb(var(--mj-brass));outline-offset:2px}@container (max-width: 34rem){.mj__level{order:3;flex:1 0 100%}.mj__seg{min-width:0}.mj__btn span{display:none}.mj__btn--new span{display:inline}.mj__btn{padding:0 var(--sp-2)}.mj__stat{min-width:2.9rem;padding:var(--sp-1) var(--sp-2)}.mj__stat b{font-size:var(--fs-3)}}.mj__table{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--mj-table-pad);border-radius:clamp(var(--r-sm),2cqi,var(--r-md));background:radial-gradient(ellipse at 50% 28%,var(--wash-1),transparent 62%),repeating-linear-gradient(45deg,var(--wash-1) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 42%,var(--mj-felt-lit) 0%,var(--mj-felt) 55%,var(--mj-felt-edge) 100%);box-shadow:var(--ring-inset),var(--e-sink-deep),var(--e-2);touch-action:manipulation;overflow:hidden}.mj--zoomed .mj__table{cursor:grab;touch-action:none}.mj__table.is-panning{cursor:grabbing}.mj__table.is-panning .mj__field{transition:none}.mj__btn--zoom[aria-pressed=true]{background:rgb(var(--mj-brass) / .22);border-color:rgb(var(--mj-brass));color:rgb(var(--mj-brass))}.mj__btn--zoom span{font-variant-numeric:tabular-nums}.mj__field{position:relative;transform:translate(var(--mj-pan-x, 0px),var(--mj-pan-y, 0px)) scale(var(--mj-zoom, 1));transform-origin:50% 50%;transition:transform .16s var(--mj-ease-out);inline-size:calc(var(--mj-cols) * var(--mj-tw) + (var(--mj-layers) - 1) * var(--mj-off));block-size:calc(var(--mj-rows) * var(--mj-th) + (var(--mj-layers) - 1) * var(--mj-off));margin:auto}.mj__tile{position:absolute;width:var(--mj-tw);height:var(--mj-th);left:calc(var(--x, 0) * var(--mj-ux) + (var(--mj-layers) - 1 - var(--z, 0)) * var(--mj-off));top:calc(var(--y, 0) * var(--mj-uy) + (var(--mj-layers) - 1 - var(--z, 0)) * var(--mj-off));z-index:calc(var(--z, 0) * 40 + var(--y, 0) + 2);border-radius:var(--mj-radius);box-shadow:calc(var(--mj-off) * .8) calc(var(--mj-off) * .8) 0 0 var(--mj-edge),calc(var(--mj-off) * .8) calc(var(--mj-off) * .8) 0 .5px var(--mj-edge-line),calc(var(--mj-off) * (1 + var(--z, 0) * .3)) calc(var(--mj-off) * (1.3 + var(--z, 0) * .45)) calc(var(--mj-off) * (1.6 + var(--z, 0) * .6)) #04120a73;cursor:default;transition:translate .15s var(--mj-ease-back),scale .15s var(--mj-ease-back),filter .14s var(--mj-ease-out)}.mj__face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:linear-gradient(158deg,#fffef8 0%,var(--mj-cream) 58%,#ede4cd 100%);box-shadow:var(--ring-inset-2),inset 0 -2px 4px color-mix(in srgb,var(--mj-mill) 28%,transparent);color:var(--mj-fg, #2a3a4c);line-height:1}.mj__face:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:.06;pointer-events:none}.mj__tile--bamboo{--mj-fg: #1B7A3E}.mj__tile--char{--mj-fg: #B3261E}.mj__tile--dot{--mj-fg: #1B5EA8}.mj__tile--wind,.mj__tile--dragon{--mj-fg: #2A3A4C}.mj__tile--flower{--mj-fg: #8A4C9E}.mj__tile--season{--mj-fg: #B06A12}.mj__n{position:absolute;z-index:1;top:3%;left:0;right:0;text-align:center;font-size:max(var(--fs-1),calc(var(--mj-tw) * .4));font-weight:800;letter-spacing:-.04em}.mj__n--wind{font-size:max(var(--fs-1),calc(var(--mj-tw) * .46))}.mj__n--char{font-size:max(var(--fs-1),calc(var(--mj-tw) * .42))}.mj__glyph{position:absolute;z-index:1;inset:37% 11% 5%}.mj__glyph--wide{inset:9%}.mj__svg{display:block;width:100%;height:100%}.mj__mark{display:none;position:absolute;z-index:1;left:0;right:0;bottom:3%;text-align:center;font-style:normal;font-weight:800;font-size:max(var(--fs-1),calc(var(--mj-tw) * .28));opacity:.85}.mj:not(.mj--tiles) .mj__tile--flower .mj__mark,.mj:not(.mj--tiles) .mj__tile--season .mj__mark{display:block}.mj__tile.is-free{cursor:pointer}.mj__tile:not(.is-free){filter:brightness(.84) saturate(.85);box-shadow:calc(var(--mj-off) * .8) calc(var(--mj-off) * .8) 0 0 var(--mj-edge),calc(var(--mj-off) * .8) calc(var(--mj-off) * .8) 0 .5px var(--mj-edge-line),calc(var(--mj-off) * .9) calc(var(--mj-off) * 1) calc(var(--mj-off) * 1.2) #04120a66}.mj__tile.is-free .mj__face{box-shadow:var(--ring-inset-2),inset 0 -2px 4px color-mix(in srgb,var(--mj-mill) 24%,transparent),0 0 0 .5px rgb(var(--mj-brass) / .35)}.mj__tile.is-pressed{scale:.96}.mj__tile.is-sel{translate:calc(var(--mj-off) * -.6) calc(var(--mj-off) * -1.8);scale:1.06;z-index:200}.mj__tile.is-sel .mj__face{box-shadow:inset 0 0 0 2.5px rgb(var(--mj-brass)),inset 0 -2px 4px color-mix(in srgb,var(--mj-mill) 20%,transparent)}.mj__tile.is-target .mj__face{box-shadow:inset 0 0 0 2px rgb(var(--mj-brass) / .8),inset 0 -2px 4px color-mix(in srgb,var(--mj-mill) 20%,transparent)}.mj__tile.is-target{animation:mj-target 1.2s ease-in-out infinite}@keyframes mj-target{50%{translate:0 calc(var(--mj-off) * -.7)}}.mj__tile.is-hinted .mj__face{animation:mj-hint .72s ease-in-out 2}@keyframes mj-hint{50%{box-shadow:inset 0 0 0 3px rgb(var(--mj-brass)),0 0 18px rgb(var(--mj-brass) / .7)}}.mj__tile--cast{z-index:300;pointer-events:none;transition:none}.mj__tile.is-flying,.mj__tile.is-sel,.mj__tile.is-target,.mj__tile--cast{will-change:transform}.mj--compact .mj__tile--bamboo .mj__glyph,.mj--compact .mj__tile--dot .mj__glyph,.mj--compact .mj__tile--char .mj__glyph,.mj--compact .mj__tile--wind .mj__glyph{display:none}.mj--compact .mj__n{top:50%;translate:0 -50%;font-size:max(var(--fs-1),calc(var(--mj-tw) * .62))}.mj--compact .mj__tile--bamboo .mj__mark,.mj--compact .mj__tile--dot .mj__mark,.mj--compact .mj__tile--char .mj__mark{display:block}.mj--compact .mj__glyph--wide{inset:6%}.mj--tiny .mj__n{font-size:max(var(--fs-1),calc(var(--mj-tw) * .68));top:46%}.mj--tiny .mj__mark{font-size:max(var(--fs-1),calc(var(--mj-tw) * .3));bottom:1%}.mj__status{margin:0;min-height:1.4em;text-align:center;font-size:var(--fs-2);color:#e8eef4d1}.mj__float{font-size:clamp(var(--fs-1),2.8cqi,var(--fs-3));color:rgb(var(--mj-brass));text-shadow:var(--ink-shade)}.mj--over .mj__tile{cursor:default}.mj--over .mj__tile.is-free .mj__face{box-shadow:var(--ring-inset-2),inset 0 -2px 4px color-mix(in srgb,var(--mj-mill) 24%,transparent)}@media(prefers-reduced-motion:reduce){.mj__tile,.mj__btn,.mj__stat{transition:none!important}.mj__tile.is-target,.mj__tile.is-hinted .mj__face{animation:none!important}.mj__tile.is-target .mj__face{box-shadow:inset 0 0 0 2.5px rgb(var(--mj-brass))}.mj__tile.is-hinted .mj__face{box-shadow:inset 0 0 0 3px rgb(var(--mj-brass)),0 0 0 2px rgb(var(--mj-brass) / .5)}}.mj__btn.is-confirm{background:rgb(var(--mj-brass) / .24);border-color:rgb(var(--mj-brass));color:rgb(var(--mj-brass))}.mj__sprite{display:none}.mj__art{position:absolute;inset:4%;z-index:1;display:none}.mj--tiles .mj__art{display:block}.mj--tiles:not(.mj--compact) .mj__n,.mj--tiles:not(.mj--compact) .mj__mark{display:none}.mj--tiles.mj--compact .mj__art{display:none}