.mr-layout{display:grid;gap:var(--sp-5)}@media(min-width:900px){.mr-layout{grid-template-columns:minmax(300px,.9fr)1.1fr;align-items:start}}.mr-map{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(8,minmax(48px,auto));gap:5px;margin-top:var(--sp-2);padding:var(--sp-3);background:radial-gradient(120% 90% at 30% 20%,rgba(47,212,198,.1),transparent 60%),#07080c;border:1px solid var(--ea-line);border-radius:var(--rad-md)}.mr-sea{position:absolute;inset:0;width:100%;height:100%;color:rgba(47,212,198,.28);pointer-events:none}.mr-tile{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:48px;min-width:0;padding:4px 2px;border-radius:8px;border:1px solid rgba(139,123,240,.45);background:color-mix(in srgb,#8B7BF0 calc(10% + var(--k,0) * 9%),#12151C);color:#e8eaf0;cursor:pointer;transition:transform 90ms,box-shadow 120ms,background 120ms}.mr-tile:hover{transform:translateY(-1px);border-color:#2fd4c6}.mr-tile:focus-visible{outline:2px solid #fff;outline-offset:2px}.mr-tile[aria-pressed=true]{background:#2fd4c6;color:#0b0d12;border-color:#2fd4c6}.mr-tile.is-lit:not([aria-pressed=true]){box-shadow:0 0 0 2px #EC6AA6,0 0 18px rgba(236,106,166,.45)}.mr-tile__c{font:700 .95rem/1 var(--ea-font-mono);letter-spacing:.04em}.mr-tile__n{font-size:11px;line-height:1.1;opacity:.8;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.mr-tile__k{position:absolute;top:3px;right:5px;font:700 10px var(--ea-font-mono);opacity:.7}@media(max-width:520px){.mr-tile__n{display:none}.mr-map{gap:4px;padding:var(--sp-2)}}.mr-filter{margin-top:var(--sp-3)}.mr-chips{margin-top:var(--sp-2)}.mr-chip{min-height:40px}.mr-chip[hidden]{display:none}.mr-card{background:var(--ea-elevated);border:1px solid var(--ea-line-2);border-radius:var(--rad-md);padding:var(--sp-4)var(--sp-5)}.mr-card+.mr-card{margin-top:var(--sp-3)}.is-js .mr-card[hidden]{display:none}.mr-card__where{font:700 var(--ea-fs-label)/1.2 var(--ea-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ea-teal);margin:0 0 .3em}.mr-card__t{font-size:var(--ea-fs-h3);margin:0 0 var(--sp-3)}.mr-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)var(--sp-4);margin:0 0 var(--sp-3)}.mr-facts>div{min-width:0}.mr-facts__wide{grid-column:1/-1}.mr-facts dt{font:700 11px var(--ea-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ea-fg-mute)}.mr-facts dd{margin:.15em 0 0;color:var(--ea-fg);font-size:var(--ea-fs-sm)}.mr-card__d{color:var(--ea-fg-soft);font-size:var(--ea-fs-ui);line-height:1.55;margin:0 0 var(--sp-3)}.mr-play{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.mr-play .tl-btn--sm{min-height:44px}.mr-lanes{display:grid;gap:4px;margin-top:var(--sp-3);padding:var(--sp-2)var(--sp-3);background:#07080c;border-radius:var(--rad-sm)}.mr-lanes:empty{display:none}.mr-lane{display:grid;grid-template-columns:112px 1fr;gap:8px;align-items:center}.mr-lane__n{font-size:12px;color:#aab2c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-lane__c{display:grid;grid-template-columns:repeat(var(--n,16),minmax(0,1fr));gap:2px}.mr-cell{display:block;height:14px;border-radius:3px;background:#171b24}.mr-cell.is-beat{background:#222735}.mr-cell.is-on{background:#8b7bf0}.mr-cell.is-acc{background:#ec6aa6}.mr-cell.is-play{box-shadow:0 0 0 2px #2FD4C6}@media(max-width:520px){.mr-lane{grid-template-columns:1fr;gap:2px}}.mr-card__note,.mr-card__src{font-size:var(--ea-fs-sm);color:var(--ea-fg-mute);margin:var(--sp-2)0 0}.mr-card__src a{color:var(--ea-teal)}@media(prefers-reduced-motion:reduce){.mr-tile{transition:none}.mr-tile:hover{transform:none}}