.mjs{--mjs-tile-w:36px;display:flex;flex-direction:column;gap:var(--br-space-sm)}.mjs button:focus-visible{outline:2px solid var(--br-color-accent);outline-offset:2px}.mjs-cond{display:flex;flex-direction:column;gap:var(--br-space-xs)}.mjs-cond__row{display:flex;flex-wrap:wrap;gap:var(--br-space-xs);align-items:center}.mjs-cond__field{display:inline-flex;align-items:center;gap:4px}.mjs-cond__label{font-size:.75rem;color:var(--br-color-text-sub)}.mjs-seg{display:inline-flex;border:1px solid var(--br-color-border);border-radius:999px;overflow:hidden;background:var(--br-color-surface)}.mjs-seg__btn{border:0;background:0 0;padding:7px 12px;min-height:36px;font-size:var(--br-text-sm);line-height:1;color:var(--br-color-text);cursor:pointer}.mjs-seg__btn+.mjs-seg__btn{border-left:1px solid var(--br-color-border)}.mjs-seg__btn[aria-pressed=true]{background:var(--br-color-accent);border-left-color:var(--br-color-accent);color:#fff}.mjs-chip{border:1px solid var(--br-color-border);border-radius:999px;background:var(--br-color-surface);color:var(--br-color-text);font-size:var(--br-text-sm);line-height:1;padding:7px 12px;min-height:36px;cursor:pointer}.mjs-chip[aria-pressed=true]{background:var(--br-color-accent);border-color:var(--br-color-accent);color:#fff}.mjs-chip:disabled{opacity:.35;cursor:default}.mjs-cond__nums{display:inline-flex;gap:var(--br-space-xs);margin-left:auto}.mjs-cond__num{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--br-color-text-sub)}.mjs-cond__num input{width:3em;padding:5px 6px;font-size:1rem;border:1px solid var(--br-color-border);border-radius:var(--br-radius);background:var(--br-color-surface);color:var(--br-color-text)}.mjs-panels{display:grid;gap:var(--br-space-xs)}@media (min-width:640px){.mjs-panels{grid-template-columns:1fr 1fr;align-items:start}}.mjs-accordion{border:1px solid var(--br-color-border);border-radius:var(--br-radius);background:var(--br-color-surface)}.mjs-accordion summary{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;font-weight:600;font-size:var(--br-text-sm);color:var(--br-color-text);list-style-position:inside}.mjs-accordion__badge{background:var(--br-color-accent);color:#fff;border-radius:999px;font-size:.7rem;font-weight:600;padding:1px 7px}.mjs-accordion__body{display:flex;flex-wrap:wrap;gap:6px;padding:2px 12px 10px}.mjs-accordion__hint{flex-basis:100%;margin:2px 0 0;font-size:.75rem;color:var(--br-color-text-sub)}.mjs-row-label{font-size:.75rem;color:var(--br-color-text-sub)}.mjs-row-label b{color:var(--br-color-text);font-size:.9rem}.mjs-dora-row{display:flex;align-items:center;gap:var(--br-space-xs)}.mjs-dora-row .mjs-row-label{flex:0 0 6.5em}.mjs-dora-row__tiles{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mjs-tile{width:var(--mjs-tile-w);aspect-ratio:5/7;height:auto;padding:0;border:1px solid var(--br-color-border);border-radius:4px;background:var(--br-color-surface);cursor:pointer}.mjs-tile img{width:100%;height:100%;display:block}.mjs-tile:disabled{opacity:.35;cursor:default}.mjs-tile--win{outline:2px solid var(--br-color-accent);outline-offset:1px}.mjs-add{width:var(--mjs-tile-w);aspect-ratio:5/7;border:1px dashed var(--br-color-text-sub);border-radius:4px;background:0 0;color:var(--br-color-text-sub);font-size:1rem;cursor:pointer}.mjs-add[aria-pressed=true]{border-color:var(--br-color-accent);border-style:solid;color:var(--br-color-accent);background:var(--br-color-bg-light)}.mjs-hand-wrap{display:flex;flex-direction:column;gap:4px}.mjs-hand-head{display:flex;justify-content:space-between;align-items:center;gap:var(--br-space-xs)}.mjs-clear{border:1px solid var(--br-color-border);border-radius:999px;background:var(--br-color-surface);color:var(--br-color-text-sub);font-size:.8rem;line-height:1;padding:6px 12px;cursor:pointer}.mjs-clear:disabled{opacity:.35;cursor:default}.mjs-hand{display:flex;flex-wrap:wrap;gap:4px;min-height:calc(var(--mjs-tile-w) * 7 / 5 + 2px);align-items:center}.mjs-melds{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mjs-meld{display:flex;align-items:center;gap:2px;padding:3px 5px;border:1px dashed var(--br-color-text-sub);border-radius:var(--br-radius);cursor:pointer}.mjs-meld img{width:calc(var(--mjs-tile-w) * .8);display:block;border:1px solid var(--br-color-border);border-radius:3px;background:#fff}.mjs-meld__red{font-size:.75rem;line-height:1;padding:5px 7px;margin-left:3px;border:1px solid var(--br-color-border);border-radius:999px;background:var(--br-color-surface);color:var(--br-color-text);cursor:pointer}.mjs-meld__red[aria-pressed=true]{background:var(--br-color-accent);border-color:var(--br-color-accent);color:#fff}.mjs-meld__red:disabled{opacity:.35;cursor:default}.mjs-mode-btns{display:flex;gap:var(--br-space-xs);flex-wrap:wrap}.mjs-mode-btn{font-size:.9rem;padding:8px 14px;border:1px solid var(--br-color-border);border-radius:var(--br-radius);background:var(--br-color-surface);color:var(--br-color-text);cursor:pointer;min-height:var(--br-tap-min)}.mjs-mode-btn[aria-pressed=true]{background:var(--br-color-accent);border-color:var(--br-color-accent);color:#fff}.mjs-mode-hint{margin:-4px 0 0;font-size:.75rem;color:var(--br-color-accent)}.mjs-palette{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;max-width:480px}.mjs-palette .mjs-tile{width:100%;height:auto;aspect-ratio:5/7;min-height:0}.mjs-result{border:1px solid var(--br-color-border);border-radius:var(--br-radius);background:var(--br-color-surface);padding:var(--br-space-sm) var(--br-space-md)}.mjs-result__empty{margin:0;font-size:var(--br-text-sm);color:var(--br-color-text-sub)}.mjs-result__hero{display:flex;align-items:center;gap:var(--br-space-xs);flex-wrap:wrap}.mjs-result__points{font-size:2rem;font-weight:700;line-height:1.2;color:var(--br-color-text);font-variant-numeric:tabular-nums}.mjs-result__points small{font-size:1rem;font-weight:600;margin-left:2px}.mjs-badge{background:var(--br-color-accent);color:#fff;border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:600}.mjs-badge--yakuman{background:#c2410c}.mjs-result__pay{margin:2px 0 0;font-size:var(--br-text-sm);color:var(--br-color-text)}.mjs-result__yaku{list-style:none;margin:var(--br-space-xs) 0 0;padding:0}.mjs-result__yaku li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--br-space-xs);padding:4px 0;border-bottom:1px dashed var(--br-color-border);font-size:var(--br-text-sm);color:var(--br-color-text)}.mjs-result__yaku li b{font-weight:600;font-variant-numeric:tabular-nums}.mjs-result__fu{margin-top:var(--br-space-xs);font-size:var(--br-text-sm)}.mjs-result__fu summary{cursor:pointer;color:var(--br-color-text-sub)}.mjs-result__fu ul{margin:4px 0 0;padding-left:1.4em;color:var(--br-color-text)}.mjs-result__caption{margin:0;font-weight:600;font-size:var(--br-text-sm);color:var(--br-color-text)}.mjs-result__note{margin:4px 0 0;font-size:var(--br-text-sm);color:var(--br-color-text-sub)}.mjs-waits{list-style:none;margin:var(--br-space-xs) 0 0;padding:0;display:grid;gap:6px}@media (min-width:600px){.mjs-waits{grid-template-columns:1fr 1fr}}.mjs-waits__item{display:flex;align-items:center;gap:10px;border:1px solid var(--br-color-border);border-radius:var(--br-radius);padding:6px 10px}.mjs-waits__tile img{width:28px;display:block}.mjs-waits__scores{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:var(--br-text-sm);color:var(--br-color-text);font-variant-numeric:tabular-nums}.mjs-hints{list-style:none;margin:var(--br-space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.mjs-hints li{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--br-text-sm);color:var(--br-color-text)}.mjs-hints__discard,.mjs-hints__waits{display:inline-flex;align-items:center;gap:3px}.mjs-hints__arrow{color:var(--br-color-text-sub)}.mjs-mini-tile img{width:22px;display:block}.mjs-mini-tile{display:inline-flex}.mjs-chart{overflow-x:auto}.mjs-chart table{border-collapse:collapse;margin:var(--br-space-xs) 0 var(--br-space-md);width:100%}.mjs-chart td,.mjs-chart th{border:1px solid var(--br-color-border);padding:6px 10px;white-space:nowrap;font-size:.9rem;color:var(--br-color-text)}.mjs-chart thead th{background:var(--br-color-bg-light)}.mjs-chart small{color:var(--br-color-text-sub)}@media (max-width:480px){.mjs{--mjs-tile-w:32px}.mjs-palette{gap:3px}.mjs-result__points{font-size:1.7rem}}