.mj{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'seg meta' 'area area' 'tools tools';align-items:center;gap:16px 12px}.mj-top{display:contents}.mj-seg{grid-area:seg;justify-self:start;display:inline-flex;padding:4px;border-radius:999px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.mj-seg__b{min-height:38px;padding:8px 16px;border:0;border-radius:999px;background:#fff0;color:var(--color-text-soft);font:700 14px/1 var(--font-sans);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform .2s var(--ease-spring)}.mj-seg__b:hover{color:var(--color-ink)}.mj-seg__b:active{transform:scale(.95)}.mj-seg__b.is-active{background:var(--color-ink);color:var(--color-bg)}.mj-meta{grid-area:meta;justify-self:end;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px;font-size:15px;font-weight:700;color:var(--color-text-soft);font-variant-numeric:tabular-nums}.mj-meta .is-low{color:var(--g-red)}.mj-area{grid-area:area;position:relative;display:flex;justify-content:center;min-width:0}.mj-board{position:relative;--tw:48px;--th:62px;--d:4px;--edge:#d9c79c;--edge2:#bba574;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mj-t{position:absolute;left:0;top:0;width:var(--tw);height:var(--th);margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:#fff0;outline:none}.mj-t.is-off{visibility:hidden;pointer-events:none}.mj-t.is-blocked{cursor:default}.mj-f{position:absolute;inset:0;display:grid;place-items:center;border-radius:calc(var(--tw) * .15);background:linear-gradient(155deg,#fffefa 0%,#fbf5e6 55%,#f1e6cb 100%);box-shadow:inset 0 0 0 1px rgb(160 135 80 / .28),var(--d) var(--d) 0 var(--edge),calc(var(--d) + 1px) calc(var(--d) + 2px) 0 var(--edge2),calc(var(--d) + 2px + var(--z,0) * 1px) calc(var(--d) + 4px + var(--z,0) * 2px) calc(8px + var(--z,0) * 5px) rgba(30,20,0,calc(.22 + var(--z,0) * .05));font-size:calc(var(--tw) * .6);line-height:1;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .25s var(--ease)}.mj-f::before{content:'';position:absolute;left:18%;right:18%;top:calc(var(--th) * .06);height:max(3px,calc(var(--th) * .045));border-radius:9px;background:var(--mj-c,#c9b98f);opacity:.85}.mj-f[data-g="0"]{--mj-c:#e0445a}.mj-f[data-g="1"]{--mj-c:#e86fae}.mj-f[data-g="2"]{--mj-c:#2f8fd1}.mj-f[data-g="3"]{--mj-c:#a8743a}.mj-f[data-g="4"]{--mj-c:#f2b705}.mj-f[data-g="5"]{--mj-c:#3fae6a}.mj-t.is-blocked .mj-f{filter:brightness(.9) saturate(.85)}.mj-t.is-free:hover .mj-f{transform:translateY(-3px)}.mj-t.is-free:focus-visible .mj-f{box-shadow:inset 0 0 0 1px rgb(160 135 80 / .28),0 0 0 3px var(--color-ink),var(--d) var(--d) 0 var(--edge)}.mj-t.is-sel .mj-f{transform:translateY(-5px);background:linear-gradient(155deg,#fff6f9 0%,#ffe6ef 100%);box-shadow:inset 0 0 0 2px var(--color-brand),0 0 0 3px rgb(197 14 81 / .28),var(--d) var(--d) 0 var(--edge),calc(var(--d) + 2px) calc(var(--d) + 8px) 18px rgb(197 14 81 / .35)}.mj-t.is-hint .mj-f{animation:mj-hint .9s ease-in-out 3}.mj-t.is-shake .mj-f{animation:lx-shake .35s}.mj-t.is-nope .mj-f{animation:mj-nope .3s var(--ease)}.mj-t.is-gone{pointer-events:none}.mj-t.is-gone .mj-f{animation:mj-out .42s var(--ease) forwards}.mj-t.is-back .mj-f{animation:mj-back .45s var(--ease-spring) both}.mj-board.is-deal .mj-f{animation:mj-in .5s var(--ease-spring) both;animation-delay:calc(var(--k,0) * 5ms)}.mj-board.is-shuf .mj-t:not(.is-off) .mj-f{animation:mj-shuf .5s ease-in-out}@keyframes mj-in{from{opacity:0;transform:translateY(-26px) scale(.7)}to{opacity:1;transform:none}}@keyframes mj-out{0%{opacity:1;transform:none}35%{opacity:1;transform:translateY(-16px) scale(1.12)}100%{opacity:0;transform:translateY(-34px) scale(.55)}}@keyframes mj-back{from{opacity:0;transform:translateY(-24px) scale(.6)}to{opacity:1;transform:none}}@keyframes mj-hint{0%,100%{box-shadow:inset 0 0 0 1px rgb(160 135 80 / .28),var(--d) var(--d) 0 var(--edge)}50%{box-shadow:inset 0 0 0 3px #f2b705,0 0 0 4px rgb(242 183 5 / .35),0 0 22px rgb(242 183 5 / .6),var(--d) var(--d) 0 var(--edge)}}@keyframes mj-nope{40%{transform:translateY(-2px) rotate(-3deg)}}@keyframes mj-shuf{0%{transform:none}45%{transform:rotateY(90deg) scale(.9)}55%{transform:rotateY(90deg) scale(.9)}100%{transform:none}}.mj-msg{position:absolute;left:50%;top:50%;z-index:9000;transform:translate(-50%,-50%);width:min(420px,calc(100% - 24px));padding:24px;border-radius:22px;background:var(--color-bg);box-shadow:var(--shadow-lift);text-align:center;animation:g-pop-in .45s var(--ease-spring) both}.mj-msg__t{margin:0 0 6px;font-size:22px;font-weight:900;color:var(--color-ink)}.mj-msg__s{margin:0 0 16px;font-size:15px;color:var(--color-text-soft)}.mj-msg__a{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mj-tools{grid-area:tools;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mj-tools .pg-btn{min-height:44px;padding:10px 18px;font-size:14px}.mj-tools .pg-btn.is-confirm{background:var(--g-red);border-color:var(--g-red)}.mj-rain{position:fixed;inset:0;z-index:390;pointer-events:none;overflow:hidden}.mj-rain__t{position:absolute;left:0;top:0;width:46px;height:60px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(155deg,#fffefa,#f1e6cb);box-shadow:4px 4px 0 #d9c79c,6px 8px 12px rgb(0 0 0 / .25);font-size:28px;line-height:1}@media (min-width:1380px){.mj{grid-template-columns:auto 1fr auto;grid-template-areas:'seg meta tools' 'area area area'}.mj-meta{justify-self:center}.mj-tools{justify-content:flex-end}.mj-tools .pg-btn{padding:10px 14px}}@media (max-width:760px){.mj{grid-template-columns:1fr;grid-template-areas:'seg' 'meta' 'area' 'tools';gap:12px}.mj-seg{justify-self:center}.mj-meta{justify-self:center;justify-content:center;font-size:14px}.mj-tools .pg-btn{padding:10px 14px}}