/* 小撢子（room-duster.js）：動作列的鈕＋撢子模式的游標 */
.rm-act[hidden] { display: none; }
.rm-act.is-on { background: rgba(255, 235, 200, .24); border-color: var(--rm-gold); color: #fff3dc; }
.rm-duster-on #rmGl { cursor: grab; }
.rm-duster-on #rmGl:active { cursor: grabbing; }
/* 動作列（2026-11-11 站長調整順序）：DOM 順序是 點亮小燈、留言、禮物・朋友（所有人），〔紙飛機（規劃中）〕、音樂盒、小撢子（只有主人）。
   窄螢幕：第一排 3 顆；第二排（主人才有）＝其餘平分，只剩 1 顆時撐滿；寬螢幕維持同一排。
   紙飛機（#rmAirAct，主人、功能開著才有）加進去後第二排是 3 顆：用 :has(.rm-act-air) 判斷，有紙飛機＝三等分，沒有＝二等分。
   這段放在這支（每個人都會載入），不放 room-music.css（訪客沒放盒子時不載入） */
@media (max-width: 560px) {
    .rm-actions { flex-wrap: wrap; gap: .45rem; padding-top: .9rem; }
    .rm-actions > .rm-act {
        flex: 1 1 calc((100% - .9rem) / 3); max-width: none; min-width: 0; box-sizing: border-box; height: 2.3rem; padding: 0 .3rem;
        font-size: .82rem; gap: .25rem; line-height: 1.3; white-space: nowrap;   /* 一樣高（<a> 與 <button> 的行高、留言數字的圓圈原本會讓第二排比較高） */
    }
    .rm-actions > .rm-act:nth-child(n+4) { flex-basis: calc((100% - .45rem) / 2); }
    .rm-actions:has(.rm-act-air) > .rm-act:nth-child(n+4) { flex-basis: calc((100% - .9rem) / 3); }
    .rm-actions > .rm-act .material-icons { font-size: 1rem; }
    .rm-actions > .rm-act .rm-act-n { font-size: .72rem; line-height: 1.1rem; min-width: 1.1rem; padding: 0 .3rem; }
}