.mj-board{position:relative;--half:clamp(9px,2.6vw,17px);--lift:4px;width:calc(var(--cols) * var(--half));height:calc(var(--rows) * var(--half) + 16px);margin:0 auto}.mj-tile{position:absolute;width:calc(2 * var(--half));height:calc(2 * var(--half));display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #b9c9c0;border-radius:3px;background:linear-gradient(150deg,#fffdf5,#f2eddc 60%,#e3dbc4);box-shadow:1px 2px 0 rgba(15,23,42,.35);cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,filter .12s ease}.mj-face{font-family:var(--font-display,inherit);font-weight:700;font-size:calc(1.05 * var(--half));line-height:1;color:#1f5132}.mj-tile.is-circles .mj-face{color:#1d4ed8}.mj-tile.is-bamboo .mj-face{color:#15803d}.mj-tile.is-characters .mj-face{color:#1f2937}.mj-tile.is-winds .mj-face{color:#6d28d9}.mj-tile.is-dragons .mj-face{color:#b91c1c}.mj-tile.is-flowers .mj-face,.mj-tile.is-seasons .mj-face{color:#b45309}.mj-tile.is-blocked{filter:brightness(.82) saturate(.75)}.mj-tile.is-free:hover{transform:translate(-1px,-1px);box-shadow:2px 3px 0 rgba(15,23,42,.35)}.mj-tile.is-selected{box-shadow:0 0 0 2px #f0b429,1px 2px 0 rgba(15,23,42,.35);background:linear-gradient(150deg,#fff8e1,#ffeeba)}.mj-tile.is-hint{box-shadow:0 0 0 2px #38bdf8,1px 2px 0 rgba(15,23,42,.35)}.mj-tile.is-shake{animation:mj-shake .3s ease}@keyframes mj-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){.mj-tile,.mj-tile.is-shake{transition:none;animation:none}}.mj-note{margin-top:14px;color:rgba(255,255,255,.85);font-size:13px;font-weight:600;text-align:center}