.online-room #room-more{margin-top:12px;border-top:1px solid #ab8bbb55;padding-top:6px}.online-room #room-more>summary{min-height:48px;padding:10px;cursor:pointer;text-align:center}.online-room #chapter-picker{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.online-room #chapter-picker button{flex:1;min-height:48px}.online-room #room-more #reset{width:100%;margin:8px 0}.online-room #connection:empty{display:none}.online-room #lesson{font-size:14px;min-height:0;line-height:1.45;margin:8px 0}.online-room #sofa-play .roles p{display:none}.online-room #sofa-play #status{min-height:0;margin:8px 0;font-size:13px}.online-room #sofa-play #board{--board-height:clamp(180px,calc(100dvh - 370px),350px)}.online-room footer{grid-template-columns:repeat(2,minmax(0,1fr))}
#bip-play h2{font-size:18px;margin:8px 0}#bip-play h3{font-size:14px;margin:12px 0 6px}.bip-order{background:#fff0bd;border:2px solid #ccac6a;border-radius:16px;padding:12px 12px 12px 30px;margin:0;line-height:1.5;font-size:15px}.bip-wiring{background:#fffaf6;border:2px solid #ab8bbb;border-radius:16px;padding:8px 12px}.bip-wiring p{margin:5px 0;font-size:14px;line-height:1.4}.bip-wiring b{display:inline-block;width:28px;font-size:23px;text-align:center}.bip-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bip-device{display:grid;text-align:center;gap:3px;padding:10px;background:#e8dfea;border:2px solid #ab8bbb;border-radius:16px;font-size:15px}.bip-device.is-on{background:#fff0bd;border-color:#b5944b}.bip-icon{font-size:30px}.bip-device small{font-size:13px}.bip-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bip-controls button{font-size:28px;min-height:56px;background:#fffaf6}.bip-next{width:100%;background:#ffe5a3;margin:8px 0}.bip-feedback{font-size:14px;line-height:1.4;margin:12px 0}#bip-play button:focus-visible{outline:3px solid #573567;outline-offset:3px}@media(max-width:350px){.bip-order{font-size:14px}.bip-wiring p{font-size:13px}.bip-device{padding:7px}}
.bip-role{display:flex;gap:10px;align-items:center}.bip-role svg{display:block;width:44px;height:44px}
.bip-devices-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.bip-devices-compact .bip-device{padding:8px 4px;font-size:clamp(12px,3.4vw,14px)}.bip-devices-compact .bip-icon{font-size:26px}.bip-devices-compact small{font-size:12px}
.online-room{min-height:100dvh}