.mj{--tw:40px;--th:53px;--d:5px;margin:10px 0 8px}.mj-sprite{width:0;height:0;position:absolute;overflow:hidden}.mj-layouts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:10px;display:grid}.mj-layout{border:2px solid var(--line);background:var(--surface);min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;display:flex}.mj-layout strong{font-family:var(--font-display);font-size:1.12rem}.mj-layout span{color:var(--muted);font-size:.9rem;font-weight:650}.mj-layout:hover{border-color:var(--plum)}.mj-layout[aria-pressed=true]{color:#fff;background:#5b4a8a;border-color:#5b4a8a;box-shadow:0 3px #3e325f}.mj-layout[aria-pressed=true] span{color:#f1ecff}@media (width<=479px){.mj-layouts{grid-template-columns:1fr 1fr}.mj-layout{min-height:52px;padding:6px 10px}}.mj-date{margin:0 0 8px;font-size:1.08rem;font-weight:750}.mj-bar{flex-wrap:wrap;align-items:center;gap:8px 18px;min-height:54px;margin-bottom:6px;display:flex;position:relative}.mj-bar p{color:var(--muted);margin:0;font-weight:700}.mj-bar strong{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.45rem}.mj-clock{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;font-size:1.3rem;font-weight:750;display:flex}.mj-pause{border:2px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.mj.no-timer .mj-clock{visibility:hidden}.mj-banner{z-index:5;position:absolute;inset:0}.mj-tray{padding:8px;position:relative}.mj-scroll{border-radius:12px;overflow:hidden}.mj.zoomed .mj-scroll{overscroll-behavior-x:contain;overflow-x:auto}.mj-board{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;margin:0 auto;position:relative}.mj-noscript{color:#fff;margin:0;padding:12px}.mj-t{width:var(--tw);height:var(--th);cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;position:absolute}.mj-t:before{content:"";transform:translate(var(--d), var(--d));background:linear-gradient(135deg, var(--e1,#c8b48b), var(--e2,#8f7652));z-index:-1;border:2px solid #2b241b;border-radius:12%/9%;position:absolute;inset:0;box-shadow:1px 2px 5px #00000080}.mj-t[data-z="1"]{--e1:#e0b65a;--e2:#a77a22}.mj-t[data-z="2"]{--e1:#e8955a;--e2:#b0592a}.mj-t[data-z="3"]{--e1:#d77a7a;--e2:#9a3f3f}.mj-t[data-z="4"]{--e1:#a585cc;--e2:#6a4b94}.mj-face{background:#fffdf6;border:2px solid #2b241b;border-radius:12%/9%;display:block;position:absolute;inset:0;overflow:hidden}.mj-face svg{width:100%;height:100%;display:block}.mj-ix{fill:#1d1a16;font:800 15px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.mj.no-index .mj-ix{display:none}.mj-t.gone{visibility:hidden;pointer-events:none}.mj-t.leaving{pointer-events:none;animation:.28s ease-in forwards mjout}@keyframes mjout{to{opacity:0;transform:scale(.6)}}.mj.show-free .mj-t.blocked .mj-face{background:#cfc6b6}.mj.show-free .mj-t.blocked .mj-face svg{opacity:.72}.mj-t.sel .mj-face{background:#ffd84d;border-color:#7a4a00;box-shadow:inset 0 0 0 3px #7a4a00}.mj-t.sel{transform:translate(calc(var(--d) * -.6), calc(var(--d) * -.6))}.mj-t.hint .mj-face{background:#b7f0c8;box-shadow:inset 0 0 0 3px #0c6b34}.mj-t.hint{outline-offset:1px;border-radius:6px;outline:4px dashed #0c6b34;z-index:900000!important}.mj-t.sel{z-index:900001!important}.mj-t.bad .mj-face{background:#ffd2cc;box-shadow:inset 0 0 0 3px #b42318}.mj-t:focus-visible{outline:4px solid var(--focus);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){.mj-t.leaving{visibility:hidden;animation:none}.mj-t.sel{transform:none}}.mj-cover{z-index:2000;background:#140e088c;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:8px}.mj-cover-box{background:var(--surface);color:var(--ink);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:16px 18px;box-shadow:0 10px 30px #00000059}.mj-cover-box h2{margin:0 0 6px;font-size:1.5rem}.mj-cover-box p{margin:0 auto 10px}.mj-cover-actions{flex-direction:column;gap:8px;display:flex}.mj-paused-title{font-size:1.4rem;font-weight:800}.mj-tools{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;margin-top:12px;display:grid}.mj .a{border:2px solid var(--line);min-height:68px;box-shadow:0 3px 0 var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:1.02rem;font-weight:750;display:flex}.mj .a span{flex-direction:column;align-items:center;line-height:1.15;display:flex}.mj .a small{color:var(--muted);font-size:.8rem;font-weight:700}.mj .a[aria-pressed=true]{color:#fff;background:#5b4a8a;border-color:#5b4a8a}.mj .a[aria-pressed=true] small{color:#fff}.mj .a:hover:not([disabled]){border-color:var(--plum)}.mj .a[disabled]{opacity:.5;cursor:default}.mj-status{max-width:70ch;min-height:3em;margin:12px 0 0;font-size:1.12rem;font-weight:600;line-height:1.45}.mj-tip{background:var(--accent-soft);border-radius:12px;margin:6px 0 0;padding:8px 12px;font-size:1rem}.mj-more{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mj-settings{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:640px;margin-top:12px;padding:8px 12px}.mj-settings summary{cursor:pointer;font-size:1.08rem;font-weight:750}.mj-settings label{align-items:center;gap:10px;padding:7px 0;font-size:1.02rem;display:flex}.mj-settings input{flex:none;width:22px;height:22px}.mj-record{margin:6px 0 2px;font-size:.95rem}.mj-win{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;width:calc(100vw - 32px);max-width:440px;padding:22px 24px}.mj-win::backdrop{background:#00000080}.mj-win h2{margin:0 0 8px}.mj-win-body{font-size:1.1rem}.mj-win-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (width<=560px){.mj-tray{border-radius:14px;margin:0 -12px;padding:5px}.mj-cover{inset:5px}.mj-pairs{display:none}}