/* MB 룸 — mbroom.css (그림자 없음, 모바일 우선) */
#mbrm-ov{position:fixed;inset:0;z-index:100000;background:#0f1424;color:#e8ecf8;font-family:'Pretendard','Malgun Gothic',sans-serif;display:flex;flex-direction:column;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;touch-action:none}
#mbrm-ov *{box-sizing:border-box}
#mbrm-ov .rm-hide{display:none!important}
#mbrm-ov .rm-bar{flex:0 0 52px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#141b30;border-bottom:1px solid #243052}
#mbrm-ov .rm-title{flex:1;min-width:0;font-size:15px;font-weight:700;color:#e8ecf8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mbrm-ov .rm-seg{display:inline-flex;border:1px solid #34436e;border-radius:9px;overflow:hidden}
#mbrm-ov .rm-seg button{border:0;background:transparent;color:#9fb0e0;padding:7px 13px;font-size:13px;font-weight:700;cursor:pointer}
#mbrm-ov .rm-seg button.on{background:#25365f;color:#fff}
#mbrm-ov .rm-ib{width:36px;height:36px;border:1px solid #34436e;background:transparent;color:#cfd8ff;border-radius:9px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
#mbrm-ov .rm-ib:active{background:#25365f}
#mbrm-ov .rm-stage{flex:1;position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column}
#mbrm-ov .rm-view{flex:1;position:relative;min-height:0;overflow:hidden}
#mbrm-ov canvas{display:block;position:absolute;left:0;top:0;touch-action:none;cursor:pointer}
#mbrm-ov .rm-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 140px);padding:8px 14px;border-radius:18px;background:rgba(20,27,48,.82);border:1px solid #2c3a63;color:#c4cff0;font-size:12.5px;text-align:center;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .25s}
#mbrm-ov .rm-hint.show{opacity:1}
#mbrm-ov .rm-toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);padding:8px 16px;border-radius:18px;background:rgba(20,27,48,.9);border:1px solid #3a4a78;color:#fff;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}
#mbrm-ov .rm-toast.show{opacity:1}
#mbrm-ov .rm-toast.bad{border-color:#d86a6a;color:#ffc4c4}
#mbrm-ov .rm-vc{position:absolute;right:10px;top:10px;display:flex;gap:4px}
#mbrm-ov .rm-vc button{width:36px;height:36px;border:1px solid #3a4a78;background:rgba(20,27,48,.78);color:#cfd8ff;border-radius:10px;font-size:14px;padding:0;cursor:pointer;touch-action:manipulation}
#mbrm-ov .rm-vc button:active{background:#2c4078}
#mbrm-ov .rm-view canvas{touch-action:none;cursor:grab}
#mbrm-ov .rm-pad{position:absolute;right:12px;bottom:12px;width:116px;height:116px;display:none;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px}
#mbrm-ov .rm-pad button{border:1px solid #3a4a78;background:rgba(20,27,48,.72);color:#cfd8ff;border-radius:11px;font-size:14px;padding:0;touch-action:none}
#mbrm-ov .rm-pad button:active{background:#2c4078}
#mbrm-ov .rm-pad [data-k=up]{grid-column:2;grid-row:1}
#mbrm-ov .rm-pad [data-k=left]{grid-column:1;grid-row:2}
#mbrm-ov .rm-pad [data-k=right]{grid-column:3;grid-row:2}
#mbrm-ov .rm-pad [data-k=down]{grid-column:2;grid-row:3}
@media (pointer:coarse),(max-width:560px){#mbrm-ov .rm-vc{top:auto;right:auto;left:10px;bottom:12px}#mbrm-ov .rm-pad{display:grid}#mbrm-ov .rm-hint{bottom:auto;top:46px;max-width:calc(100% - 24px)}}
#mbrm-ov .rm-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,20,36,.9);z-index:5}
#mbrm-ov .rm-card{width:100%;max-width:340px;background:#182040;border:1px solid #2c3a63;border-radius:14px;padding:22px 18px;text-align:center}
#mbrm-ov .rm-card h3{margin:0 0 14px;font-size:15px;color:#e8ecf8}
#mbrm-ov .rm-msg{margin:10px 0 0;font-size:14px;color:#c4cff0;line-height:1.55}
#mbrm-ov .rm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:8px 0 0;padding:12px 10px;border:1px solid #67d3c4;background:transparent;color:#67d3c4;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}
#mbrm-ov a.rm-btn{text-decoration:none}
#mbrm-ov .rm-btn:active{background:#1f3a44}
#mbrm-ov .rm-btn.rm-ghost{border-color:#3a4a78;color:#9fb0e0}
#mbrm-ov .rm-spin{width:30px;height:30px;margin:0 auto;border-radius:50%;border:3px solid #2c3a63;border-top-color:#67d3c4;animation:rmspin .8s linear infinite}
@keyframes rmspin{to{transform:rotate(360deg)}}
#mbrm-ov .rm-conn{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:14px;background:rgba(20,27,48,.82);border:1px solid #2c3a63;font-size:12px;font-weight:600;color:#c4cff0}
#mbrm-ov .rm-conn i{width:8px;height:8px;border-radius:50%;background:#8a93ad}
#mbrm-ov .rm-conn.on i{background:#4fd18b}
#mbrm-ov .rm-conn.on{border-color:#2f6f55}
#mbrm-ov .rm-conn.none i{background:#d9a24a}
#mbrm-ov .rm-chat{flex:0 0 auto;display:flex;gap:8px;padding:8px 10px;background:#141b30;border-top:1px solid #243052}
#mbrm-ov .rm-chat input{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid #34436e;border-radius:20px;background:#0f1424;color:#e8ecf8;font-size:16px;outline:none;-webkit-user-select:text;user-select:text}
#mbrm-ov .rm-chat input:focus{border-color:#67d3c4}
#mbrm-ov .rm-send{width:40px;height:40px;border:1px solid #67d3c4;background:transparent;color:#67d3c4;border-radius:50%;font-size:15px;cursor:pointer;padding:0}
#mbrm-ov .rm-send:active{background:#1f3a44}
#mbrm-ov .rm-card .rm-sub{margin:-8px 0 12px;font-size:12.5px;color:#9fb0e0}
#mbrm-ov .rm-btn .rm-now{display:none;margin-left:4px;padding:1px 8px;border-radius:10px;background:#67d3c4;color:#0f1424;font-size:11px;font-weight:800}
#mbrm-ov .rm-btn.on{background:#1f3a44}
#mbrm-ov .rm-btn.on .rm-now{display:inline-block}
#mbrm-ov .rm-btn[disabled]{opacity:.5}
#mbrm-ov .rm-save{min-height:18px;margin:10px 0 0;font-size:12.5px;color:#9fb0e0}
#mbrm-ov .rm-save.ok{color:#67d3c4}
#mbrm-ov .rm-save.bad{color:#ff9a9a}
#mbrm-ov .rm-lookcard{max-width:360px}
#mbrm-ov .rm-lookrow{display:flex;gap:10px;margin:4px 0 12px}
#mbrm-ov .rm-lk{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border:1.5px solid #3a4a78;border-radius:14px;background:transparent;color:#e8edff;font-size:13px;font-weight:700;line-height:1.2;font-family:inherit;cursor:pointer}
#mbrm-ov .rm-lk canvas{position:static;display:block;width:96px;height:132px;max-width:100%;cursor:pointer}
#mbrm-ov .rm-lk.on{border-color:#67d3c4;background:#1f3a44}
#mbrm-ov .rm-lk .rm-now{display:none;margin-left:4px;padding:1px 8px;border-radius:10px;background:#67d3c4;color:#0f1424;font-size:11px;font-weight:800}
#mbrm-ov .rm-lk.on .rm-now{display:inline-block}
#mbrm-ov .rm-lk[disabled]{opacity:.5}
#mbrm-ov .rm-lksave{min-height:18px;margin:0 0 10px;font-size:12.5px;color:#9fb0e0;text-align:center}
#mbrm-ov .rm-lksave.ok{color:#67d3c4}
#mbrm-ov .rm-lksave.bad{color:#ff9a9a}
#mbrm-ov .rm-emogrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 4px}
#mbrm-ov .rm-emogrid .rm-btn{margin:0;padding:11px 8px}

/* 하단 동작 바 (항상 보임, 숫자 키 안내) */
#mbrm-ov .rm-emobar{flex:0 0 auto;display:flex;gap:6px;padding:6px 8px;background:#141b30;border-top:1px solid #243052}
#mbrm-ov .rm-eb{position:relative;flex:1 1 0;min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #34436e;background:transparent;color:#cfd8ff;border-radius:10px;cursor:pointer;padding:0;font-family:inherit}
#mbrm-ov .rm-eb i{font-size:16px;line-height:1}
#mbrm-ov .rm-eb span{font-size:10.5px;line-height:1;white-space:nowrap}
#mbrm-ov .rm-eb .rm-ek{position:absolute;top:2px;left:4px;font-size:9.5px;font-weight:800;color:#7f90c4;line-height:1}
#mbrm-ov .rm-eb:active{background:#25365f}
#mbrm-ov .rm-eb.on{border-color:#67d3c4;background:#1f3a44;color:#fff}
#mbrm-ov .rm-eb.on .rm-ek{color:#67d3c4}
@media (hover:none){#mbrm-ov .rm-eb .rm-ek{display:none}}