*{box-sizing:border-box}
:root{--navy:#092d5a;--navy2:#0d3f78;--blue:#1185ff;--line:#d7e2ee;--bg:#f5f8fc;--text:#172033;--muted:#61758b;--red:#ef4b43;--green:#12a66a}
html,body{margin:0;min-height:100%;font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;background:#f7f9fc;color:var(--text)}
button,input,select,textarea{font:inherit}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 22px;position:sticky;top:0;z-index:30;box-shadow:0 3px 14px rgba(9,45,90,.06)}
.brand{display:flex;align-items:center;gap:8px;min-width:220px;cursor:pointer}.brand-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.brand b{display:block;font-size:22px;line-height:1.1;color:var(--navy)}.brand small{display:block;color:#6b87a3}.brand-community{margin-top:2px;font-size:8px;font-weight:900;letter-spacing:.3px;color:#23618f!important}.brand-safety{margin-top:1px;font-size:6px;font-weight:700;line-height:1.15;letter-spacing:-.15px;color:#6b7f91!important;white-space:nowrap}
.logo-balls{width:42px;height:40px;position:relative}.logo-balls i{position:absolute;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;border:2px solid #fff;box-shadow:0 1px 7px #8eb6dd}.logo-balls i:first-child{left:0;top:0;background:#e8f3ff;color:#0b5394}.logo-balls i:last-child{right:0;bottom:0;background:#ffce35;color:#613b00}
.topnav{display:flex;gap:3px;flex:1;overflow:auto}.topnav button{border:0;background:transparent;color:#304861;padding:10px 9px;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:700;cursor:pointer}.topnav button:hover,.topnav button.active{background:#eaf4ff;color:#0877df}
.account-actions{display:flex;gap:7px}.blue,.outline{padding:9px 14px;border-radius:7px;font-weight:800;cursor:pointer}.blue{background:#1185ff;color:#fff;border:1px solid #1185ff}.outline{background:#fff;color:#0877df;border:1px solid #b9d4ef}.wide{width:100%}
.shell{max-width:1600px;margin:auto;padding:10px;display:grid;grid-template-columns:235px minmax(600px,1fr) 230px;gap:9px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px;box-shadow:0 2px 8px rgba(9,45,90,.035)}.card h3{margin:0;color:#183c61;font-size:12px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title span{font-size:9px;color:#1989f2}
.leftcol,.rightcol{min-width:0}.login-card input{width:100%;margin-bottom:6px;padding:8px;border:1px solid #c9d7e5;border-radius:5px;background:#fff;color:#1d3044}.tiny-links{position:relative!important;z-index:50!important;display:flex;align-items:center;justify-content:center;gap:3px;text-align:center;font-size:8px;color:#71869a;margin-top:7px;white-space:nowrap;pointer-events:auto!important}.tiny-link-button{position:relative!important;z-index:51!important;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:0;background:transparent;color:#58758f;font:inherit;line-height:1.5;padding:3px 1px;cursor:pointer;text-decoration:none;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(17,133,255,.18)}.tiny-link-button:hover,.tiny-link-button:focus-visible{color:#0877df;text-decoration:underline;text-underline-offset:2px;outline:none}
.hour-notice{background:#fff7d8;border:1px solid #f2d36f;color:#68530a;border-radius:5px;padding:7px;font-size:9px;margin-bottom:6px;line-height:1.45}
.mini-chat{height:190px;overflow:auto;border-top:1px solid #e7edf4}.chat-msg{display:flex;gap:5px;padding:6px 2px;border-bottom:1px solid #eef2f6;font-size:9px;line-height:1.45}.chat-msg b{color:#0b5fae;white-space:nowrap}.chat-msg p{margin:0;color:#263b50}.chat-compose{display:flex;gap:4px;margin-top:7px}.chat-compose input{min-width:0;flex:1;border:1px solid #c9d7e5;padding:7px;border-radius:5px;color:#1d3044}.chat-compose button{border:0;background:#1185ff;color:#fff;border-radius:5px;width:34px}
.rule-note{font-size:8px;color:#60758b;background:#f5f8fc;border-radius:4px;padding:6px;margin-bottom:4px}.room-rank-row,.rank-row-small{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;padding:7px 2px;border-bottom:1px solid #edf2f7;font-size:9px}.room-rank-row .n,.rank-row-small .n{font-weight:900;color:#f59e0b}.room-rank-row b,.rank-row-small b{color:#233b53}.room-rank-row small,.rank-row-small small{color:#657b91}
.side-group{margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.side-group h4{margin:0;background:var(--navy);color:#fff;padding:9px 10px;font-size:10px}.side-group button{display:block;width:100%;text-align:left;border:0;background:#fff;border-bottom:1px solid #edf2f7;padding:8px 10px;color:#31485f;font-size:10px;cursor:pointer}.side-group button:hover{background:#eef6ff;color:#0877df}
.maincol{min-width:0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.gamebox,.pickbox,.sectionbox{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.boxhead{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f7faff;border-bottom:1px solid #dfe7f0}.boxhead h2,.boxhead h3{margin:0;color:#193f65}.boxhead h2{font-size:15px}.boxhead h3{font-size:12px}.boxhead span{font-size:9px;color:#6e849a}
.live-game{padding:13px}.roundline{display:flex;justify-content:space-between;align-items:center;gap:10px}.current-round b{font-size:27px;color:#0b4e8b}.current-round small{display:block;color:#687f95;font-size:9px}.countdown{text-align:right}.countdown b{display:block;font-size:27px;color:#ef4b43;font-variant-numeric:tabular-nums}.countdown small{color:#6b8198;font-size:9px}
.resultballs{display:flex;gap:7px;align-items:center;margin-top:11px}.ball{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;font-size:10px}.ball.blue{background:#288fdb}.ball.yellow{background:#f4b61e;color:#4e3500}.ball.red{background:#ef4b43}.ball.purple{background:#8a56dc}.ball.green{background:#12b678}
.distgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.dist{padding:8px 3px;border:1px solid #e3e9f0;border-radius:5px;text-align:center}.dist small{display:block;color:#70869b;font-size:7px}.dist b{font-size:11px;color:#213c55}
.picktabs{display:flex;border-bottom:1px solid #e4eaf1}.picktabs button{flex:1;border:0;border-right:1px solid #e4eaf1;background:#fff;padding:9px 3px;font-size:9px;color:#536a80}.picktabs button.active{background:var(--navy);color:#fff}.pickbody{padding:11px}.pickstats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pickstat{border:1px solid #e3e9f0;padding:8px;border-radius:5px}.pickstat small{display:block;color:#70869b;font-size:8px}.pickstat b{font-size:14px}.pickchoices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:9px}.pickchoices button{border:1px solid #cddbe8;background:#fff;color:#29455f;border-radius:5px;padding:8px 3px;font-size:9px}.pickchoices button.selected{background:#eaf4ff;border-color:#65aef2;color:#096bc7}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.threecol{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:8px}.list{padding:4px 11px 8px}.list-row{display:grid;grid-template-columns:42px 1fr auto;gap:7px;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:9px;align-items:center}.tag{display:inline-block;background:#1688f8;color:#fff;padding:3px 5px;border-radius:3px;text-align:center;font-size:8px}.list-row b{color:#20394f;cursor:pointer}.list-row small{color:#75899e}
.result-strip{padding:10px 11px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.result-mini{text-align:center;border:1px solid #e4eaf1;border-radius:5px;padding:6px 2px}.result-mini small{display:block;font-size:7px;color:#75899e;margin-bottom:4px}.mini-dot{width:23px;height:23px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:8px;font-weight:900}.table{width:100%;border-collapse:collapse;font-size:9px}.table th{background:#f5f8fc;color:#41586e}.table th,.table td{padding:8px;border-bottom:1px solid #e7edf3;text-align:center}.table td{color:#263b50}
.page-title{font-size:18px;color:#173f65;margin:0 0 8px}.pagebox{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.btnrow{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.btnrow button{border:1px solid #c9d8e6;background:#fff;color:#334d66;border-radius:5px;padding:7px 10px;font-size:9px}.btnrow button.active{background:var(--navy);color:#fff}.storegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.storeitem{border:1px solid #dbe4ed;border-radius:7px;padding:13px;text-align:center}.storeitem .icon{font-size:40px}.price{font-size:16px;font-weight:900;color:#ef6c2e}.rank-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:9px;background:#edf5ff;color:#0d6bbb;border:1px solid #c7dff6;font-size:7px;font-weight:900}.rankicon{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;background:#315f8d;font-size:8px}
.mygrid{display:grid;gap:8px}.profiletop{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center}.avatarbig{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;border:3px solid #d4e7f8;font-size:34px}.expbig{font-size:23px;color:#8eb700;font-weight:900}.info-table{border:1px solid #e1e8ef;border-radius:6px;overflow:hidden}.info-row{display:grid;grid-template-columns:130px 1fr 90px;border-bottom:1px solid #e8edf2;min-height:44px;align-items:center;font-size:9px}.info-row:last-child{border-bottom:0}.info-row span:first-child{background:#f8fafc;padding:12px;color:#60758b;height:100%}.info-row span:nth-child(2){padding:12px;color:#273e55}.info-row button{margin-right:7px;border:1px solid #cbd8e4;background:#fff;border-radius:4px;padding:5px;font-size:8px}.expbar{height:11px;background:#eef2f6;border-radius:20px;overflow:hidden}.expbar i{display:block;height:100%;background:linear-gradient(90deg,#ff654d,#ff9c3d)}
.gradegrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:10px}.grade{text-align:center;border:1px solid #e1e8ef;border-radius:6px;padding:7px 2px;font-size:7px}.grade.current{background:#fff4e7;border-color:#ffad64}.grade i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#315f8d;color:#fff;margin:auto;font-style:normal;font-weight:900}.grade b{display:block;margin-top:4px}
.chatroom{display:grid;grid-template-columns:1fr 220px;gap:8px}.chatwindow{height:520px;display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:10px}.message{padding:7px;border-bottom:1px solid #edf2f6;font-size:9px}.message b{color:#0b64b5}.message p{display:inline;color:#263b50}.members{padding:10px}.member{display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf2f6;padding:7px 0;font-size:9px}.member button{margin-left:auto;border:1px solid #f0c557;background:#fff9e3;color:#805d05;border-radius:4px;padding:4px 6px;font-size:8px}
.modal{display:none;position:fixed;inset:0;background:rgba(17,35,55,.45);z-index:20000;align-items:center;justify-content:center;padding:14px}.modal.show{display:flex}.modalbox{width:min(430px,92vw);max-height:calc(100vh - 28px);overflow-y:auto;background:#fff;border-radius:10px;border:1px solid #d6e1ec;padding:20px;position:relative}.x{position:absolute;right:9px;top:7px;border:0;background:none;font-size:21px;color:#71859a}.modalbox input{width:100%;padding:9px;margin:5px 0;border:1px solid #cbd8e4;border-radius:5px;color:#233d56}
.room-info-editor{display:grid;gap:11px}.room-info-editor h2{margin:0;color:#123f66}.room-info-editor-intro{margin:0 0 2px;color:#688095;font-size:10px}.room-info-editor label{display:grid;gap:4px}.room-info-editor label>span{font-size:10px;font-weight:900;color:#315571}.room-info-editor select,.room-info-editor input{box-sizing:border-box;width:100%;height:39px;margin:0;border:1px solid #b9cede;border-radius:6px;background:#fff;color:#203d56;padding:7px 9px}.room-info-editor label small{color:#788b9a;font-size:8px}.room-info-editor label.disabled{opacity:.5}.room-info-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-info-visibility-note{padding:9px;border:1px solid #b8d9ee;border-radius:7px;background:#f0f8fe;color:#185d8c;font-size:9px;font-weight:800}@media(max-width:560px){.room-info-editor-grid{grid-template-columns:1fr}}
footer{max-width:1600px;margin:14px auto 0;padding:22px;border-top:1px solid #dce5ee;text-align:center;color:#687f94;font-size:9px}footer b{color:#2c6092;font-size:14px}footer span{display:block;margin:5px}footer small{display:block}footer a{color:#2c76b8}.footer-partnership{font-weight:800;color:#496f91}.footer-partnership a{font-weight:950;text-decoration:underline;text-underline-offset:2px}
.footer-policy-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:8px 0}
.footer-policy-links button{border:0;background:transparent;color:#2c6da7;font-size:9px;font-weight:850;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.terms-box label{position:relative}.terms-box .terms-label-text{flex:1;min-width:0}.terms-box .terms-view{flex:0 0 auto;border:1px solid #a9c4dc;border-radius:5px;background:#f5faff;color:#1b659f;font-size:8px;font-weight:850;padding:4px 6px;cursor:pointer}
.legal-page{max-width:980px;margin:0 auto}.legal-page .legal-head{padding:22px;border-radius:12px;background:linear-gradient(135deg,#0e3b67,#1479bd);color:#fff;box-shadow:0 8px 22px rgba(16,75,119,.16)}
.legal-page .legal-head h1{margin:0 0 7px;font-size:24px}.legal-page .legal-head p{margin:0;line-height:1.7;opacity:.92}.legal-page .legal-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.legal-page .legal-meta span{padding:5px 8px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:9px}
.legal-page .legal-notice{margin:12px 0;padding:12px 14px;border:1px solid #e2ba55;border-radius:8px;background:#fff9e7;color:#765400;line-height:1.7}
.legal-page .legal-section{margin:12px 0;padding:18px;border:1px solid #d6e2ed;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(30,64,91,.05)}
.legal-page .legal-section h2{margin:0 0 10px;color:#123f68;font-size:16px}.legal-page .legal-section h3{margin:14px 0 6px;color:#245b88;font-size:12px}.legal-page .legal-section p,.legal-page .legal-section li{font-size:10px;line-height:1.8;color:#334d64}.legal-page .legal-section ul,.legal-page .legal-section ol{padding-left:20px}
.identity-consent-check{display:flex;align-items:flex-start;gap:6px;margin:8px 0;padding:8px;border:1px solid #c8ddeb;border-radius:7px;background:#f7fbfe;color:#3a5870;font-size:9px;line-height:1.55}.identity-consent-link{border:0;background:transparent;padding:0;color:#126aa6;font:inherit;font-weight:900;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.legal-page .legal-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:9px}.legal-page .legal-table th,.legal-page .legal-table td{border:1px solid #cfdeea;padding:8px;vertical-align:top;line-height:1.6}.legal-page .legal-table th{background:#edf5fb;color:#123f68;text-align:left}.legal-page .legal-contact{font-weight:850;color:#145e98}
@media(max-width:700px){.footer-policy-links{gap:6px 12px}.legal-page .legal-head{padding:16px}.legal-page .legal-head h1{font-size:19px}.legal-page .legal-section{padding:13px}.legal-page .legal-table{display:block;overflow-x:auto;white-space:nowrap}}
.terms-box .terms-agree-all{background:#edf6ff;border-color:#6da9dc}.terms-bundle-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;padding:11px;border:1px solid #d4e1ec;border-radius:9px;background:#fff}.terms-bundle-card>div:first-child small{display:block;margin-top:4px;color:#6d8293;font-size:8px}.terms-bundle-checks{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.terms-bundle-checks label{display:flex!important;align-items:center;gap:4px;padding:5px 7px!important;border:1px solid #dbe6ef!important;border-radius:999px!important;background:#f7fafc!important;font-size:8px!important}.terms-policy-note{margin:8px 0 0;padding:10px;border-radius:8px;background:#f5f8fb;color:#526d84;font-size:9px;line-height:1.65}.settlement-contract-bundle{display:grid;gap:7px;padding:12px;border:1px solid #9cc5e8;border-radius:10px;background:#f3f9ff}.settlement-contract-bundle>small{color:#526d84;line-height:1.6}
.sponsor-item-guide{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid #e8c96f;border-radius:8px;background:#fff9e7;color:#73500b}.sponsor-item-guide b{font-size:12px}.sponsor-item-guide span{font-size:9px}.sponsor-rice-item{position:relative}.sponsor-item-badge{position:absolute;top:7px;left:7px;padding:3px 6px;border-radius:999px;background:#fff2bb;color:#8a5a00;font-size:7px;font-weight:900}.settlement-eligibility{display:grid;gap:4px;margin:8px 0;padding:10px 12px;border:1px solid #9dcdb5;border-radius:7px;background:#effbf5;color:#226347}.settlement-eligibility b{font-size:10px}.settlement-eligibility span{font-size:8px;line-height:1.5}.settlement-contract-check{display:flex!important;align-items:flex-start;gap:8px;margin:10px 0;padding:10px!important;border:1px solid #d8c27a;border-radius:7px;background:#fffbea}.settlement-contract-check input{width:auto!important;margin-top:2px}.settlement-contract-check span{font-size:8px;line-height:1.5;color:#6a5413}.settlement-contract-check b{font-size:9px}.settlement-contract-completed{display:grid;gap:3px;margin:10px 0;padding:10px 12px;border:1px solid #79c6a0;border-radius:7px;background:#edfbf4;color:#17623d}.settlement-contract-completed b{font-size:10px}.settlement-contract-completed span{font-size:8px;font-weight:700}.settlement-contract-completed small{font-size:7px;line-height:1.5;color:#587263}
@media(max-width:1220px){.shell{grid-template-columns:220px minmax(520px,1fr)}.rightcol{display:none}}
@media(max-width:850px){.topbar{height:auto;flex-wrap:wrap;padding:9px}.topnav{order:3;width:100%}.shell{display:block}.leftcol{display:grid;grid-template-columns:1fr 1fr;gap:7px}.side-group{display:none}.maincol{margin-top:8px}.hero-grid,.twocol,.threecol,.chatroom{grid-template-columns:1fr}.profiletop{grid-template-columns:1fr}.storegrid{grid-template-columns:1fr}.gradegrid{grid-template-columns:repeat(5,1fr)}}

/* ===== 실시간 채팅 글씨 선명도 개선 ===== */
.chat-card{background:#fff!important}
.mini-chat{background:#fff!important}
.chat-msg{
  font-size:10.5px!important;
  line-height:1.6!important;
  color:#172033!important;
  padding:7px 3px!important;
  border-bottom:1px solid #e2e8f0!important;
}

/* ===== v4014 회원정보 지정 글자 크기·전 페이지 사이드바 크기 고정 =====
   실제 표시되는 버튼과 값 요소를 직접 대상으로 하므로 화면별 스타일에 덮이지 않는다. */
html body .member-info-card .member-info-name > b{
 color:#082b4b!important;font-size:35px!important;line-height:1.2!important;
 font-weight:1000!important;letter-spacing:-.45px!important
}
html body .member-info-card .member-info-tabs > button{
 min-height:46px!important;padding:9px 4px!important;color:#082e50!important;
 font-family:inherit!important;font-size:30px!important;line-height:1.18!important;
 font-weight:1000!important;letter-spacing:-.45px!important
}
html body .member-info-card .member-wallet-row .member-wallet > i{
 width:31px!important;height:31px!important;font-size:16px!important;line-height:31px!important;font-weight:1000!important
}
html body .member-info-card .member-wallet-row .member-wallet > b{
 color:#082e50!important;font-family:inherit!important;font-size:25px!important;line-height:1.15!important;
 font-weight:1000!important;letter-spacing:-.35px!important
}
html body .member-info-card .member-item-summary,
html body .member-info-card .member-item-summary > span,
html body .member-info-card .member-item-summary > button{
 color:#082e50!important;font-family:inherit!important;font-size:32px!important;line-height:1.32!important;
 font-weight:950!important;letter-spacing:-.45px!important
}
html body .member-info-card .member-info-actions > button{
 min-height:48px!important;padding:9px 3px!important;color:#082e50!important;
 font-family:inherit!important;font-size:30px!important;line-height:1.18!important;
 font-weight:1000!important;letter-spacing:-.45px!important
}
/* 프로필·쌀 선물 TOP3·채팅방 랭킹·실시간 채팅은 홈과 모든 메뉴에서 동일한 PC 배치다. */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{grid-template-columns:132px 174px minmax(0,1fr)!important;grid-auto-rows:auto!important}
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{grid-column:1!important;grid-row:1!important;width:330px!important;min-width:330px!important;max-width:330px!important;height:510px!important;min-height:510px!important;max-height:510px!important}
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{grid-column:3!important;grid-row:1!important;width:calc(100% - 24px)!important;margin-left:24px!important;height:330px!important;min-height:330px!important;max-height:330px!important}
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{grid-column:1!important;grid-row:2!important;width:132px!important;min-width:132px!important;max-width:132px!important}
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{grid-column:2 / span 2!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important}
}

/* ===== v4029 공통 사이드바·10위 랭킹·중계 글꼴 통일 ===== */
html body,
html body button,
html body input,
html body select,
html body textarea{
 font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;
 font-synthesis:none!important;
 text-rendering:optimizeLegibility!important
}
@media(min-width:1181px){
 /* 홈뿐 아니라 중계·커뮤니티·랭킹 등 공통 좌측 영역을 같은 그리드로 유지 */
 html body:not(.member-room-split-open) .shell .leftcol{
  display:grid!important;grid-template-columns:150px 174px minmax(0,1fr)!important;
  grid-template-rows:330px 640px!important;column-gap:8px!important;row-gap:8px!important;
  align-items:stretch!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;width:332px!important;min-width:332px!important;max-width:332px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;width:100%!important;height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:150px!important;min-width:150px!important;max-width:150px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important
 }
 /* 1~10위를 같은 폭으로 채우고 목록 안에서만 위·아래 스크롤한다. */
 html body:not(.member-room-split-open) .room-rank-card{
  display:flex!important;flex-direction:column!important;padding:7px 6px!important;box-sizing:border-box!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.card-title{flex:0 0 auto!important;margin:0 0 5px!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{flex:0 0 auto!important;margin:0 0 6px!important;padding:0!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:flex!important;width:100%!important;max-width:none!important;height:46px!important;min-height:46px!important;
  align-items:center!important;justify-content:center!important;margin:0!important;padding:3px!important;white-space:nowrap!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:5px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0 2px 4px!important;
  overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;scrollbar-width:thin!important;scrollbar-color:#7b9bb6 #edf4fa!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:grid!important;grid-template-columns:22px 40px minmax(0,1fr)!important;align-items:center!important;column-gap:4px!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:52px!important;min-height:52px!important;
  margin:0!important;padding:4px!important;border-radius:8px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  display:grid!important;place-items:center!important;position:static!important;width:21px!important;height:21px!important;padding:0!important;
  font-size:9px!important;line-height:1!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{width:40px!important;height:40px!important;border-radius:7px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name{font-size:10px!important;line-height:1.15!important;font-weight:850!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{display:none!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList::-webkit-scrollbar{width:7px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList::-webkit-scrollbar-thumb{background:#7b9bb6!important;border-radius:9px!important}
html body:not(.member-room-split-open) .room-rank-card #roomRankList::-webkit-scrollbar-track{background:#edf4fa!important;border-radius:9px!important}
}

/* ===== v4032 final: 쌀 선물 TOP3 오른쪽 라인 정렬 ===== */
@media(min-width:1181px){
 html:root body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  width:calc(100% - 24px)!important;min-width:0!important;max-width:calc(100% - 24px)!important;
  margin-left:0!important;margin-right:24px!important
 }
}

/* ===== v4031 final: 대기실 버튼·랭킹 카드 한 열 정렬 ===== */
@media(min-width:1181px){
 html:root body:not(.member-room-split-open) .shell .leftcol{
  grid-template-rows:330px 680px!important
 }
 html:root body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  width:150px!important;min-width:150px!important;max-width:150px!important;
  height:680px!important;min-height:680px!important;max-height:680px!important;
  padding:7px 6px!important;box-sizing:border-box!important
 }
 html:root body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  height:680px!important;min-height:680px!important;max-height:680px!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card>.room-quick-links,
 html:root body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  height:46px!important;min-height:46px!important;padding:0 4px!important;white-space:nowrap!important;
  font-size:13px!important;line-height:46px!important;font-weight:900!important;text-align:center!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn span{
  display:block!important;white-space:nowrap!important;font:inherit!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList{
  flex:1 1 auto!important;width:100%!important;height:auto!important;max-height:none!important;
  margin-top:6px!important;padding:0!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:flex!important;flex:0 0 108px!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:108px!important;min-height:108px!important;
  margin:0!important;padding:15px 3px 3px!important;box-sizing:border-box!important;
  border:3px solid #7b4fd1!important;border-radius:7px!important;overflow:hidden!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;margin:0!important;border-radius:5px!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
  display:block!important;max-width:100%!important;font-size:8px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  position:absolute!important;left:4px!important;top:3px!important;font-size:9px!important;line-height:1!important
 }
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-1{border-color:#d5a91f!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2{border-color:#aab4be!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3{border-color:#a96942!important}
}

/* ===== v4030 final: 실시간 채팅방 랭킹 5위·큰 프로필 카드 ===== */
/* :root 추가로 앞선 규칙도 뒤의 공통 레이아웃보다 우선한다. */
@media(min-width:1181px){
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList{flex:0 0 auto!important;height:540px!important;max-height:540px!important;padding:3px 0!important;overflow:hidden!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:102px!important;min-height:102px!important;margin:0!important;padding:16px 4px 4px!important;border:2px solid #7b4fd1!important;border-radius:8px!important;overflow:hidden!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank:nth-child(n+6){display:none!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{display:block!important;width:72px!important;height:72px!important;min-width:72px!important;margin:0!important;border-radius:5px!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{display:block!important;font-size:8px!important;line-height:1.05!important;font-weight:850!important}
 html:root body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{display:block!important;position:absolute!important;left:4px!important;top:4px!important;width:auto!important;height:auto!important;padding:2px 4px!important}
}
@media(min-width:1181px){
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  flex:0 0 auto!important;height:540px!important;max-height:540px!important;padding:3px 0!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:102px!important;min-height:102px!important;
  margin:0!important;padding:16px 4px 4px!important;border:2px solid #7b4fd1!important;border-radius:8px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank:nth-child(n+6){display:none!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  display:block!important;width:72px!important;height:72px!important;min-width:72px!important;margin:0!important;border-radius:5px!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
  display:block!important;font-size:8px!important;line-height:1.05!important;font-weight:850!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  display:block!important;position:absolute!important;left:4px!important;top:4px!important;width:auto!important;height:auto!important;padding:2px 4px!important
 }
}

/* ===== v4030 실시간 채팅방 랭킹 5위·큰 프로필 카드 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  flex:0 0 auto!important;height:540px!important;max-height:540px!important;padding:3px 0!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  position:relative!important;width:100%!important;min-width:0!important;max-width:none!important;height:102px!important;min-height:102px!important;
  margin:0!important;padding:16px 4px 4px!important;border:2px solid #7b4fd1!important;border-radius:8px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank:nth-child(n+6){display:none!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  display:block!important;width:72px!important;height:72px!important;min-width:72px!important;margin:0!important;border-radius:5px!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
  display:block!important;font-size:8px!important;line-height:1.05!important;font-weight:850!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  display:block!important;position:absolute!important;left:4px!important;top:4px!important;width:auto!important;height:auto!important;padding:2px 4px!important
 }
}

/* ===== v4025 상단 현재 시간 좌측 이동 =====
   오른쪽 배너 앞 시간 영역을 비우고, 로고와 메뉴 사이의 빈 공간에 현재 시간을 배치한다. */
@media(min-width:1181px){
 html body .topbar{
  grid-template-columns:220px 360px minmax(0,1fr)!important
 }
 html body .topbar .brand{grid-column:1!important}
 html body .topbar .header-realtime-clock{
  grid-column:2!important;grid-row:1!important;justify-self:stretch!important;
  width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;
  grid-template-columns:minmax(0,1fr) 92px!important;grid-template-rows:18px 25px!important;
  column-gap:9px!important;padding:4px 14px!important;border-left:0!important;border-right:0!important;
  background:transparent!important;text-align:center!important
 }
 html body .topbar .header-realtime-clock>span{width:auto!important;text-align:center!important}
 html body .topbar .header-realtime-clock>b{width:auto!important;justify-self:end!important;text-align:right!important}
 html body .topbar .header-realtime-clock>strong{min-width:92px!important;justify-self:start!important}
 html body .topbar .topnav{
  grid-column:3!important;grid-row:1!important;justify-self:stretch!important;justify-content:center!important
 }
}
@media(max-width:850px){
 html body .member-info-card .member-info-name > b{font-size:28px!important}
 html body .member-info-card .member-info-tabs > button{font-size:22px!important}
 html body .member-info-card .member-wallet-row .member-wallet > b{font-size:20px!important}
 html body .member-info-card .member-item-summary,
 html body .member-info-card .member-item-summary > span,
 html body .member-info-card .member-item-summary > button{font-size:24px!important}
 html body .member-info-card .member-info-actions > button{font-size:22px!important}
}

/* ===== v3997 로그인 Enter · 비회원 채팅 비공개 · 대기실 잘림 방지 ===== */
html body .guest-private-chat{
 box-sizing:border-box!important;width:100%!important;min-width:0!important;
 overflow:hidden!important;background:#f4f7fa!important;color:#315f85!important
}
html body .guest-private-chat p{
 margin:0!important;padding:0!important;white-space:normal!important;
 overflow-wrap:anywhere!important;font-weight:850!important
}
@media(min-width:1181px){
 html body:not(.member-room-split-open) .room-rank-card,
 html body:not(.member-room-split-open) .room-rank-card *{box-sizing:border-box!important}
 html body:not(.member-room-split-open) .room-rank-card>.card-title,
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin-left:0!important;margin-right:0!important;padding-left:3px!important;padding-right:3px!important;
  overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding-left:3px!important;padding-right:3px!important;
  align-items:center!important;justify-content:center!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;font-size:8px!important
 }
}

/* ===== v4013 회원정보 실제 버튼 직접 확대·전 페이지 사이드바 크기 고정 =====
   .login-card의 화면별 변형과 관계없이, 실제 표시되는 버튼/값 요소를 직접 지정한다. */
html body .member-info-card .member-info-name > b{
 color:#082b4b!important;font-size:28px!important;line-height:1.2!important;
 font-weight:1000!important;letter-spacing:-.45px!important
}
html body .member-info-card .member-info-tabs > button{
 min-height:46px!important;padding:9px 4px!important;color:#082e50!important;
 font-family:inherit!important;font-size:21px!important;line-height:1.18!important;
 font-weight:1000!important;letter-spacing:-.45px!important
}
html body .member-info-card .member-wallet-row .member-wallet > i{
 width:27px!important;height:27px!important;font-size:14px!important;line-height:27px!important;font-weight:1000!important
}
html body .member-info-card .member-wallet-row .member-wallet > b{
 color:#082e50!important;font-family:inherit!important;font-size:20px!important;line-height:1.15!important;
 font-weight:1000!important;letter-spacing:-.35px!important
}
html body .member-info-card .member-item-summary,
html body .member-info-card .member-item-summary > span,
html body .member-info-card .member-item-summary > button{
 color:#082e50!important;font-family:inherit!important;font-size:16px!important;line-height:1.48!important;
 font-weight:950!important;letter-spacing:-.35px!important
}
html body .member-info-card .member-info-actions > button{
 min-height:40px!important;padding:8px 3px!important;color:#082e50!important;
 font-family:inherit!important;font-size:17px!important;line-height:1.2!important;
 font-weight:1000!important;letter-spacing:-.4px!important
}
/* 홈·마이페이지·커뮤니티 등 어느 화면에서도 동일한 사이드 영역 크기를 유지한다. */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:132px 174px minmax(0,1fr)!important;grid-auto-rows:auto!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1!important;grid-row:1!important;width:330px!important;min-width:330px!important;max-width:330px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;width:calc(100% - 24px)!important;margin-left:24px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:132px!important;min-width:132px!important;max-width:132px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important
 }
}
@media(max-width:850px){
 html body .member-info-card .member-info-name > b{font-size:22px!important}
 html body .member-info-card .member-info-tabs > button{font-size:17px!important}
 html body .member-info-card .member-wallet-row .member-wallet > b{font-size:17px!important}
 html body .member-info-card .member-item-summary,
 html body .member-info-card .member-item-summary > span,
 html body .member-info-card .member-item-summary > button{font-size:14px!important}
 html body .member-info-card .member-info-actions > button{font-size:15px!important}
}

.chat-msg b{
  color:#0a4f93!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.chat-msg p{
  color:#172033!important;
  font-weight:700!important;
  opacity:1!important;
  letter-spacing:-.1px;
}
.chat-msg .rank-badge{
  font-weight:900!important;
  color:#0f4c81!important;
  background:#eef6ff!important;
  border-color:#bcd8f0!important;
}
.chat-card .card-title h3{
  color:#102a43!important;
  font-weight:900!important;
}
.chat-card .card-title span{
  color:#0877df!important;
  font-weight:900!important;
}
.hour-notice{
  color:#4f4100!important;
  font-weight:800!important;
  background:#fff8d8!important;
}
.chat-compose input{
  color:#172033!important;
  font-weight:700!important;
  background:#fff!important;
}
.chat-compose input::placeholder{color:#7a8da1!important;opacity:1}


/* ===== 일반볼 홀짝/언더오버 표시 보강 ===== */
.resultballs{flex-wrap:wrap}
.result-label{
  display:inline-block;
  font-size:8px;
  font-weight:900;
  color:#38536d;
  background:#f1f5f9;
  border:1px solid #dbe4ed;
  border-radius:10px;
  padding:4px 6px;
}
.pickstats{grid-template-columns:repeat(2,1fr)!important}
.pickstat b{font-size:12px!important;color:#183c61}
.dist b{font-size:9px!important;line-height:1.35;display:block}
.dist small{font-size:7px!important;font-weight:800;color:#5f7489}


/* ===== 캐쉬 / 시간제 방개설권 / 실시간채팅 선물 ===== */
.cash-wallet{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#f7fbff;border:1px solid #cfe1f2;border-radius:7px;padding:10px 12px;margin-bottom:10px
}
.cash-wallet b{color:#0b4f8e;font-size:15px}.cash-wallet small{color:#627a90}
.cash-charge{border:1px solid #bcd7ee;background:#fff;color:#0b6fc2;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:800}
.license-time{font-size:9px;color:#60778e;margin-top:4px}
.room-expiry{font-size:8px;color:#6a7f93}.room-expiry.expired{color:#d33;font-weight:900}
.mini-chat-user{cursor:pointer;text-decoration:underline;text-decoration-color:#b9d7ef;text-underline-offset:2px}
.mini-chat-user:hover{color:#0877df!important}
.quick-gift-menu{
  position:fixed;z-index:150;background:#fff;border:1px solid #cfdce8;border-radius:8px;
  box-shadow:0 12px 36px rgba(22,53,82,.18);padding:10px;width:230px
}
.quick-gift-menu h4{margin:0 0 6px;color:#193d60;font-size:11px}
.quick-gift-menu p{margin:0 0 8px;font-size:9px;color:#63798f}
.quick-gift-menu button{width:100%;border:1px solid #f0cf74;background:#fff9df;color:#785a05;border-radius:5px;padding:7px;font-size:9px;font-weight:800}
.cash-price{color:#e36b2c;font-weight:900;font-size:16px}


/* ===== 프로필 커스텀 아이템 / 마이페이지 배너 ===== */
.profile-banner{
  height:120px;border-radius:9px;overflow:hidden;margin-bottom:10px;
  background:linear-gradient(120deg,#dff0ff,#f8fbff 55%,#e6f3ff);
  border:1px solid #cfdfed;position:relative
}
.profile-banner::after{
  content:"DONGHAENG RANDOMBALL";position:absolute;right:18px;bottom:12px;
  color:rgba(9,45,90,.35);font-weight:900;font-size:17px;letter-spacing:2px
}
.profile-banner.theme-sky{background:linear-gradient(120deg,#dff0ff,#f8fbff,#d7ebff)}
.profile-banner.theme-gold{background:linear-gradient(120deg,#fff5cb,#fffdf4,#ffe5a3)}
.profile-banner.theme-purple{background:linear-gradient(120deg,#ede3ff,#faf7ff,#dfd1ff)}
.profile-banner.theme-green{background:linear-gradient(120deg,#dff7ea,#f8fff9,#cef0dc)}
.profile-banner.theme-night{background:linear-gradient(120deg,#15385c,#234e76,#102945)}
.profile-banner.theme-night::after{color:rgba(255,255,255,.5)}
.profile-oneline{font-size:11px;color:#425c73;margin-top:5px;font-weight:700}
.profile-custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.profile-custom-card{border:1px solid #e0e8f0;border-radius:7px;padding:10px;background:#fbfdff}
.profile-custom-card small{display:block;color:#687f95;font-size:8px}
.profile-custom-card b{display:block;color:#213d57;font-size:10px;margin-top:3px}
.profile-edit-btn{border:1px solid #bcd7ee;background:#fff;color:#0877df;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:800;margin-top:7px}
.ticket-count{display:inline-block;margin-top:5px;padding:3px 6px;border-radius:9px;background:#eef6ff;color:#0b6fc2;font-size:8px;font-weight:900}
.profile-preview{
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:#edf5ff;border:3px solid #d0e4f7;font-size:30px;margin:auto
}
.banner-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}
.banner-option{height:50px;border:2px solid transparent;border-radius:6px;cursor:pointer}
.banner-option.selected{border-color:#1185ff}
@media(max-width:850px){.profile-custom-grid{grid-template-columns:repeat(2,1fr)}.banner-options{grid-template-columns:repeat(3,1fr)}}


/* ===== NTRY 흐름 참고 동행넷 채팅방 대기실 v2 ===== */
.chat-lobby{display:grid;gap:8px}
.chat-rules{background:#fff;border:1px solid #d7e2ee;border-radius:8px;overflow:hidden}
.chat-rules-head{background:#f5f8fc;border-bottom:1px solid #dce5ee;padding:10px 12px;font-weight:900;color:#183f65}
.chat-rules-body{padding:12px;font-size:9px;line-height:1.8;color:#334d66}
.chat-rules-body ul{margin:6px 0 0;padding-left:18px}
.lobby-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #d7e2ee;border-radius:8px;padding:9px}
.lobby-toolbar .spacer{flex:1}
.lobby-toolbar select{border:1px solid #c9d8e6;background:#fff;color:#334d66;border-radius:5px;padding:7px;font-size:9px}
.lobby-toolbar button{padding:7px 10px;border-radius:5px;font-size:9px;font-weight:800;cursor:pointer}
.lobby-tabs{display:flex;gap:4px}
.lobby-tabs button{border:1px solid #c9d8e6;background:#fff;color:#334d66}
.lobby-tabs button.active{background:#092d5a;color:#fff;border-color:#092d5a}
.chat-score-guide{background:#f8fafc;border:1px solid #e1e8ef;border-radius:6px;padding:8px;font-size:8px;color:#60768b}
.chat-issue{background:#fff7e6;border:1px solid #f4d59a;border-radius:7px;padding:9px;font-size:9px;color:#6f530e}
.chat-room-list{background:#fff;border:1px solid #d7e2ee;border-radius:8px;overflow:hidden}
.chat-room-grid-head,.chat-room-entry{display:grid;grid-template-columns:42px minmax(180px,1.6fr) 130px 80px 80px 84px 64px;gap:0;align-items:center}
.chat-room-grid-head{background:#f5f8fc;border-bottom:1px solid #dce5ee;color:#4b647c;font-size:8px;font-weight:900}
.chat-room-grid-head div,.chat-room-entry>div{padding:8px;border-right:1px solid #edf2f6}
.chat-room-grid-head div:last-child,.chat-room-entry>div:last-child{border-right:0}
.chat-room-entry{font-size:9px;border-bottom:1px solid #edf2f6;cursor:pointer}
.chat-room-entry:last-child{border-bottom:0}
.chat-room-entry:hover{background:#f8fbff}
.chat-room-entry.expired{opacity:.55;cursor:not-allowed}
.room-title-strong{font-weight:900;color:#183f65}
.room-lock{font-size:8px;color:#d97706;margin-left:4px}
.room-status-live{color:#0c9f68;font-weight:900}
.room-status-expired{color:#dc2626;font-weight:900}
.room-create-panel{background:#fff;border:1px solid #d7e2ee;border-radius:8px;overflow:hidden}
.room-create-panel .title{padding:10px 12px;background:#f5f8fc;border-bottom:1px solid #dce5ee;font-weight:900;color:#183f65}
.room-create-form{display:grid;grid-template-columns:1.5fr .75fr .75fr .75fr 1fr;gap:6px;padding:10px}
.room-create-form input,.room-create-form select{border:1px solid #c9d8e6;border-radius:5px;padding:8px;font-size:9px;color:#253f58;background:#fff}
.room-create-options{display:flex;gap:12px;align-items:center;padding:0 10px 10px;font-size:9px;color:#596f84}
.room-create-options label{display:flex;align-items:center;gap:4px}
.room-create-note{padding:0 10px 10px;font-size:8px;color:#7a5b15}
.secret-room-box{margin-top:8px;background:#fff8e6;border:1px solid #f2d392;border-radius:7px;padding:10px}
.secret-room-box input{padding:7px;border:1px solid #c9d8e6;border-radius:5px}
.room-owner-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.room-owner-actions button{font-size:8px;padding:5px 7px}
@media(max-width:900px){
 .chat-room-list{overflow:auto}.chat-room-grid-head,.chat-room-entry{min-width:760px}
 .room-create-form{grid-template-columns:1fr 1fr}
}


/* ===== 포인트 / 계좌이체 캐쉬충전 ===== */
.point-img{width:54px;height:54px;display:block;margin:0 auto 6px}
.cash-charge-panel{margin-bottom:10px;background:#fff;border:1px solid #d7e2ee;border-radius:8px;overflow:hidden}
.cash-charge-head{padding:10px 12px;background:#f5f8fc;border-bottom:1px solid #dce5ee;font-weight:900;color:#183f65}
.cash-charge-body{padding:12px}
.cash-charge-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:linear-gradient(90deg,#0d5b99,#108ee7);color:#fff;padding:12px 14px;text-align:left;cursor:pointer}
.cash-charge-toggle>span{display:grid;gap:2px}.cash-charge-toggle b{font-size:14px}.cash-charge-toggle small{color:#d9efff;font-size:9px}.cash-charge-toggle em{font-style:normal;font-weight:900;white-space:nowrap}
.cash-charge-body[hidden]{display:none!important}.cash-charge-amounts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}
.cash-charge-amount{min-width:0;display:grid;gap:3px;border:1px solid #bcd3e7;border-radius:7px;background:#f8fbfe;color:#173f63;padding:9px 5px;cursor:pointer}.cash-charge-amount b{font-size:10px;white-space:nowrap}.cash-charge-amount span{color:#5f7890;font-size:8px;white-space:nowrap}.cash-charge-amount.selected{border-color:#087ee0;background:#087ee0;color:#fff;box-shadow:0 3px 9px #087ee033}.cash-charge-amount.selected span{color:#e3f3ff}
.approved-charge-form{display:grid!important;grid-template-columns:minmax(150px,.8fr) minmax(300px,1.6fr) minmax(130px,.7fr) auto!important;gap:8px!important;align-items:end;margin-top:10px}.approved-charge-form label{display:grid;gap:4px;font-size:9px;font-weight:900}.approved-charge-form label input,.approved-charge-form>input{height:42px!important}
.cash-charge-summary{min-height:42px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;padding:7px 10px;border:1px solid #c9d9e7;border-radius:7px;background:#f2f7fb}.cash-charge-summary span{display:grid;gap:2px;color:#6b8194;font-size:8px}.cash-charge-summary b{color:#143d62;font-size:11px}.approved-charge-form>button{height:42px}.cash-request-note b{color:#0c68aa}
.member-page-lock{min-height:330px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center}.member-page-lock>span{font-size:36px}.member-page-lock h2,.member-page-lock p{margin:0}.member-page-lock p{color:#6b8194}.member-only-rank-lock{height:174px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;color:#48677f}.member-only-rank-lock>span{font-size:25px}.member-only-rank-lock p{margin:0;font-size:9px}.member-home-lock{min-height:160px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.member-home-lock>span{font-size:28px}.member-home-lock small{color:#758a9b}
@media(max-width:1000px){.cash-charge-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.approved-charge-form{grid-template-columns:1fr 1fr!important}.cash-charge-summary{grid-column:1/-1}.approved-charge-form>button{grid-column:1/-1}}
@media(max-width:600px){.cash-charge-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-charge-form{grid-template-columns:1fr!important}.cash-charge-summary,.approved-charge-form>button{grid-column:auto}.cash-charge-toggle{align-items:flex-start}.cash-charge-toggle em{font-size:8px}}
.bank-info{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}
.bank-chip{background:#f8fbff;border:1px solid #dbe6f0;border-radius:6px;padding:8px}
.bank-chip small{display:block;color:#6d8296;font-size:8px}.bank-chip b{display:block;color:#213d57;font-size:10px;margin-top:3px}
.cash-request-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px}
.cash-request-form input{border:1px solid #c9d8e6;background:#fff;color:#243d55;border-radius:5px;padding:8px;font-size:9px}
.cash-request-note{margin-top:8px;font-size:8px;color:#6e8092;line-height:1.55}
.point-balance{color:#0b6fc2!important}
@media(max-width:850px){.bank-info{grid-template-columns:1fr}.cash-request-form{grid-template-columns:1fr}}


/* ===== 업로드 전 최종: 대형 실시간채팅 / 결제아이템 / 본인인증가입 ===== */
.chat-card{min-height:520px!important}
.mini-chat{height:365px!important;min-height:365px!important;background:#fff!important;border:1px solid #d4e0eb!important;border-radius:6px;padding:4px 7px}
.chat-msg{font-size:12px!important;line-height:1.78!important;padding:9px 3px!important;color:#10283e!important}
.chat-msg b{font-size:11px!important;font-weight:900!important;color:#074f91!important}
.chat-msg p{font-size:12px!important;font-weight:800!important;color:#10283e!important;opacity:1!important}
.chat-compose input{font-size:12px!important;padding:10px!important;color:#10283e!important;font-weight:800!important;background:#fff!important}
.chat-compose input::placeholder{color:#6f8498!important;opacity:1}
.chat-compose button{width:42px!important;font-size:15px!important}
.my-chat-colored{font-weight:900!important}
.color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:10px 0}
.color-swatch{height:38px;border:2px solid #d8e2eb;border-radius:6px;cursor:pointer}
.color-swatch.selected{border-color:#1185ff;box-shadow:0 0 0 2px rgba(17,133,255,.12)}
.paid-only-note{font-size:8px;color:#6d8195;margin-top:5px;line-height:1.45}
.verify-box{background:#f8fbff;border:1px solid #cfdfed;border-radius:7px;padding:10px;margin:7px 0}
.verify-box b{color:#183f65;font-size:11px}.verify-box p{font-size:9px;color:#60778e;line-height:1.55}
.verify-status{font-size:9px;font-weight:900;margin-top:6px}.verify-ok{color:#0b9a64}.verify-wait{color:#d97706}.verify-error{color:#d33}
.terms-box{border:1px solid #dce5ee;border-radius:7px;padding:9px;margin-top:7px;background:#fff}
.terms-box label{display:grid!important;grid-template-columns:14px minmax(0,1fr) auto;gap:6px;align-items:start;font-size:9px;color:#344d64;line-height:1.55;margin:7px 0}
.terms-box{max-height:250px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.terms-box label{height:auto!important;min-height:0!important;max-height:none!important}
.modalbox .terms-box input[type="checkbox"]{box-sizing:border-box!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:14px!important;min-width:14px!important;max-width:14px!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:2px 1px 0 0!important;padding:0!important;display:inline-block!important;flex:0 0 14px!important}
.terms-box .terms-label-text{display:block!important;height:auto!important;min-height:0!important;white-space:normal!important;word-break:keep-all!important}
.terms-box .terms-view{width:auto!important;max-width:72px;height:27px!important;min-height:27px!important;align-self:start!important;white-space:nowrap}
.welcome-gift{background:#fff8df;border:1px solid #efd17a;border-radius:7px;padding:9px;font-size:9px;color:#6e5508;margin-top:7px}
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.signup-grid input{margin:0!important}.verify-actions{display:flex;gap:6px;margin-top:6px}.verify-actions input{flex:1;margin:0!important}.verify-actions button{white-space:nowrap}
@media(max-width:700px){.signup-grid{grid-template-columns:1fr}.mini-chat{height:310px!important;min-height:310px!important}}
@media(max-width:520px){.account-recovery-fields{grid-template-columns:1fr}.tiny-links{gap:2px}.tiny-link-button{font-size:8px!important}}


/* ===== 서버연동 캐쉬충전 / 분 단위 공지 ===== */
.cash-request-form{grid-template-columns:1.05fr 1fr 1fr 1fr auto!important}
@media(max-width:1000px){.cash-request-form{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.cash-request-form{grid-template-columns:1fr!important}}


/* ===== 중계허브 / 분석 / 로그인전 채팅잠금 / 마이페이지 본인인증 ===== */
.chat-login-lock{
  min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;background:#f8fbff;border:1px solid #d8e5ef;border-radius:6px;padding:18px
}
.chat-login-lock .lock-icon{font-size:34px;margin-bottom:7px}
.chat-login-lock b{font-size:12px;color:#173e63}.chat-login-lock p{font-size:9px;color:#657d93;line-height:1.6}
.broadcast-tabs,.analysis-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.broadcast-tabs button,.analysis-tabs button{border:1px solid #c9d8e6;background:#fff;color:#34516b;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}
.broadcast-tabs button.active,.analysis-tabs button.active{background:#092d5a;color:#fff;border-color:#092d5a}
.broadcast-frame-card{background:#fff;border:1px solid #d7e2ee;border-radius:9px;overflow:hidden}
.broadcast-frame-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f5f8fc;border-bottom:1px solid #dce5ee}
.broadcast-frame-head h3{margin:0;color:#183f65;font-size:12px}
.broadcast-frame-head a{font-size:9px;color:#0877df}
.broadcast-frame{width:100%;height:720px;border:0;background:#fff}
.external-note{padding:8px 11px;background:#fff8e2;border-top:1px solid #eed58c;color:#745b16;font-size:8px;line-height:1.5}
.analysis-control{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:9px}
.analysis-control input,.analysis-control select{border:1px solid #c9d8e6;background:#fff;border-radius:5px;padding:7px;color:#314b63;font-size:9px}
.analysis-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}
.analysis-summary .stat{border:1px solid #dce6ef;border-radius:6px;background:#fbfdff;padding:9px;text-align:center}
.analysis-summary small{display:block;font-size:7px;color:#6a8095}.analysis-summary b{font-size:11px;color:#183e62}
.ticket-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:8px 0}
.ticket-card{border:1px solid #dbe5ee;border-radius:7px;background:#fff;padding:10px;text-align:center;cursor:pointer}
.ticket-card.active{border-color:#1886ed;background:#eef7ff}.ticket-card b{display:block;font-size:15px;color:#173f65}.ticket-card small{font-size:8px;color:#6a8095}
.identity-card{border:1px solid #cfe0ef;background:#f8fbff;border-radius:8px;padding:12px;margin-top:9px}
.identity-card.verified{background:#f4fff9;border-color:#c8e8d8}
.identity-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:8px}
.identity-grid input{border:1px solid #c7d7e5;border-radius:5px;padding:8px;color:#263f56}
.signup-captcha{display:grid;grid-template-columns:120px 1fr auto;gap:6px;align-items:center;margin:7px 0}
.signup-captcha-code{height:40px;display:grid;place-items:center;border:1px dashed #96b5cf;border-radius:6px;background:#f1f7fc;font-weight:900;letter-spacing:4px;color:#153f69}
.signup-phone-identity{margin:8px 0;padding:11px;border:1px solid #b9d8f2;border-radius:8px;background:linear-gradient(135deg,#f7fbff,#eef7ff)}
.signup-phone-identity-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.signup-phone-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#1687ee;color:#fff;font-size:17px}
.signup-phone-identity-head b{display:block;color:#123e68;font-size:11px}.signup-phone-identity-head small{display:block;margin-top:2px;color:#637e96;font-size:8px}
.signup-identity-button{width:100%;min-height:42px;border:0;border-radius:6px;background:#1687ee;color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 4px 10px rgba(22,135,238,.18)}
.signup-identity-button:hover{background:#0877df}.signup-identity-button:disabled{background:#18a16b;cursor:default}
.signup-identity-status{margin-top:7px;padding:7px 8px;border-radius:5px;font-size:8px;font-weight:800;line-height:1.45;text-align:center}
.signup-identity-status.is-wait{background:#fff8df;color:#765c0c}.signup-identity-status.is-progress{background:#edf5ff;color:#1767ab}.signup-identity-status.is-ok{background:#eafaf2;color:#08764c}.signup-identity-status.is-error{background:#fff0f1;color:#c43943}
.account-recovery{display:grid;gap:9px}.account-recovery h2{margin:0 0 2px;color:#123f68}.account-recovery-intro{margin:0;color:#60778e;font-size:9px;line-height:1.6}.account-recovery-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.account-recovery-fields input{box-sizing:border-box;margin:0!important}.account-recovery-consent{display:flex;align-items:flex-start;gap:7px;padding:9px;border:1px solid #cfdfed;border-radius:7px;background:#f7fbfe;color:#3a5870;font-size:9px;line-height:1.5}.modalbox .account-recovery-consent input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important;margin:2px 0 0!important;padding:0!important}.account-recovery-result{padding:12px;border:1px solid #b8dfca;border-radius:8px;background:#edfbf3;color:#126b45;text-align:center;line-height:1.65}.account-recovery-result b{display:block;font-size:13px}.account-recovery-result strong{display:block;margin-top:4px;font-size:18px;color:#064f34}.account-recovery-password{display:grid;gap:3px}.account-recovery-password input{box-sizing:border-box}.account-recovery-help{margin:0;padding:8px;border-radius:6px;background:#fff8df;color:#735906;font-size:8px;line-height:1.5}.account-recovery .blue.wide{min-height:42px;font-weight:900}
#completeSignup:disabled{background:#9aabba!important;cursor:not-allowed!important;box-shadow:none!important}
.admin-created-note{font-size:8px;color:#6a8095}
@media(max-width:900px){
 .broadcast-frame{height:600px}.analysis-summary,.ticket-grid{grid-template-columns:repeat(3,1fr)}
 .identity-grid{grid-template-columns:1fr}.signup-captcha{grid-template-columns:1fr}
 .signup-phone-identity{padding:10px}.signup-identity-button{font-size:12px;min-height:46px}.signup-identity-status{font-size:9px}
 .modal{align-items:flex-start!important;padding:8px!important}.modalbox{width:min(430px,96vw)!important;max-height:calc(100dvh - 16px)!important;padding:16px!important}.terms-box{max-height:215px}.terms-box label{font-size:9px!important;line-height:1.45!important}.terms-box .terms-view{font-size:8px!important;padding:4px 5px!important}
}


/* ===== 로그인 복구 / 좌측 내정보 카드 ===== */
.member-info-card{padding:0!important;overflow:hidden}
.member-info-head{display:flex;align-items:center;gap:9px;padding:11px 10px 8px}
.member-info-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e8f4ff,#fff);border:1px solid #bed7ed;font-size:21px;flex:none}
.member-info-name{min-width:0;flex:1}
.member-info-name b{display:block;color:#173e63;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-info-name small{display:block;color:#75899b;font-size:7px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-info-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2e9f0;border-bottom:1px solid #e2e9f0}
.member-info-tabs button{border:0;background:#fff;padding:10px 4px;color:#2e4963;font-size:9px;cursor:pointer}
.member-info-tabs button+button{border-left:1px solid #e2e9f0}
.member-info-tabs button:hover{background:#f0f7ff;color:#0877df}
.member-wallet-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 8px}
.member-wallet{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.member-wallet.wallet-shop-link{border:0;background:transparent;padding:0;font:inherit;cursor:pointer;border-radius:7px}
.member-wallet.wallet-shop-link:hover,.member-wallet.wallet-shop-link:focus-visible{background:#eaf4ff;outline:2px solid #8ec7f3;outline-offset:1px}
.member-wallet i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900;color:#fff}
.member-wallet.cash i{background:#eb6571}.member-wallet.point i{background:#6498f2}.member-wallet.exp i{background:#84bd26}
.member-wallet b{font-size:9px;color:#2d4b65;overflow:hidden;text-overflow:ellipsis}
.member-item-summary{padding:7px 9px 10px;border-top:1px solid #edf1f5;color:#647b90;font-size:8px;line-height:1.55}
.member-info-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e0e7ee}
.member-info-actions button{border:0;background:#f7f9fc;color:#334f68;padding:9px 3px;font-size:8px;cursor:pointer}
.member-info-actions button+button{border-left:1px solid #e0e7ee}
.member-info-actions button:hover{background:#eaf4ff;color:#0877df}
.login-card .login-error{color:#d33;font-size:8px;margin-top:6px;min-height:11px}
.top-account-member{font-size:9px;font-weight:800;color:#274c6d;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* ===== 동행넷 자체 중계 + 그림형 분석 ===== */
.self-broadcast-card{background:#fff;border:1px solid #d7e2ed;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #173d6310}
.self-broadcast-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;background:linear-gradient(180deg,#0b3768,#082b54);color:#fff}
.self-broadcast-head h2{display:inline-block;margin:0 7px;font-size:15px}.self-broadcast-head small{color:#bcd1e5;font-size:8px}
.live-badge{display:inline-flex;align-items:center;gap:4px;background:#e9364a;color:#fff;border-radius:999px;padding:4px 8px;font-size:7px;font-weight:900}
.live-round{text-align:right}.live-round small{display:block}.live-round b{font-size:18px;color:#fff}.live-round span{display:block;font-size:8px;color:#c5d9eb;margin-top:3px}.live-round strong{color:#78d8ff}
.self-broadcast-stage{min-height:380px;background:radial-gradient(circle at 50% 40%,#123e6e 0,#061b36 62%,#041429 100%);display:grid;place-items:center;padding:22px;position:relative;overflow:hidden}
.self-broadcast-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:28px 28px}
.draw-machine,.ladder-machine{position:relative;z-index:1;width:min(650px,96%);text-align:center}
.machine-label{color:#fff;margin-bottom:13px}.machine-label strong{display:block;font-size:19px;letter-spacing:3px}.machine-label span{font-size:9px;color:#9fc1dd}
.machine-orbit{width:250px;height:250px;border:8px solid #ffffff20;border-radius:50%;margin:0 auto;position:relative;background:radial-gradient(circle,#0f4777,#082d55 70%);box-shadow:0 0 40px #1ca8ff35,inset 0 0 30px #0007}
.machine-orbit:before,.machine-orbit:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;inset:20px}.machine-orbit:after{inset:48px}
.machine-center{position:absolute;inset:78px;border-radius:50%;background:#061c36;border:2px solid #53bfff;display:flex;flex-direction:column;justify-content:center;color:#fff;box-shadow:0 0 20px #39b8ff55}.machine-center span{font-size:8px;color:#87c9f3}.machine-center b{font-size:24px}
.orbit-ball{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#b9ddff);color:#0a3159;font-style:normal;font-weight:900;border:2px solid #fff;box-shadow:0 4px 9px #0006;animation:floatBall 2.3s ease-in-out infinite}
.ob0{left:15px;top:92px}.ob1{left:55px;top:20px;animation-delay:-.3s}.ob2{right:56px;top:18px;animation-delay:-.6s}.ob3{right:14px;top:92px;animation-delay:-.9s}.ob4{right:48px;bottom:24px;animation-delay:-1.2s}.ob5{left:48px;bottom:20px;animation-delay:-1.5s}.ob6{left:105px;top:15px;animation-delay:-1.8s}.ob7{left:108px;bottom:12px;animation-delay:-2.1s}
@keyframes floatBall{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-13px) rotate(14deg)}}
.machine-result{margin-top:14px}.machine-result small{display:block;color:#9ec0db;font-size:8px;margin-bottom:7px}
.self-ballset{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.draw-ball{width:37px;height:37px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:900;font-size:12px;border:2px solid #ffffff90;box-shadow:inset 0 0 0 2px #0001,0 3px 7px #0004}
.draw-ball.normal.n0{background:linear-gradient(145deg,#2f9cff,#1263bf)}.draw-ball.normal.n1{background:linear-gradient(145deg,#ffd54b,#dca500);color:#573d00}.draw-ball.normal.n2{background:linear-gradient(145deg,#42c487,#188659)}.draw-ball.normal.n3{background:linear-gradient(145deg,#a97cf2,#6943bd)}.draw-ball.normal.n4{background:linear-gradient(145deg,#ff7d72,#d44843)}
.draw-ball.power{background:linear-gradient(145deg,#fb4d5a,#b5112d);width:43px;height:43px}.ball-divider{color:#8ba8c0;font-weight:900}
.self-result-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #d9e3ed}.self-result-summary>div{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #e4ebf2}.self-result-summary>div:last-child{border-right:0}.self-result-summary small{font-size:7px;color:#75899b}.self-result-summary b{font-size:13px;color:#173e63}
.self-data-note{margin-top:7px;padding:8px 10px;border-radius:6px;background:#fff9e9;border:1px solid #f0d98e;color:#7a641d;font-size:8px;line-height:1.5}
.visual-history{display:flex;flex-direction:column;gap:3px}.visual-history-row{display:grid;grid-template-columns:70px 240px 1fr;align-items:center;gap:10px;padding:7px 8px;border-bottom:1px solid #e8eef4}.visual-history-row>b{color:#173f64;font-size:9px}.visual-history-row .self-ballset{justify-content:flex-start}.visual-history-row .draw-ball{width:25px;height:25px;font-size:8px}.visual-history-row .draw-ball.power{width:29px;height:29px}
.visual-result-strip{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.result-pictogram{display:inline-flex;align-items:center;gap:4px;border:1px solid #d3dfeb;background:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;white-space:nowrap}.result-pictogram i{font-style:normal;font-size:12px;line-height:1}.result-pictogram em{font-style:normal;font-size:7px}
.result-pictogram.compact{width:25px;height:25px;padding:0;justify-content:center;border-radius:7px}.result-pictogram.compact i{font-size:13px}
.result-pictogram.odd{color:#e04e58;background:#fff2f3;border-color:#f2c4c8}.result-pictogram.even{color:#277bd6;background:#f0f7ff;border-color:#c4dcf6}
.result-pictogram.under{color:#7751cf;background:#f6f2ff;border-color:#d9cdf5}.result-pictogram.over{color:#d77812;background:#fff6e9;border-color:#f0d2aa}
.result-pictogram.small{color:#1e9d66;background:#effcf6;border-color:#bfe8d4}.result-pictogram.medium{color:#657489;background:#f3f6f9;border-color:#d6dfe8}.result-pictogram.large{color:#c53f6a;background:#fff1f6;border-color:#efc5d4}
.result-pictogram.left,.result-pictogram.right{color:#176ea8;background:#eff8ff;border-color:#c5e2f2}
.pictogram-legend{display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#f6f9fc;border:1px solid #dce6ef;border-radius:7px;padding:7px 9px;margin:8px 0;font-size:7px;color:#536b80}.pictogram-legend>b{color:#173e63;margin-right:5px}
.analysis-date-title{font-size:13px;font-weight:900;color:#183f64;margin:9px 0}.analysis-date-title span{font-size:8px;font-weight:500;color:#71869a}
.analysis-visual-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0}.analysis-visual-summary>div{border:1px solid #dce6ef;border-radius:7px;background:#fbfdff;padding:9px}.analysis-visual-summary small{font-size:8px;color:#59728a;font-weight:900}
.visual-ratio{margin-top:6px;display:flex;flex-direction:column;gap:5px}.visual-ratio>div{display:grid;grid-template-columns:30px 1fr 35px;align-items:center;gap:5px}.visual-ratio i{height:7px;background:#e8eef4;border-radius:99px;overflow:hidden}.visual-ratio i b{display:block;height:100%;background:linear-gradient(90deg,#2e91eb,#6bb9ff);border-radius:99px}.visual-ratio em{font-style:normal;font-size:7px;color:#62798e}
.visual-analysis-table{border:1px solid #dbe5ee;border-radius:7px;overflow:hidden}.visual-analysis-head,.visual-analysis-row{display:grid;grid-template-columns:65px repeat(5,72px) minmax(160px,1fr);align-items:center}.visual-analysis-head{background:#eef4f9;color:#38566f;font-size:7px;font-weight:900}.visual-analysis-head span{padding:8px 5px;border-right:1px solid #dce6ee}.visual-analysis-row{min-height:42px;border-top:1px solid #e8eef3}.visual-analysis-row>b{padding-left:8px;font-size:8px;color:#244966}.visual-analysis-row>.result-pictogram{justify-self:center}.visual-analysis-row>.visual-result-strip{padding:5px}
.ticket-picture-tabs{display:flex;gap:5px;margin:8px 0;flex-wrap:wrap}.ticket-picture-tabs button{border:1px solid #cbd9e6;background:#fff;border-radius:6px;padding:7px 13px;font-size:8px;font-weight:900;color:#36536c;cursor:pointer}.ticket-picture-tabs button.active{background:#0b71d1;color:#fff;border-color:#0b71d1}
.picture-group-list{display:flex;flex-direction:column;gap:7px}.picture-group{display:grid;grid-template-columns:100px 1fr;border:1px solid #dce6ef;border-radius:7px;overflow:hidden}.picture-group-name{background:#f3f7fb;padding:9px;display:flex;flex-direction:column;justify-content:center}.picture-group-name b{color:#173e63;font-size:12px}.picture-group-name small{font-size:7px;color:#71869a}.picture-group-tracks{padding:7px 9px}.picture-group-tracks label{display:grid;grid-template-columns:90px 1fr;align-items:center;margin:3px 0;font-size:7px;color:#526c83}.picture-group-tracks label>span{display:flex;gap:3px;flex-wrap:wrap}
.round-focus-card{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid #dce6ef;border-radius:7px;overflow:hidden;margin:8px 0}.round-focus-card>div{min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-right:1px solid #e5ebf1}.round-focus-card>div:last-child{border:0}.round-focus-card small{font-size:7px;color:#71869a}.round-focus-card b{font-size:14px;color:#173f64}
.pattern-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.pattern-category-grid section{border:1px solid #dce6ef;border-radius:7px;background:#fff;padding:10px}.pattern-category-grid h3{font-size:9px;color:#193f62;margin:0 0 7px}.pattern-track{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
.pattern-result-list{display:flex;flex-direction:column;gap:7px}.pattern-result-card{border:1px solid #dce6ef;border-radius:7px;padding:9px;background:#fbfdff}.pattern-result-card>div{display:flex;justify-content:space-between;margin-bottom:6px}.pattern-result-card>div small{font-size:7px;color:#6d8396}.pattern-result-card>div b{font-size:9px;color:#183f63}.pattern-result-card label{display:grid;grid-template-columns:90px 1fr;align-items:center;font-size:7px;color:#587188;margin:4px 0}.pattern-result-card label .pattern-track{display:flex}
.line-count{font-size:8px;font-weight:900;color:#234967;margin-left:6px}
.ladder-board{width:300px;height:245px;margin:0 auto;position:relative;background:#082d54;border:2px solid #2f7bb8;border-radius:12px;box-shadow:inset 0 0 25px #0006,0 0 35px #1ca8ff30}.ladder-rail{position:absolute;top:40px;bottom:30px;width:5px;background:#e6f5ff;border-radius:5px}.ladder-rail.left{left:85px}.ladder-rail.right{right:85px}.ladder-bars{position:absolute;inset:0}.ladder-bars i{position:absolute;left:87px;right:87px;height:5px;background:#58c5ff;border-radius:5px}.ladder-start{position:absolute;top:10px;color:#fff;font-size:10px;font-weight:900}.ladder-start.l{left:78px}.ladder-start.r{right:78px}.ladder-runner{position:absolute;top:34px;color:#ffdb45;font-size:20px;text-shadow:0 0 9px #ffd84a;animation:ladderPulse 1s ease-in-out infinite}.ladder-runner.from-left{left:79px}.ladder-runner.from-right{right:79px}@keyframes ladderPulse{50%{transform:scale(1.35);opacity:.7}}
.ladder-outcome{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:7px;color:#d5e9f9}.ladder-outcome span{font-size:8px}.ladder-outcome b{color:#fff}
@media(max-width:900px){
 .self-result-summary{grid-template-columns:repeat(3,1fr)}.visual-history-row{grid-template-columns:60px 1fr}.visual-history-row>.visual-result-strip{grid-column:1/-1}
 .visual-analysis-head{display:none}.visual-analysis-row{grid-template-columns:55px repeat(5,1fr);gap:2px;padding:6px}.visual-analysis-row>.visual-result-strip{grid-column:1/-1}
 .round-focus-card{grid-template-columns:repeat(3,1fr)}.pattern-category-grid,.analysis-visual-summary{grid-template-columns:1fr}.picture-group{grid-template-columns:75px 1fr}
}
@media(max-width:600px){
 .self-broadcast-head{align-items:flex-start}.machine-orbit{width:210px;height:210px}.machine-center{inset:65px}.self-broadcast-stage{min-height:340px}
 .self-result-summary{grid-template-columns:repeat(2,1fr)}.picture-group{grid-template-columns:1fr}.picture-group-tracks label,.pattern-result-card label{grid-template-columns:78px 1fr}
}


/* ===== 5분 추첨 애니메이션 / 중계 하단 분석메뉴 ===== */
.broadcast-only-tabs{margin-bottom:8px}
.broadcast-analysis-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}
.broadcast-analysis-nav button{border:1px solid #cbd9e6;border-radius:7px;background:#fff;color:#1e476b;padding:11px 8px;font-size:9px;font-weight:900;cursor:pointer;box-shadow:0 2px 6px #183f6410}
.broadcast-analysis-nav button:hover{background:#eaf5ff;border-color:#75b7ee;color:#0875d1}

/* ===== 동행랜덤볼 7종 분석 탭 / 그림형 분석 ===== */
.random-analysis-menu{margin:9px 0;background:#fff;border:1px solid #cfd7df;box-shadow:0 2px 8px rgba(15,65,100,.05);overflow:hidden}
.random-analysis-tabs{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));overflow-x:auto;background:#f7f7f7;border-bottom:1px solid #d5d5d5}
.random-analysis-tabs button{min-height:58px;border:0;border-right:1px solid #dedede;background:#f7f7f7;color:#555;padding:10px 6px;font-size:12px!important;font-weight:700;white-space:nowrap;cursor:pointer}
.random-analysis-tabs button:last-child{border-right:0}
.random-analysis-tabs button:hover{background:#edf8fc;color:#087fae}
.random-analysis-tabs button.active{background:#20a8d3;color:#fff;font-weight:900;box-shadow:inset 0 -3px 0 #0789b5}
.random-analysis-status{min-height:48px;display:flex;align-items:center;gap:5px;padding:9px 12px;color:#4a4f55;font-size:11px;border-top:1px solid #f4f4f4;position:relative}
.random-analysis-status>span{font-weight:800;color:#4c555d}
.random-analysis-status .random-status-clock{color:#f04444;font-size:17px;line-height:1;margin-left:2px}
.random-analysis-status>strong{color:#222;font-size:13px}
.random-analysis-status>em{font-style:normal;color:#ed3c3c;font-weight:900;font-variant-numeric:tabular-nums}
.random-analysis-status>small{margin-left:auto;color:#56636e;font-size:10px;font-weight:700;white-space:nowrap}
.random-range-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0 12px;border-bottom:1px solid #e1e7ec}
.random-range-selector>span{font-size:11px;color:#4c6277;font-weight:900;margin-right:3px}
.random-range-selector button{border:1px solid #cbd8e4;background:#fff;color:#405a72;border-radius:5px;padding:7px 10px;font-size:10px!important;cursor:pointer}
.random-range-selector button.active{background:#20a8d3;border-color:#168fb8;color:#fff;font-weight:900}
.random-pick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:11px 0}
.random-pick-grid article{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9e2e9;background:#fbfdff;border-radius:7px;padding:10px;text-align:center}
.random-pick-grid small{color:#526a7e;font-size:9px;font-weight:800}
.random-pick-grid i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:8px 0 5px;color:#fff;font-size:11px;font-style:normal;font-weight:900;box-shadow:0 3px 8px rgba(21,55,82,.18)}
.random-pick-grid i.blue{background:#1ca4d9}.random-pick-grid i.red{background:#ed2e36}.random-pick-grid i.purple{background:#9d4ad1}.random-pick-grid i.orange{background:#e99a28}.random-pick-grid i.green{background:#34a46f}.random-pick-grid i.violet{background:#9a49ca}.random-pick-grid i.gray{background:#707070}
.random-pick-grid b{font-size:16px;color:#173f63}.random-pick-grid span{font-size:8px;color:#768a9b}
.random-pick-note{padding:9px 11px;background:#fff8df;border:1px solid #efdda0;color:#685510;border-radius:5px;font-size:9px;line-height:1.55}
@media(max-width:760px){
 .random-analysis-tabs{grid-template-columns:repeat(7,minmax(105px,1fr))}
 .random-analysis-tabs button{min-height:50px;font-size:11px!important}
 .random-analysis-status{align-items:flex-start;flex-wrap:wrap;padding-right:10px}
 .random-analysis-status>small{width:100%;margin-left:0}
 .random-pick-grid{grid-template-columns:repeat(2,1fr)}
}
.ball-ejection-tray{min-height:58px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;perspective:600px}
.eject-ball{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;border:2px solid #ffffffb0;box-shadow:0 7px 13px #0006,inset 0 0 0 2px #0001;opacity:0;transform:translateY(-110px) scale(.25) rotate(-160deg);pointer-events:none}
.eject-ball.visible{opacity:1;transform:translateY(0) scale(1) rotate(0);transition:opacity .18s ease,transform .72s cubic-bezier(.17,.89,.32,1.35)}
.eject-ball.fresh-pop{animation:resultBallBounce .85s cubic-bezier(.18,.89,.28,1.4)}
.eject-ball.normal.n0{background:linear-gradient(145deg,#2f9cff,#1263bf)}
.eject-ball.normal.n1{background:linear-gradient(145deg,#ffd54b,#dca500);color:#573d00}
.eject-ball.normal.n2{background:linear-gradient(145deg,#42c487,#188659)}
.eject-ball.normal.n3{background:linear-gradient(145deg,#a97cf2,#6943bd)}
.eject-ball.normal.n4{background:linear-gradient(145deg,#ff7d72,#d44843)}
.eject-ball.power{width:48px;height:48px;background:linear-gradient(145deg,#fb4d5a,#b5112d)}
@keyframes resultBallBounce{
 0%{opacity:0;transform:translateY(-135px) scale(.18) rotate(-220deg)}
 55%{opacity:1;transform:translateY(12px) scale(1.16) rotate(10deg)}
 74%{transform:translateY(-8px) scale(.96) rotate(-3deg)}
 100%{transform:translateY(0) scale(1) rotate(0)}
}
.machine-result{min-height:90px}
.self-ballset.small .draw-ball{width:27px;height:27px;font-size:8px}
.self-ballset.small .draw-ball.power{width:31px;height:31px}
.visual-history-row.ladder-row{grid-template-columns:70px 1fr}
.ladder-analysis-head,.ladder-analysis-row{grid-template-columns:80px 90px 90px 90px minmax(180px,1fr)!important}
.ladder-focus{grid-template-columns:repeat(4,1fr)!important}
.ladder-outcome.drawing{animation:ladderGlow 1s ease-in-out infinite}
@keyframes ladderGlow{50%{filter:brightness(1.35)}}
@media(max-width:700px){
 .broadcast-analysis-nav{grid-template-columns:1fr 1fr 1fr}
 .broadcast-analysis-nav button{padding:9px 4px;font-size:8px}
 .eject-ball{width:35px;height:35px}.eject-ball.power{width:40px;height:40px}
 .ladder-analysis-head{display:none!important}.ladder-analysis-row{grid-template-columns:55px repeat(3,1fr)!important}
 .ladder-analysis-row .visual-result-strip{grid-column:1/-1}
}


/* ===== 구독 / 쌀50 선물 / EXP상품 ===== */
.quick-gift-menu{width:260px}
.quick-gift-menu .nickname-action-block{border-top:1px solid #e7edf3;padding-top:8px;margin-top:7px}
.quick-gift-menu .nickname-action-block>b{display:block;font-size:9px;color:#244966;margin-bottom:3px}
.quick-gift-menu .subscribe-btn{border-color:#b9d8f2;background:#eef7ff;color:#0871cb;margin-bottom:2px}
.quick-gift-menu .subscribe-btn[data-subscribed="1"]{background:#f3f6f9;color:#4f667b;border-color:#d5dfe8}
.quick-rice-row{display:grid;grid-template-columns:1fr 78px;gap:5px}
.quick-rice-row input{width:100%;border:1px solid #d2deea;border-radius:5px;padding:7px;color:#29465f;font-size:9px}
.quick-rice-row button{margin:0!important}
.subscription-counts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}
.subscription-counts>div{border:1px solid #dce6ef;border-radius:7px;background:#f9fcff;padding:10px}
.subscription-counts small{display:block;font-size:8px;color:#6b8094}.subscription-counts b{display:block;margin-top:3px;font-size:16px;color:#183f63}
.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.subscription-grid>div{border:1px solid #dce6ef;border-radius:7px;overflow:hidden}
.subscription-grid h4{margin:0;padding:8px 10px;background:#f3f7fb;border-bottom:1px solid #dce6ef;font-size:9px;color:#244863}
.subscriber-list{max-height:250px;overflow:auto}
.subscriber-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;padding:8px 9px;border-bottom:1px solid #edf1f5}
.subscriber-row:last-child{border-bottom:0}
.subscriber-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;border:1px solid #cce0f2}
.subscriber-row b{font-size:9px;color:#294b67}.subscriber-row small{font-size:7px;color:#7b8d9d}
.subscriber-unfollow{border:1px solid #d5e0e9;background:#fff;color:#526a7e;border-radius:5px;padding:5px 7px;font-size:7px;cursor:pointer}
.subscriber-empty{padding:18px;text-align:center;font-size:8px;color:#7a8ea0}
@media(max-width:700px){.subscription-grid,.subscription-counts{grid-template-columns:1fr}}


/* ===== 전체게임 세로 누적 결과 로드맵 / 스피드키노 ===== */
.official-source-links{display:flex;justify-content:flex-end;gap:6px;padding:7px 10px;border-top:1px solid #dfe7ef;background:#f9fbfd}.official-source-links a{border:1px solid #bfd7ea;background:#fff;color:#1674bb;border-radius:5px;padding:6px 9px;font-size:7px;font-weight:900;text-decoration:none}
.machine-chute{position:absolute;width:44px;height:82px;left:50%;bottom:-72px;transform:translateX(-50%);border:4px solid #4b89b6;border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(90deg,#082744,#16527e,#082744);z-index:5;box-shadow:0 7px 18px #0006}.machine-chute:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:64px;height:17px;background:#0c3458;border:3px solid #438bc0;border-radius:50%}.ball-ejection-tray{position:relative;z-index:10;padding-top:11px}.eject-ball.visible.fresh-pop{animation:shootOutBall .9s cubic-bezier(.15,.9,.32,1.4)}
@keyframes shootOutBall{0%{opacity:0;transform:translateY(-185px) scale(.18) rotate(-250deg)}45%{opacity:1;transform:translateY(18px) scale(1.22) rotate(24deg)}68%{transform:translateY(-13px) scale(.94) rotate(-8deg)}84%{transform:translateY(5px) scale(1.05) rotate(3deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
.speed-drum{width:290px;height:290px;border:8px solid #ffffff20;border-radius:50%;margin:0 auto;position:relative;background:radial-gradient(circle,#114c78,#062440 72%);box-shadow:0 0 42px #1aa7ff35,inset 0 0 32px #0008}.speed-orbit{position:absolute;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#163c5c;font-size:8px;font-style:normal;font-weight:900;border:2px solid #91c5e8;animation:floatBall 2s ease-in-out infinite}.speed-orbit.s0{left:18px;top:128px}.speed-orbit.s1{left:42px;top:61px}.speed-orbit.s2{left:92px;top:20px}.speed-orbit.s3{left:155px;top:16px}.speed-orbit.s4{right:40px;top:58px}.speed-orbit.s5{right:16px;top:126px}.speed-orbit.s6{right:41px;bottom:57px}.speed-orbit.s7{right:98px;bottom:18px}.speed-orbit.s8{left:75px;bottom:27px}.speed-center{inset:92px}.speed-ejection{max-width:740px;margin:auto;gap:5px}.eject-ball.speed{width:34px;height:34px;font-size:9px}.eject-ball.speed.k0,.speed-ball.k0{background:#e8504f}.eject-ball.speed.k1,.speed-ball.k1{background:#ef9b2d}.eject-ball.speed.k2,.speed-ball.k2{background:#e4c631;color:#514800}.eject-ball.speed.k3,.speed-ball.k3{background:#3da66d}.eject-ball.speed.k4,.speed-ball.k4{background:#2e8bc7}.eject-ball.speed.k5,.speed-ball.k5{background:#5d63c7}.eject-ball.speed.k6,.speed-ball.k6{background:#9857b5}.speed-ballset{display:flex;gap:4px;flex-wrap:wrap}.speed-ball{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900;border:1px solid #fff8;box-shadow:0 2px 5px #0003}
.road-result-card{margin-top:9px;background:#fff;border:1px solid #cfd7df;overflow:hidden}.road-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);overflow-x:auto;border-bottom:1px solid #cfd7df;background:#f5f5f5}.road-tabs button{min-height:48px;border:0;border-right:1px solid #d5d5d5;background:#f5f5f5;color:#5c5c5c;font-size:9px;cursor:pointer;white-space:nowrap}.road-tabs button.active{background:#fff;color:#e3252f;font-weight:900;border-bottom:2px solid #e3252f}.road-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:11px 13px;border-bottom:1px solid #d7dde2}.road-stat{display:inline-flex;align-items:center;gap:5px;font-size:8px}.road-stat i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900;font-size:10px}.road-stat b{font-size:10px;color:#3d4a55}.road-stat small{font-size:7px;color:#7b858d}.road-stat.blue i,.road-dot.blue{background:#1ca4d9}.road-stat.red i,.road-dot.red{background:#ed2e36}.road-stat.purple i,.road-dot.purple{background:#9d4ad1}.road-stat.orange i,.road-dot.orange{background:#e99a28}.road-stat.green i,.road-dot.green{background:#34a46f}.road-stat.violet i,.road-dot.violet{background:#9a49ca}.road-stat.gray i,.road-dot.gray{background:#707070}.road-map-wrap{width:100%;overflow-x:auto;overflow-y:hidden;background:#fff}.road-map{min-width:max-content;height:300px;display:flex;align-items:flex-start;padding:0 8px 34px;background-image:linear-gradient(#e4e4e4 1px,transparent 1px),linear-gradient(90deg,#e4e4e4 1px,transparent 1px);background-size:40px 40px;background-position:8px 0}.road-map.road-map-deep{height:820px}.road-col{width:40px;min-width:40px;display:flex;flex-direction:column;align-items:center;position:relative;padding-top:5px}.road-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900;border:1px solid #fff;box-shadow:0 1px 3px #0002;margin-bottom:10px}.road-col>small{position:absolute;top:278px;width:40px;text-align:center;color:#888;font-size:7px}.road-map-deep .road-col>small{top:808px}.road-footer{height:36px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ddd;background:#fafafa;font-size:7px;color:#777}.result-pictogram.road-blue{color:#188cc4;background:#eefaff;border-color:#9cd8f1}.result-pictogram.road-red{color:#db343d;background:#fff1f2;border-color:#f2b7bb}.result-pictogram.road-purple{color:#9450bf;background:#faf2ff;border-color:#ddc3ed}.result-pictogram.road-orange{color:#d98819;background:#fff7e9;border-color:#efd3a7}.result-pictogram.road-green{color:#288e61;background:#effbf5;border-color:#bce4d1}.result-pictogram.road-violet{color:#8f4bbe;background:#f8f1fc;border-color:#ddc6eb}.result-pictogram.road-gray{color:#606d79;background:#f2f5f7;border-color:#d1dae1}
@media(max-width:700px){.speed-drum{width:230px;height:230px}.speed-center{inset:72px}.eject-ball.speed{width:29px;height:29px}.road-map{height:270px;background-size:36px 36px}.road-map.road-map-deep{height:740px}.road-col{width:36px;min-width:36px}.road-dot{width:27px;height:27px;margin-bottom:9px}.road-col>small{top:248px;width:36px}.road-map-deep .road-col>small{top:728px}}


/* ===== 2026-08 메인 재배치 / 상단 서비스메뉴 / 좌측 대형 채팅 ===== */
.service-strip{background:#0a315e;border-bottom:1px solid #08294e;position:relative;z-index:20}
.service-strip-inner{max-width:1880px;margin:auto;padding:6px 10px;display:flex;gap:6px;align-items:stretch;overflow-x:auto}
.service-menu-group{flex:none;display:flex;align-items:center;gap:2px;padding:3px 5px;border-right:1px solid #ffffff1c}
.service-menu-group>b{color:#8fc7f5;font-size:8px;margin-right:4px;white-space:nowrap}
.service-menu-group button{border:0;background:transparent;color:#fff;padding:6px 6px;border-radius:4px;font-size:8px;cursor:pointer;white-space:nowrap}
.service-menu-group button:hover{background:#ffffff18;color:#8fd1ff}

/* ===== 2차 가로 메뉴를 세로형 드롭다운으로 변경 ===== */
.topnav{overflow:visible!important;align-items:center}
.topnav-dropdown{position:relative;display:flex;align-items:center;flex:none}
.topnav-dropdown .topnav-main{padding-right:3px!important}
.topnav-toggle{border:0!important;background:transparent!important;color:#70859a!important;padding:10px 4px 10px 1px!important;font-size:10px!important;cursor:pointer}
.topnav-dropdown-menu{display:none;position:absolute;left:0;top:calc(100% + 16px);z-index:80;width:190px;padding:8px 0;background:linear-gradient(180deg,#159bd0 0%,#04abd2 100%);border:1px solid #078db9;border-radius:0 0 4px 4px;box-shadow:0 12px 24px rgba(4,42,72,.24)}
.topnav-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.topnav-dropdown-menu button{display:block!important;width:100%;padding:13px 22px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-align:left;font-size:13px!important;font-weight:800!important;letter-spacing:-.3px;cursor:pointer}
.topnav-dropdown-menu button:hover,.topnav-dropdown-menu button:focus{background:rgba(0,77,132,.22)!important;color:#fff!important;outline:0}
.topnav-dropdown:hover .topnav-dropdown-menu,.topnav-dropdown:focus-within .topnav-dropdown-menu,.topnav-dropdown.open .topnav-dropdown-menu{display:block}
.topnav-dropdown:hover .topnav-main,.topnav-dropdown:focus-within .topnav-main,.topnav-dropdown.open .topnav-main{background:#eaf4ff;color:#0877df}

@media(max-width:850px){
 .topnav{overflow-x:auto!important;overflow-y:visible!important;padding-bottom:2px}
 .topnav-dropdown-menu{position:fixed;left:10px;right:10px;top:118px;width:auto;border-radius:5px}
 .topnav-dropdown-menu button{padding:12px 18px!important}
}

/* ===== v4010 회원정보 핵심 글자 선명 확대 =====
   카드의 가로·세로 크기는 유지하고, 요청한 회원 정보 항목만 마지막 규칙으로 확대한다. */
html body .login-card.member-info-card .member-info-name b{
 color:#0b2d4c!important;font-size:23px!important;line-height:1.28!important;
 font-weight:1000!important;letter-spacing:-.35px!important;text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-info-tabs button{
 color:#173d5e!important;font-size:17px!important;line-height:1.25!important;
 font-weight:1000!important;letter-spacing:-.3px!important;text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-wallet b{
 color:#123957!important;font-size:16px!important;line-height:1.2!important;
 font-weight:1000!important;letter-spacing:-.2px!important;text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-item-summary{
 color:#123957!important;font-size:15px!important;line-height:1.48!important;
 font-weight:950!important;letter-spacing:-.25px!important;text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-info-actions button{
 color:#153d5c!important;font-size:15px!important;line-height:1.25!important;
 font-weight:1000!important;letter-spacing:-.3px!important;text-rendering:optimizeLegibility!important
}

/* ===== v4011 랭킹 대기실 폭 축소 =====
   좌측 랭킹의 불필요한 여백을 없애고 카드·프로필만 컴팩트하게 유지한다. */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  width:132px!important;min-width:132px!important;max-width:132px!important;
  padding:6px 0!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links,
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  width:124px!important;max-width:124px!important;margin-left:auto!important;margin-right:auto!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  gap:4px!important;padding:6px 0 10px!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:86px!important;min-width:86px!important;max-width:86px!important;
  height:94px!important;min-height:94px!important;padding:15px 2px 4px!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:62px!important;height:62px!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
  font-size:7px!important;line-height:1.05!important
 }
}

/* ===== 2026-08-13 일반회원 방장 쌀 선물 패널 ===== */
html body .room-member-gift-panel{
 width:100%!important;box-sizing:border-box!important;padding:10px!important;
 border:2px solid #e2bd54!important;background:linear-gradient(180deg,#fffdf3,#fff6d8)!important
}
html body .room-member-gift-head{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;color:#684d08!important}
html body .room-member-gift-head>span{font-size:24px!important}
html body .room-member-gift-head b,html body .room-member-gift-head small{display:block!important}
html body .room-member-gift-head b{font-size:14px!important;font-weight:950!important}
html body .room-member-gift-head small{margin-top:2px!important;font-size:9px!important;color:#8b731f!important}
html body .room-member-gift-buttons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
html body .room-member-gift-buttons button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
 min-width:0!important;min-height:72px!important;padding:5px!important;border:1px solid #e2bd54!important;
 border-radius:9px!important;background:#fff!important;color:#674a00!important;cursor:pointer!important;box-shadow:0 2px 6px #8c6c1618!important
}
html body .room-member-gift-buttons button:hover{transform:translateY(-1px)!important;background:#fff9d9!important;border-color:#c8991b!important}
html body .room-member-gift-buttons button:disabled{opacity:.5!important;transform:none!important}
html body .room-member-gift-buttons img{width:54px!important;height:54px!important;object-fit:contain!important;flex:none!important}
html body .room-member-gift-buttons span,html body .room-member-gift-buttons b,html body .room-member-gift-buttons small{display:block!important}
html body .room-member-gift-buttons b{font-size:11px!important;font-weight:950!important;white-space:nowrap!important}
html body .room-member-gift-buttons small{font-size:8px!important;color:#90762b!important;white-space:nowrap!important}
html body .room-member-gift-custom{display:grid!important;grid-template-columns:minmax(130px,1fr) 170px!important;gap:7px!important;margin-top:8px!important}
html body .room-member-gift-custom input{min-width:0!important;height:42px!important;border:1px solid #d6b34a!important;border-radius:7px!important;padding:7px 10px!important;font-size:13px!important;color:#4c3b09!important}
html body .room-member-gift-custom button{border:0!important;border-radius:7px!important;background:#d99c05!important;color:#fff!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important}
html body .room-member-gift-custom button small{font-size:8px!important;color:#fff6cc!important}
html body .room-member-gift-panel>p{margin:6px 0 0!important;font-size:8px!important;color:#8a732d!important}

/* 100쌀 이상 동행넷 실시간채팅 선물 이미지 카드 */
html body .realtime-rice-gift-card{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:stretch!important;padding:0!important;margin:7px 0!important;border:1px solid #8ec7eb!important;border-radius:10px!important;background:#f8fcff!important;overflow:hidden!important;box-shadow:0 4px 13px #145f9620!important}
html body .realtime-rice-gift-visual{position:relative!important;display:grid!important;place-items:center!important;min-height:82px!important;padding:6px!important;background:linear-gradient(145deg,#e9f6ff,#fff9dc)!important;border-right:1px solid #c5e1f2!important}
html body .realtime-rice-gift-visual img{width:70px!important;height:70px!important;object-fit:contain!important;filter:drop-shadow(0 4px 4px #163f5e25)!important}
html body .realtime-rice-gift-visual>span{position:absolute!important;top:5px!important;right:5px!important;z-index:2!important;display:grid!important;place-items:center!important;min-width:28px!important;height:28px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;background:#0b5f9c!important;color:#fff!important;font-size:9px!important;font-weight:950!important;box-shadow:0 2px 5px #173f6350!important}
html body .realtime-rice-gift-card>p{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px!important;margin:0!important;padding:10px!important;background:linear-gradient(135deg,#0c4776,#087db7)!important;color:#dcefff!important;text-align:center!important;font-size:10px!important;line-height:1.55!important;font-weight:850!important}
html body .realtime-rice-gift-card>p b{color:#ffe36a!important}.realtime-rice-gift-card>p strong{color:#fff!important}.realtime-rice-gift-card>p em{color:#fff0a3!important;font-style:normal!important;font-weight:950!important}
html body .rice-gift-notice-toast{position:fixed!important;right:18px!important;bottom:18px!important;z-index:20050!important;display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;width:min(390px,calc(100vw - 28px))!important;padding:10px!important;border:1px solid #7ebae2!important;border-radius:12px!important;background:linear-gradient(135deg,#f8fcff,#eef8ff)!important;box-shadow:0 12px 32px #123e5e45!important;color:#163e5f!important;animation:riceGiftNoticeIn .25s ease-out!important}
html body .rice-gift-notice-toast>img{width:74px!important;height:74px!important;object-fit:contain!important;filter:drop-shadow(0 4px 5px #23445d30)!important}
html body .rice-gift-notice-toast>div{display:grid!important;gap:4px!important;padding-right:16px!important}.rice-gift-notice-toast small{color:#1184c5!important;font-size:9px!important;font-weight:950!important}.rice-gift-notice-toast b{font-size:12px!important;line-height:1.45!important}.rice-gift-notice-toast em{color:#e09b00!important;font-style:normal!important}.rice-gift-notice-toast span{color:#72889a!important;font-size:9px!important}.rice-gift-notice-toast>button{position:absolute!important;right:7px!important;top:6px!important;border:0!important;background:transparent!important;color:#6c8497!important;font-size:19px!important;cursor:pointer!important}
@keyframes riceGiftNoticeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:850px){
 html body .room-member-gift-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body .room-member-gift-buttons button{min-height:76px!important;flex-direction:column!important;gap:1px!important}
 html body .room-member-gift-buttons img{width:48px!important;height:48px!important}
 html body .room-member-gift-custom{grid-template-columns:1fr 135px!important}
 html body .realtime-rice-gift-card{grid-template-columns:68px minmax(0,1fr)!important}
 html body .realtime-rice-gift-visual{min-height:68px!important}
 html body .realtime-rice-gift-visual img{width:58px!important;height:58px!important}
 html body .rice-gift-notice-toast{right:14px!important;bottom:14px!important;grid-template-columns:66px minmax(0,1fr)!important}.rice-gift-notice-toast>img{width:60px!important;height:60px!important}
}

/* 최종 우선순위: 모바일 채팅창 본문 공간 및 접기/펼치기 */
@media(max-width:800px){
 html body .member-room-split.member-room-popup{font-size:10px!important}
 html body .member-room-split.member-room-popup .member-room-top{padding:6px 7px!important;gap:4px!important}
 html body .member-room-split.member-room-popup .member-room-title b{font-size:12px!important}
 html body .member-room-split.member-room-popup .member-room-title small{font-size:7px!important}
 html body .member-room-split.member-room-popup .room-header-pick-stats b{font-size:7px!important}
 html body .member-room-split.member-room-popup .room-header-pick-stats strong,
 html body .member-room-split.member-room-popup .room-header-pick-stats em,
 html body .member-room-split.member-room-popup .room-header-pick-stats i{font-size:8px!important}
 html body .member-room-split.member-room-popup .room-owner-live-score small,
 html body .member-room-split.member-room-popup .room-result-with-timers small{font-size:8px!important}
 html body .member-room-split.member-room-popup .room-owner-live-score b,
 html body .member-room-split.member-room-popup .room-result-with-timers b{font-size:13px!important}
 html body .member-room-split.member-room-popup .member-room-top-tools button{min-height:39px!important;height:39px!important;font-size:9px!important}
 html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{
  grid-template-columns:1fr 1fr!important;min-height:118px!important
 }
 html body .member-room-split.member-room-popup .room-daily-medals{
  grid-column:1/-1!important;grid-row:2!important;min-height:46px!important;margin:0 5px 5px!important;
  flex-direction:row!important;justify-content:space-between!important
 }
 html body .member-room-split.member-room-popup .room-result-with-timers .room-result-until,
 html body .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown{min-height:54px!important;padding:4px!important}
 html body .member-room-split.member-room-popup .member-room-notice{display:flex!important;min-height:36px!important;padding:5px 8px!important;font-size:8px!important;line-height:1.35!important}
 html body .member-room-split.member-room-popup #memberRoomNoticeToggle{display:block!important;flex:none!important}
 html body .member-room-split.member-room-popup .member-room-notice.collapsed{min-height:31px!important;padding-block:3px!important}
 html body .member-room-split.member-room-popup .member-room-notice.collapsed em{display:none!important}
 html body .member-room-split.member-room-popup .member-room-messages{flex:1 1 48dvh!important;height:48dvh!important;min-height:310px!important;max-height:62dvh!important;padding:6px!important}
 html body .member-room-split.member-room-popup .member-room-messages .message{padding:5px 2px!important}
 html body .member-room-split.member-room-popup .room-system-message{font-size:9px!important;line-height:1.4!important}
 html body .member-room-split.member-room-popup .room-result-chat-value{width:27px!important;height:27px!important;font-size:9px!important}
 html body .member-room-split.member-room-popup .room-pick-once-notice{padding:4px 7px!important;font-size:8px!important}
 html body .member-room-split.member-room-popup .room-pick-once-notice b{font-size:9px!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-toggle{min-height:38px!important;margin:4px 7px!important;font-size:10px!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-toggle>span,
 html body .member-room-split.member-room-popup .mobile-room-pick-toggle>b{font-size:10px!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-drawer:not(.open){display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
 html body .member-room-split.member-room-popup .member-room-compose{padding:6px!important}
 html body .member-room-split.member-room-popup .member-room-compose input{height:38px!important;font-size:11px!important}
 html body .member-room-split.member-room-popup .member-room-compose button{width:44px!important}
 html body .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important;gap:3px!important}
 html body .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools button{grid-column:auto!important;min-height:30px!important;padding:2px!important;font-size:7px!important}
}

.shell{max-width:1900px!important;grid-template-columns:535px minmax(640px,1fr) 260px!important;gap:10px!important;align-items:start}
.leftcol{display:grid;grid-template-columns:210px minmax(305px,1fr);grid-template-rows:auto auto;gap:8px;align-items:start}
.leftcol>.room-rank-card{grid-column:1;grid-row:1 / span 2;margin:0;min-height:610px}
.leftcol>.login-card{grid-column:2;grid-row:1;margin:0}
.leftcol>.chat-card{grid-column:2;grid-row:2;margin:0}
.chat-card{padding:10px!important}
.mini-chat{height:505px!important;min-height:505px!important}
.chat-login-lock{min-height:475px!important}
.room-rank-card #roomRankList .room-rank-row{grid-template-columns:20px 1fr!important}
.room-rank-card #roomRankList .room-rank-row>div:last-child{grid-column:2;padding-left:1px;margin-top:2px}
.rightcol{display:flex;flex-direction:column;gap:9px}
.banner-slot{min-height:180px;border:1px dashed #9eb7ce;border-radius:8px;background:linear-gradient(145deg,#fff,#f0f6fb);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#758ca1;padding:12px}
.banner-slot-large{min-height:250px}
.banner-slot span{font-size:8px;color:#0f7bd5;font-weight:900}.banner-slot b{font-size:12px;color:#3c5871;margin:5px}.banner-slot small{font-size:7px}
.home-ranking-zone{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.home-rank-card{background:#fff;border:1px solid #cfddec;border-radius:9px;padding:10px;box-shadow:0 3px 12px #173e6310;min-height:315px}
.home-rank-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e4ebf2}
.home-rank-head h2{margin:0;color:#173f65;font-size:12px}.home-rank-head span,.home-rank-head button{font-size:8px;color:#0878dc;border:0;background:none;cursor:pointer}
.home-rank-card .rank-row-small,.home-rank-card .room-rank-row{padding:12px 3px;font-size:9px}
.home-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.home-quick-links button{border:1px solid #d5e1ec;background:#fff;border-radius:8px;padding:11px;text-align:left;cursor:pointer}
.home-quick-links button:hover{background:#eef7ff;border-color:#9ac7ee}.home-quick-links b{display:block;color:#173f65;font-size:10px}.home-quick-links span{display:block;color:#70869a;font-size:7px;margin-top:4px}
.home-community-grid{margin-top:9px}
.multi-notice-list{display:flex;flex-direction:column;gap:4px;margin-top:5px}
.multi-notice-item{display:grid;grid-template-columns:18px 1fr auto;gap:5px;align-items:start;padding-top:4px;border-top:1px solid #ead78d}
.multi-notice-item i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#f1b52a;color:#fff;font-style:normal;font-size:7px}
.multi-notice-item span{font-size:8px;line-height:1.45}.multi-notice-item em{font-style:normal;font-size:7px;color:#8d6b00;white-space:nowrap}
.dual-price{display:flex;flex-direction:column;gap:2px;margin:5px 0 8px}.dual-price b{font-size:13px;color:#e6682c}.dual-price span{font-size:8px;color:#337bbb;font-weight:900}
.dual-buy{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dual-buy button{padding:8px 4px;border-radius:6px;font-size:8px;font-weight:900;cursor:pointer}
.point-buy{background:#eef6ff;color:#1d73c5;border:1px solid #9cc7eb}
.point-buy:hover{background:#dcedff}
@media(max-width:1500px){
 .shell{grid-template-columns:455px minmax(580px,1fr) 220px!important}
 .leftcol{grid-template-columns:180px minmax(255px,1fr)}
 .mini-chat{height:450px!important;min-height:450px!important}.leftcol>.room-rank-card{min-height:555px}
}
@media(max-width:1180px){
 .shell{grid-template-columns:320px minmax(560px,1fr)!important}.rightcol{display:none!important}
 .leftcol{display:block}.leftcol>.room-rank-card,.leftcol>.login-card,.leftcol>.chat-card{margin-bottom:8px;min-height:auto}
 .mini-chat{height:390px!important;min-height:390px!important}.home-ranking-zone{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
 .service-strip{position:static}.service-strip-inner{padding:5px}
 .shell{display:block!important}.leftcol{display:block!important}
 .home-ranking-zone,.home-quick-links{grid-template-columns:1fr!important}
 .mini-chat{height:340px!important;min-height:340px!important}
}


/* ===== 회원 개인채팅방 분할 화면 ===== */
:root{--member-room-width:46vw}
.member-room-split{
 position:fixed;z-index:120;right:0;top:0;width:var(--member-room-width);height:100vh;
 background:#f4f7fb;border-left:1px solid #aebfd0;box-shadow:-10px 0 28px #102c471f;
 transform:translateX(102%);transition:transform .22s ease,width .18s ease;overflow:hidden
}
.member-room-split.show{transform:translateX(0)}
.member-room-resizer{
 position:absolute;left:-5px;top:0;width:10px;height:100%;cursor:col-resize;z-index:5
}
.member-room-resizer:after{content:"";position:absolute;left:4px;top:0;width:2px;height:100%;background:#9fb7cc55}
body.member-room-resizing{user-select:none;cursor:col-resize}
body.member-room-split-open{margin-right:var(--member-room-width);transition:margin-right .22s ease}
body.member-room-split-open .shell{grid-template-columns:250px minmax(0,1fr)!important;max-width:none!important}
body.member-room-split-open .rightcol{display:none!important}
body.member-room-split-open .leftcol{display:block!important}
body.member-room-split-open .leftcol>.room-rank-card,
body.member-room-split-open .leftcol>.login-card,
body.member-room-split-open .leftcol>.chat-card{margin-bottom:8px;min-height:auto}
body.member-room-split-open .mini-chat{height:330px!important;min-height:330px!important}
body.member-room-split-open .service-strip-inner{max-width:none}
.member-room-top{
 height:64px;background:#082f5b;color:#fff;display:flex;align-items:center;justify-content:space-between;
 gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid #0d467f
}
.member-room-title{display:flex;align-items:center;gap:9px;min-width:0}
.member-room-game{flex:none;border:1px solid #67afe8;background:#ffffff13;color:#bfe1fb;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:900}
.member-room-title>div{min-width:0}.member-room-title b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-room-title small{display:block;margin-top:3px;color:#b9cfe2;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-room-window-actions{display:flex;gap:4px;flex:none}
.member-room-window-actions button{width:30px;height:30px;border:1px solid #ffffff2d;background:#ffffff10;color:#fff;border-radius:5px;cursor:pointer;font-size:13px}
.member-room-window-actions button:hover{background:#ffffff22}
.member-room-body{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:0}
.member-room-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:#fff}
.member-room-notice{padding:8px 10px;background:#fff7d8;border-bottom:1px solid #edd27b;color:#735d12;font-size:8px}
.member-room-notice{display:flex;align-items:center;justify-content:space-between;gap:8px}
.member-room-notice span{min-width:0}.member-room-notice em{font-style:normal}
.member-room-notice-actions{display:flex;align-items:center;gap:5px;flex:none}
.room-result-sound-toggle{border:1px solid #70a9d5;border-radius:6px;background:#fff;color:#155b91;padding:5px 8px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}
.room-result-sound-toggle.sound-off{border-color:#aebbc5;background:#eef2f5;color:#6d7f8d}
.youtube-sfx-dock{position:fixed;left:-10000px;top:0;width:200px;height:410px;overflow:hidden;pointer-events:none;z-index:-1}
.youtube-sfx-player{width:200px;height:200px}
#memberRoomNoticeToggle{display:none;border:1px solid #d6b84d;background:#fffdf1;color:#775d06;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}
.member-room-messages{height:auto!important;min-height:0!important;overflow-y:auto;padding:10px;background:#fbfdff}
.member-room-messages .message{padding:7px 4px;border-bottom:1px solid #edf2f6}
.member-room-messages .message b{font-size:9px}.member-room-messages .message p{font-size:10px;line-height:1.55;margin:4px 0 0}
.member-room-compose{padding:9px;border-top:1px solid #d9e3ec;background:#fff}
.member-room-compose input{height:40px;font-size:10px}
.member-room-compose button{width:46px}
.member-room-members{border-left:1px solid #d8e2eb;background:#f6f9fc;overflow:auto;padding:10px}
.member-room-side-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5ee;padding-bottom:8px;margin-bottom:5px}
.member-room-side-head b{font-size:10px;color:#173f63}.member-room-side-head span{font-size:7px;color:#70879b}
.member-room-user{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 2px;border-bottom:1px solid #e4ebf1}
.member-room-user span{font-size:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-room-user button{border:1px solid #d5e0e9;background:#fff;border-radius:5px;padding:4px 6px;cursor:pointer}
.member-room-tools{display:flex;flex-direction:column;gap:5px;margin-top:10px}
.room-owner-inline-tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;border:1px solid #9fc9e7;border-radius:10px;background:linear-gradient(180deg,#f8fcff,#eaf5fd)}
.room-owner-inline-tools button{min-height:38px;border:1px solid #77b6e5;border-radius:7px;background:#fff;color:#0b5f9c;font-size:10px;font-weight:950;cursor:pointer}
.room-owner-inline-tools button:hover{background:#e7f5ff}.room-owner-inline-tools button.active{background:#dcefff;border-color:#1684cf;color:#075184}
.room-chat-member-trigger{cursor:pointer;border-radius:5px}.room-chat-member-trigger:hover{background:#e7f4ff;box-shadow:0 0 0 3px #e7f4ff}
.room-member-manage-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.room-member-manage-actions button{min-height:38px;border:1px solid #9fc9e7;border-radius:7px;background:#eef8ff;color:#075b99;font-weight:900;cursor:pointer}.room-member-manage-actions button.danger{border-color:#f0a7ad;background:#fff0f1;color:#bd3140}
.room-kick-list-modal>p{color:#657d91;font-size:11px;line-height:1.5}.room-kick-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin-top:12px}.room-kick-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #d7e4ee;border-radius:8px;background:#f8fbfd}.room-kick-list span b,.room-kick-list span small{display:block}.room-kick-list span small{margin-top:3px;color:#8092a1;font-size:9px}.room-kick-list button{border:1px solid #e49ba2;border-radius:6px;background:#fff0f1;color:#b72e3c;padding:7px 10px;font-weight:900;cursor:pointer}.room-kick-list-empty{justify-content:center!important;color:#8193a2}
.room-size-owner-stack{display:flex;flex-direction:column;gap:6px;min-width:0}.room-size-owner-stack>.pick-half{width:100%;box-sizing:border-box}.room-size-owner-stack .room-owner-inline-tools{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:4px}.room-size-owner-stack .room-owner-inline-tools button{min-height:30px;padding:4px 3px;font-size:8px}
.member-room-restore{display:none}
.member-room-split.maximized{width:100vw!important;border-left:0}
body.member-room-maximized{overflow:hidden;margin-right:0!important}
.member-room-split.maximized .member-room-body{grid-template-columns:minmax(0,1fr) 240px}
.member-room-split.minimized{
 width:320px!important;height:52px;top:auto;bottom:18px;right:18px;border:1px solid #9eb5c9;border-radius:8px;
 box-shadow:0 8px 24px #173e6330;overflow:hidden
}
.member-room-split.minimized .member-room-resizer,
.member-room-split.minimized .member-room-top,
.member-room-split.minimized .member-room-body{display:none}
.member-room-split.minimized .member-room-restore{
 display:flex;width:100%;height:52px;border:0;background:#082f5b;color:#fff;align-items:center;
 justify-content:space-between;padding:0 14px;cursor:pointer
}
.member-room-restore b{font-size:9px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-room-restore span{font-size:8px;color:#9fd4ff}
body.member-room-minimized{margin-right:0!important}
@media(max-width:1250px){
 :root{--member-room-width:52vw}
 body.member-room-split-open .shell{grid-template-columns:minmax(0,1fr)!important}
 body.member-room-split-open .leftcol{display:none!important}
 .member-room-body{grid-template-columns:minmax(0,1fr) 165px}
}
@media(max-width:900px){
 body.member-room-split-open{margin-right:0!important;overflow:hidden}
 .member-room-split{width:100vw!important;height:100dvh;border-left:0}
 .member-room-resizer{display:none}
 .member-room-body{height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr)}
 .member-room-members{display:none}
 .member-room-split.minimized{width:calc(100vw - 24px)!important;right:12px;bottom:12px}
}


/* ===== 2026-08-12 대형 글자 / 좌측 확대 / 채팅대기실 리뉴얼 ===== */
html{font-size:16px}
body{font-size:14px;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-size:13px!important}
.topbar{min-height:66px!important}
.brand b{font-size:20px!important}.brand .brand-community{font-size:9px!important}.brand .brand-safety{font-size:6px!important}
.topnav button{font-size:13px!important;font-weight:800!important;padding:10px 11px!important}
.account-actions button{font-size:13px!important;padding:9px 14px!important}
.service-strip-inner{padding:8px 12px!important;gap:10px!important}
.service-menu-group>b{font-size:12px!important;font-weight:900!important}
.service-menu-group button{font-size:11px!important;font-weight:700!important;padding:8px 8px!important}
.card h3,.card-title h3{font-size:15px!important;font-weight:900!important;color:#102f4d!important}
.card-title span{font-size:11px!important}
.rule-note{font-size:11px!important;line-height:1.55!important}
.tiny-links{font-size:10px!important}
.login-card input{font-size:14px!important;padding:11px!important}
.member-info-name b{font-size:15px!important}.member-info-name small{font-size:10px!important}
.member-info-tabs button{font-size:12px!important;padding:12px 5px!important}
.member-wallet b{font-size:12px!important}.member-item-summary{font-size:11px!important}
.member-info-actions button{font-size:11px!important;padding:11px 4px!important}

.shell{max-width:2100px!important;grid-template-columns:760px minmax(650px,1fr) 285px!important;gap:13px!important}
.leftcol{grid-template-columns:245px minmax(480px,1fr)!important;gap:11px!important}
.leftcol>.room-rank-card{min-height:725px!important}
.leftcol>.login-card{min-height:215px}
.leftcol>.chat-card{min-height:500px;padding:13px!important}
.mini-chat{height:575px!important;min-height:575px!important;font-size:13px!important}
.chat-msg b{font-size:12px!important}.chat-msg p{font-size:13px!important;line-height:1.6!important}
.chat-compose input{font-size:13px!important;height:43px!important}
.hour-notice{font-size:11px!important;line-height:1.55!important}
.room-rank-row{padding:13px 6px!important;gap:8px!important}
.room-rank-row .n{font-size:12px!important;font-weight:900!important}
.running-room-main>b{display:block;font-size:12px!important;font-weight:900!important;color:#173e63!important;line-height:1.35}
.running-room-main small{display:block;font-size:10px!important;color:#566f85!important;margin-top:5px}
.running-room-meta{text-align:right}.running-room-meta b{display:block;font-size:11px!important;color:#0e568d!important}.running-room-meta small{font-size:9px!important;color:#73889a!important}
.empty-room-mini{padding:20px 8px;font-size:11px;color:#74899b;text-align:center}

.maincol{font-size:13px}
.page-title{font-size:22px!important}
.pagebox,.sectionbox{font-size:13px!important}
.boxhead h3{font-size:15px!important}.boxhead span{font-size:10px!important}
.table{font-size:12px!important}.table th,.table td{padding:10px 8px!important}
.profiletop h2{font-size:20px!important}.profile-oneline{font-size:13px!important}
.identity-card b{font-size:14px!important}.identity-card p{font-size:11px!important}
.profile-custom-card small,.profile-custom-card span{font-size:10px!important}.profile-custom-card b{font-size:13px!important}
.dist small{font-size:10px!important}.dist b{font-size:14px!important}
.grade b{font-size:11px!important}.grade small{font-size:9px!important}

/* 마이페이지 내아이템 바로사용 */
.my-item-use-section{scroll-margin-top:90px}
.owned-item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.owned-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px solid #d8e4ee;border-radius:8px;padding:12px;background:#fbfdff}
.owned-item>i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eef6ff;font-style:normal;font-size:20px}
.owned-item b{display:block;font-size:13px;color:#173f63}.owned-item small{display:block;font-size:10px;color:#6c8295;margin-top:2px}
.owned-use-btn{border:1px solid #8bbce5;background:#fff;color:#0872cd;border-radius:6px;padding:8px 11px;font-weight:900;cursor:pointer}
.owned-use-btn:hover{background:#eaf5ff}.owned-use-btn:disabled{opacity:.4;cursor:not-allowed}

/* 채팅색 3가지 */
.chat-color-help{font-size:12px!important;color:#536b80}
.chat-color-three{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}
.chat-color-choice{border:2px solid #d6e2ec!important;background:#fff!important;border-radius:9px;padding:13px!important;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}
.chat-color-choice.selected{border-color:#1687ed!important;box-shadow:0 0 0 3px #1687ed20}
.chat-color-choice i{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 7px #0003}
.chat-color-choice b{font-size:14px}.chat-color-choice span{font-size:12px;font-weight:900}

/* 새 채팅대기실 */
.lobby-shell{border:1px solid #cbd9e5;background:#fff;box-shadow:0 3px 13px #173d6310}
.lobby-top-notice{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#1175bf;color:#fff}
.lobby-top-notice b{font-size:14px;color:#ffe934}.lobby-top-notice span{font-size:12px}
.lobby-main-tabs{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#0866a7;border-bottom:1px solid #0c5b91}
.lobby-main-tabs>div{display:flex;gap:4px;flex-wrap:wrap}
.lobby-main-tabs button{border:0;background:transparent;color:#fff;padding:8px 11px;border-radius:4px;font-weight:900;cursor:pointer}
.lobby-main-tabs button.active{background:#ffe23a;color:#22405b}
.lobby-top-actions .outline{background:#fff!important;color:#195a8b!important}
.lobby-top-actions .blue{background:#083f74!important}
.lobby-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:600px}
.lobby-room-panel{border-right:1px solid #cad7e3}
.lobby-room-tools{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #d5e0ea;background:#f5f8fb}
.lobby-room-tools>b{font-size:14px;color:#173f63}
.lobby-room-tools button{border:0;background:transparent;color:#567188;font-weight:800;padding:6px 9px;cursor:pointer}
.lobby-room-tools button.active{color:#087ad8;border-bottom:2px solid #087ad8}
.modern-room-list{min-height:520px}
.modern-room-entry{display:grid;grid-template-columns:64px minmax(0,1fr) 90px 112px;gap:10px;align-items:center;padding:13px 12px;border-bottom:1px solid #dce4eb;background:#fff;cursor:pointer}
.modern-room-entry:hover{background:#f2f9ff}
.modern-room-icon{width:52px;height:52px;border-radius:8px;background:#edf3f8;display:grid;place-items:center;font-size:25px}
.room-line-one{display:flex;align-items:center;gap:8px;min-width:0}.room-line-one>b{font-size:14px;color:#243b50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-win-badge{flex:none;background:#e83d42;color:#fff;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:900}
.room-line-two{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;color:#6a7f90;font-size:10px}.rice-reward{color:#b47800!important;font-weight:900}
.modern-room-capacity{text-align:center}.modern-room-capacity b{display:block;font-size:14px;color:#0b64a8}.modern-room-capacity small{font-size:9px;color:#788a99}
.room-join-btn{border:1px solid #b9c7d3;background:#fff;color:#577086;padding:9px 7px;border-radius:4px;font-weight:900;cursor:pointer}
.modern-room-entry:hover .room-join-btn{border-color:#1689e8;color:#0875d3}
.waiting-member-panel{background:#f7f9fb;padding:10px}
.waiting-title{display:flex;justify-content:space-between;align-items:center;background:#0c6cab;color:#fff;padding:10px;border-radius:4px 4px 0 0}
.waiting-title b{font-size:14px}.waiting-title span{font-size:10px;color:#cde7f9}
.waiting-user{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8e2eb;border-top:0;padding:10px}
.waiting-user b{font-size:11px;color:#354f66;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-user .rank-badge{flex:none}
.online-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#28c478;box-shadow:0 0 0 3px #28c47822}
.waiting-help{margin-top:10px;padding:10px;background:#eef5fb;border-radius:5px;color:#61788d;font-size:10px;line-height:1.55}
.lobby-empty{padding:70px 20px;text-align:center;font-size:13px;color:#70879a}
.modern-room-create{margin:0!important;border:0!important;border-bottom:1px solid #cddbe6!important;background:#f7fbff!important}
.modern-room-create .title{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#e9f4fd}.modern-room-create .title b{font-size:15px;color:#164d78}.modern-room-create .title span{font-size:10px;color:#617d94}
.modern-room-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:13px}
.modern-room-form label{display:flex;flex-direction:column;gap:5px}.modern-room-form label>span{font-size:11px;font-weight:900;color:#34566f}
.modern-room-form input,.modern-room-form select{height:42px;border:1px solid #c8d8e5;border-radius:5px;padding:8px;background:#fff}
.room-reward-guide{margin:0 13px 10px;padding:9px 11px;border:1px solid #ead491;background:#fff9e6;color:#765e16;font-size:11px}
.room-create-options{padding:0 13px 10px;font-size:11px}.room-create-buttons{display:flex;justify-content:flex-end;gap:7px;padding:0 13px 13px}
.secret-room-info{font-size:12px!important;line-height:1.6;color:#60778b}

/* 글자 선명도 */
.room-rank-card,.login-card,.chat-card,.lobby-shell{color:#163a59}
.room-rank-card *,.login-card *,.chat-card *{text-shadow:none!important}
.room-rank-card b,.chat-card b,.login-card b{font-weight:800}

/* 분할 채팅도 큰 글자 */
.member-room-title b{font-size:16px!important}.member-room-title small{font-size:10px!important}
.member-room-notice{font-size:11px!important}
.member-room-messages .message b{font-size:12px!important}.member-room-messages .message p{font-size:13px!important}
.member-room-side-head b{font-size:13px!important}.member-room-user span{font-size:11px!important}

/* 좁은 화면 */
@media(max-width:1650px){
 .shell{grid-template-columns:660px minmax(600px,1fr) 240px!important}
 .leftcol{grid-template-columns:220px minmax(415px,1fr)!important}
 .mini-chat{height:520px!important;min-height:520px!important}
}
@media(max-width:1300px){
 .shell{grid-template-columns:520px minmax(560px,1fr)!important}
 .rightcol{display:none!important}
 .leftcol{grid-template-columns:190px minmax(310px,1fr)!important}
 .lobby-content-grid{grid-template-columns:minmax(0,1fr) 230px}
}
@media(max-width:980px){
 .shell{display:block!important}
 .leftcol{display:grid!important;grid-template-columns:1fr!important}
 .leftcol>.room-rank-card,.leftcol>.login-card,.leftcol>.chat-card{grid-column:1!important;grid-row:auto!important;min-height:auto!important;margin-bottom:9px}
 .mini-chat{height:400px!important;min-height:400px!important}
 .lobby-content-grid{grid-template-columns:1fr}.waiting-member-panel{display:none}
 .modern-room-form{grid-template-columns:1fr 1fr}
 .owned-item-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
 .modern-room-entry{grid-template-columns:48px minmax(0,1fr);gap:8px}
 .modern-room-capacity,.room-join-btn{grid-column:2}
 .modern-room-form{grid-template-columns:1fr}
 .chat-color-three{grid-template-columns:1fr}
}


/* ===== 개별 채팅대기실 / 개별 채팅방 화면 ===== */
body.member-room-split-open,
body.member-room-maximized,
body.member-room-minimized{margin-right:0!important;overflow:auto!important}
.member-room-split{display:none!important}
.standalone-room-page{background:#fff;border:1px solid #c9d7e4;min-height:760px}
.standalone-room-header{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0a3564;color:#fff;padding:16px 18px}
.standalone-room-header h1{font-size:20px;margin:5px 0}.standalone-room-header p{font-size:11px;color:#c5d8e8;margin:0}
.room-header-actions{display:flex;gap:7px;flex-wrap:wrap}.room-header-actions button{border:1px solid #7bb2dc;background:#fff;color:#154f7d;border-radius:6px;padding:9px 12px;font-weight:900;cursor:pointer}
.room-result-bar{display:grid;grid-template-columns:1fr 180px;border-bottom:1px solid #d9e3ec;background:#f6f9fc}
.room-result-bar>div{padding:11px 14px}.room-result-bar small{display:block;font-size:10px;color:#74889a}.room-result-bar b{font-size:14px;color:#183f62}
.room-hit-state{border-left:1px solid #d9e3ec;text-align:center}.room-hit-state.hit b{color:#138a4b}.room-hit-state.miss b{color:#d43e47}
.standalone-room-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:650px}
.standalone-chat-area{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;border-right:1px solid #d7e1e9}
.standalone-room-messages{min-height:440px!important;max-height:520px!important}
.standalone-members{display:block!important;position:static!important;width:auto!important;height:auto!important;border:0!important;padding:12px!important}
.room-pick-panel{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #d8e2eb;background:#f5f9fd}
.pick-group{display:flex;align-items:center;gap:4px}.pick-group>b{font-size:11px;color:#2b526f;margin-right:2px}.pick-group button{border:1px solid #b9cfe1;background:#fff;color:#315979;border-radius:5px;padding:7px 10px;font-weight:900;cursor:pointer}
.pick-group button.selected{background:#0c79d5;color:#fff;border-color:#0c79d5}
.pick-submit{margin-left:auto;border:0;background:#0b6fc8;color:#fff;border-radius:5px;padding:9px 13px;font-weight:900;cursor:pointer}
.room-system-message{margin:5px 0;padding:7px 9px;border-radius:6px;background:#eef5fb;color:#49677f;font-size:11px;text-align:center}
.room-system-message.join{background:#eefaf2;color:#267047}.room-system-message.leave{background:#fff6ec;color:#a56616}.room-system-message.kick{background:#fff0f0;color:#b93b43}.room-system-message.moderation{background:#f5f0ff;color:#7044a7}
.member-action-icons{display:flex;gap:4px}.member-action-icons button{border:1px solid #d0dce7;background:#fff;border-radius:5px;padding:5px 7px;cursor:pointer}
.member-clickable{cursor:pointer}.member-clickable:hover{background:#edf6ff}
@media(max-width:900px){
 .standalone-room-grid{grid-template-columns:1fr}.standalone-members{border-top:1px solid #d7e1e9!important}
 .room-result-bar{grid-template-columns:1fr}.room-hit-state{border-left:0;border-top:1px solid #d9e3ec}
}


/* ===== 운영중인 채팅방 바로가기 ===== */
.room-quick-links{
 display:grid;
 grid-template-columns:1fr;
 gap:7px;
 padding:10px 8px;
 background:#f7fbff;
 border-bottom:1px solid #dbe6ef
}
.room-quick-links button{
 width:100%;
 min-height:40px;
 padding:8px 9px;
 border-radius:6px;
 border:1px solid #8dbfe7;
 background:#fff;
 color:#086bb8;
 font-size:12px!important;
 font-weight:900;
 cursor:pointer;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.room-quick-links button:first-child{
 background:#0878d3;
 border-color:#0878d3;
 color:#fff
}
.room-quick-links button.active-room{
 background:#eaf6ff;
 color:#075d9c;
 border-color:#46a1e7
}
.room-quick-links button:disabled{
 background:#eef2f5;
 color:#9ba9b5;
 border-color:#d5dee6;
 cursor:not-allowed
}
.room-quick-links button:hover:not(:disabled){filter:brightness(.97)}


/* ===== 최신 통합 수정: 재입장 / 7색 / 효과음 / 게시판 ===== */
.live-sound-toggle{border:1px solid #65a9dc;background:#ffffff15;color:#fff;border-radius:5px;padding:5px 7px;font-size:9px!important;font-weight:900;cursor:pointer;margin-bottom:4px}
.chat-color-seven{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.room-result-mini{display:grid;grid-template-columns:1fr 125px;background:#f3f8fc;border-bottom:1px solid #d7e2eb}
.room-result-mini>div{padding:8px 10px}.room-result-mini small{display:block;font-size:8px;color:#71869a}.room-result-mini b{font-size:10px;color:#183f63}.room-result-mini .hit b,.member-pick-status.hit{color:#16864c!important}.room-result-mini .miss b,.member-pick-status.miss{color:#d53e46!important}
.room-pick-panel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border-top:1px solid #d7e2eb;background:#f7fbff}
.pick-group{display:flex;align-items:center;gap:3px}.pick-group>b{font-size:8px;color:#385b75}.pick-group button{border:1px solid #bdd2e3;background:#fff;color:#315979;border-radius:5px;padding:5px 7px;font-size:8px!important;font-weight:900;cursor:pointer}.pick-group button.selected{background:#0879d4;color:#fff;border-color:#0879d4}
.pick-submit{margin-left:auto;border:0;background:#0877d0;color:#fff;border-radius:5px;padding:7px 10px;font-size:8px!important;font-weight:900;cursor:pointer}
.room-system-message{margin:4px 0;padding:6px 7px;border-radius:5px;background:#eef5fb;color:#4d6b82;font-size:8px;text-align:center}.room-system-message.join{background:#edf9f1;color:#277047}.room-system-message.leave{background:#fff5e8;color:#986314}.room-system-message.kick{background:#fff0f1;color:#b83a44}.room-system-message.moderation{background:#f5efff;color:#6e43a5}
.member-action-icons{display:flex;gap:3px}.member-action-icons button{border:1px solid #d2dee8;background:#fff;border-radius:4px;padding:3px 4px;cursor:pointer}.member-clickable{cursor:pointer}.member-clickable:hover{background:#eef7ff}.member-pick-status{display:inline-block;margin-left:4px;font-style:normal;font-size:7px;font-weight:900;color:#8494a2}
.member-room-window-actions button:first-child{width:auto!important;padding:0 7px!important;font-size:8px!important}
.board-table .postrow{cursor:pointer}.board-table .postrow:hover{background:#f2f8fd}.post-detail-head p{color:#667d93;font-size:10px}.post-detail-body{min-height:260px;padding:15px 3px;font-size:13px;line-height:1.8;color:#29435a}.post-detail-actions{display:flex;gap:7px;justify-content:flex-end;border-top:1px solid #e0e8ef;padding-top:10px}.post-delete-btn{border:1px solid #e5a6aa;background:#fff3f4;color:#c93640;border-radius:5px;padding:7px 12px;font-weight:900;cursor:pointer}
#postContentInput{width:100%;box-sizing:border-box;border:1px solid #cbd9e5;border-radius:6px;padding:10px;min-height:260px;resize:vertical}
.board-image-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#e8f4ff;font-size:11px;vertical-align:middle}.post-image-editor{margin:10px 0;padding:10px;border:1px solid #d5e1eb;border-radius:8px;background:#f8fbfe}.post-image-preview{display:flex;align-items:center;justify-content:center;min-height:110px;margin-bottom:8px;border:1px dashed #aac3d8;border-radius:7px;background:#fff;color:#7b8d9d;text-align:center}.post-image-preview img{display:block;max-width:100%;max-height:260px;border-radius:6px;object-fit:contain}.post-image-preview.has-image{padding:7px}.post-image-editor>div:last-child{display:flex;gap:7px}.post-image-remove{padding:7px 12px;border-radius:5px}.post-image-remove:disabled{opacity:.45;cursor:not-allowed}.post-reward-notice{margin:8px 0;padding:9px;border-radius:6px;background:#fff8d9;border:1px solid #ecd36e;color:#7b5a00;font-size:11px;font-weight:800}.post-detail-image{display:flex;justify-content:center;padding:15px 0;border-bottom:1px solid #e5edf3}.post-detail-image img{display:block;max-width:min(100%,1000px);max-height:70vh;border-radius:8px;object-fit:contain;box-shadow:0 4px 18px #17375317}
@media(max-width:700px){.chat-color-seven{grid-template-columns:1fr 1fr}.room-result-mini{grid-template-columns:1fr}.room-pick-panel{align-items:stretch}.pick-submit{margin-left:0}}
@media(max-width:700px){.board-table th:nth-child(4),.board-table td:nth-child(4){display:none}.post-image-preview img{max-height:210px}.post-detail-body{font-size:12px;min-height:180px}.post-reward-notice{font-size:10px}}
.live-ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.live-ranking-toolbar>div:first-child{display:grid;gap:3px}.live-ranking-toolbar small{color:#71869a;font-size:9px}.live-ranking-toolbar>div:last-child{display:flex;gap:5px}.live-ranking-toolbar button{border:1px solid #b8cede;border-radius:6px;background:#fff;color:#174f78;padding:8px 12px;font-weight:900;cursor:pointer}.live-ranking-toolbar button.active{background:#0879d4;border-color:#0879d4;color:#fff}.live-ranking-loading,.live-ranking-empty{padding:55px 15px;text-align:center;color:#71869a}.live-ranking-empty b{color:#234c6c}.live-ranking-empty p{margin:7px 0 0}.live-ranking-summary{padding:8px 10px;background:#f2f8fd;border:1px solid #d6e4ef;color:#607a90;font-size:9px}.live-ranking-summary b{color:#0873ca}.live-ranking-scroll{overflow:auto}.live-ranking-table{min-width:760px}.live-ranking-table strong{color:#0874d1;font-size:13px}.live-ranking-place{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;background:#46658d;color:#fff}.live-ranking-place.place-1{background:#e6ae00}.live-ranking-place.place-2{background:#94a4b4}.live-ranking-place.place-3{background:#af6a47}.ranking-win{color:#139255;font-weight:900}.ranking-loss{color:#dd4650;font-weight:900}.live-ranking-warning{margin:8px 0 0;color:#a16a13;font-size:9px}.live-ranking-box{min-height:300px}
@media(max-width:700px){.live-ranking-toolbar{align-items:stretch;flex-direction:column}.live-ranking-toolbar>div:last-child button{flex:1}.live-ranking-scroll{margin:0 -8px}.live-ranking-table{font-size:10px;min-width:680px}}


/* ===== 채팅방 분할화면 재고정 + 재입장 수정 ===== */
.member-room-split{
 display:block!important;
 position:fixed!important;
 right:0!important;
 top:0!important;
 height:100vh!important;
 z-index:120!important
}
.member-room-split:not(.show):not(.minimized){pointer-events:none}
body.member-room-split-open{
 margin-right:var(--member-room-width)!important;
 overflow:auto!important
}
body.member-room-split-open .member-room-split.show{transform:translateX(0)!important}
body.member-room-maximized{margin-right:0!important}
body.member-room-minimized{margin-right:0!important}
@media(max-width:900px){
 body.member-room-split-open{margin-right:0!important}
 .member-room-split{width:100vw!important}
}


/* ===== 픽 버튼 확대 / 실제 참여자 / 운영자 채팅 ===== */
.big-pick-panel{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:10px!important;padding:12px!important;background:#edf6fd!important}
.pick-half{border:2px solid #a9cbe6;border-radius:8px;background:#fff;padding:9px}
.pick-half>strong{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#173f63;margin-bottom:7px}.pick-half>strong em{font-style:normal;font-size:9px;color:#75899a}
.pick-choice-row{display:flex;gap:6px;flex-wrap:wrap}.pick-choice-row button,.ladder-pick-panel [data-pick-side]{min-width:62px!important;min-height:44px!important;border:2px solid #9fc4e1!important;background:#fff!important;border-radius:7px!important;color:#245575!important;font-size:12px!important;font-weight:900!important;cursor:pointer}
.pick-choice-row button.selected,.big-pick-panel [data-pick-side].selected{background:#0879d4!important;color:#fff!important;border-color:#0879d4!important;box-shadow:0 0 0 3px #0879d422}
.large-pick-submit{min-width:96px!important;min-height:58px!important;align-self:center;font-size:13px!important}
.room-back-btn{margin-top:8px;border:1px solid #a9bed1;background:#eef4f9;color:#315b78;border-radius:6px;padding:10px;font-size:11px!important;font-weight:900;cursor:pointer}
.room-participant-empty,.room-chat-empty{padding:24px 8px;text-align:center;color:#8092a2;font-size:10px}.message.admin-message{background:#fff7e9;border:1px solid #f0d39c;border-radius:6px;padding:7px!important}.message.admin-message b{color:#c65b13!important}.message.admin-message p{font-weight:800}.room-system-message.pick{background:#eef5ff;color:#315e9a}
.member-room-user>span{display:flex!important;align-items:center;gap:4px;min-width:0}.member-room-user>span>b{overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.big-pick-panel{grid-template-columns:1fr!important}.large-pick-submit{width:100%}}


.room-result-mini.single{grid-template-columns:1fr!important}
.room-result-tip{display:block;margin-top:4px;font-size:10px!important;color:#617a90!important}
.member-room-side-head-left{display:flex;align-items:center;gap:8px}
.room-picks-view-btn{border:2px solid #1d73c7;background:#f0f7ff;color:#11529d;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 1px 0 #d5e6f7}
.room-picks-view-btn:hover{background:#e3f1ff}
.progress-pick-modal h2{margin:0 0 12px;font-size:22px;color:#143d63}
.progress-pick-result-box{border:1px solid #d6e3ef;background:#f5f9fd;border-radius:10px;padding:12px 14px;margin-bottom:12px}
.progress-pick-result-box small{display:block;font-size:12px;color:#688199;margin-bottom:4px}
.progress-pick-result-box b{font-size:18px;color:#173f63}
.progress-pick-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto;padding-right:4px}
.progress-pick-row{border:2px solid #d9e5ef;background:#fff;border-radius:12px;padding:12px 14px}
.progress-pick-row.hit{border-color:#93d1ad;background:#f4fff8}
.progress-pick-row.miss{border-color:#f1b4b8;background:#fff8f8}
.progress-pick-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.progress-pick-top strong{font-size:18px;color:#143d63}
.progress-pick-badge{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:900;background:#eef3f8;color:#607487}
.progress-pick-badge.hit{background:#17a45a;color:#fff}
.progress-pick-badge.miss{background:#df4a53;color:#fff}
.progress-pick-summary,.progress-pick-detail,.progress-pick-match{font-size:14px;line-height:1.55;color:#294c69}
.progress-pick-summary{font-weight:800}
.progress-pick-detail{margin-top:4px}
.progress-pick-match{margin-top:6px;color:#103d68}
.progress-pick-match b{font-size:15px}
.progress-pick-empty{padding:24px 10px;text-align:center;color:#8092a2;font-size:15px}


/* ===== 최신 픽 UI / 홈 실시간채팅 / 채팅방 가독성 ===== */
.member-room-split{top:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
.member-room-top{min-height:76px!important;height:auto!important;box-sizing:border-box!important;padding-top:12px!important;padding-bottom:12px!important;position:relative!important;z-index:5!important;flex-shrink:0!important}
.member-room-body{height:calc(100dvh - 128px)!important}
.member-room-title b{font-size:18px!important;line-height:1.3!important;font-weight:900!important}.member-room-title small{font-size:11px!important;line-height:1.4!important}
.member-room-notice{font-size:12px!important;font-weight:800!important;padding:10px 12px!important}
.member-room-messages .message{padding:10px 8px!important}.member-room-messages .message b{font-size:14px!important;font-weight:900!important}.member-room-messages .message p{font-size:15px!important;line-height:1.65!important;font-weight:650!important}
.member-room-compose input{font-size:15px!important;height:46px!important}.member-room-compose button{font-size:15px!important}
.room-system-message{font-size:12px!important;line-height:1.55!important;padding:9px 10px!important}.room-pick-chat-card{display:flex!important;gap:9px!important;align-items:center!important;border:2px solid #4f9bd8!important;background:linear-gradient(135deg,#edf7ff,#ffffff)!important;color:#103f69!important;text-align:left!important;padding:12px 14px!important;box-shadow:0 3px 10px #176fa51a!important}.room-pick-chat-card>span{font-size:22px}.room-pick-chat-card>b{font-size:16px!important;line-height:1.5!important;font-weight:950!important;letter-spacing:.1px}
.room-side-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding-bottom:9px!important}.room-side-tab,.room-picks-view-btn{min-height:42px!important;border:2px solid #93bde0!important;border-radius:8px!important;background:#fff!important;color:#164e7b!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important}.room-side-tab.active{background:#0a70c5!important;border-color:#0a70c5!important;color:#fff!important}.room-side-tab span{font-size:10px!important}.room-picks-view-btn{background:#f0f8ff!important;color:#115aa0!important}.room-picks-view-btn:hover{background:#dff0ff!important}
.power-pick-layout{display:grid!important;grid-template-columns:1fr 1fr 1fr auto!important;gap:10px!important;padding:13px!important;background:#eaf4fc!important}.pick-half{padding:11px!important;border:2px solid #9fc9e7!important;border-radius:10px!important}.pick-half>strong{font-size:14px!important;font-weight:950!important}.pick-half>strong em{font-size:10px!important}.pick-choice-row{display:grid!important;grid-template-columns:repeat(2,minmax(58px,1fr))!important;gap:7px!important}.size-row{grid-template-columns:repeat(3,minmax(50px,1fr))!important}.pick-choice-row button{height:48px!important;min-width:0!important;font-size:14px!important;font-weight:950!important;border-width:2px!important}.large-pick-submit{min-width:100px!important;height:62px!important;font-size:15px!important;font-weight:950!important}
.room-result-mini.single{grid-template-columns:1fr!important;min-height:52px}.room-result-mini.single b{font-size:13px!important}.room-result-tip{display:block!important;margin-top:3px!important;font-size:9px!important;color:#6d8295!important}
.progress-pick-modal h2{font-size:24px!important;font-weight:950!important}.progress-pick-result-box b{font-size:19px!important}.progress-pick-row{border-width:3px!important;padding:15px!important}.progress-pick-row.running{border-color:#89bce5!important;background:#f4faff!important}.progress-pick-top strong{font-size:19px!important}.progress-pick-badge{font-size:14px!important;min-width:90px!important;padding:7px 12px!important}.progress-pick-badge.running{background:#1678c8!important;color:#fff!important}.progress-pick-summary{font-size:17px!important;font-weight:950!important;color:#103f6b!important;background:#eef7ff!important;border-radius:7px!important;padding:8px 10px!important;margin-top:6px!important}.progress-pick-parts{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:9px!important}.pick-part{display:flex!important;flex-direction:column!important;border-radius:8px!important;padding:8px!important;border:2px solid #d7e2eb!important;background:#fff!important}.pick-part.hit{border-color:#47ad73!important;background:#effcf4!important}.pick-part.miss{border-color:#e66e76!important;background:#fff2f3!important}.pick-part b{font-size:14px!important}.pick-part em{font-style:normal!important;font-size:12px!important;font-weight:950!important;margin-top:3px!important}.pick-part.hit em{color:#138a4b!important}.pick-part.miss em{color:#d53b45!important}.pick-part small{font-size:11px!important;margin-top:2px!important;color:#718395!important}.progress-pick-match{font-size:14px!important;margin-top:9px!important}.progress-pick-match b{font-size:15px!important;color:#0f5593!important}.pick-waiting-text{font-size:14px!important;color:#50718d!important}
.home-live-chat-panel{margin-top:10px;border:1px solid #cbdbe9;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #173e6310}.home-live-chat-head{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:#0c609d;color:#fff}.home-live-chat-head h2{font-size:15px;margin:0}.home-live-chat-head span{font-size:9px;color:#cfe8fa}.home-live-chat-head>b{font-size:10px;color:#ffe34b}.home-chat-notices{background:#fff9dd;border-bottom:1px solid #eadb98;padding:8px 10px}.home-notice-title{font-size:11px;font-weight:950;color:#775e11}.home-notice-row{display:grid;grid-template-columns:22px 1fr auto;gap:6px;padding:5px 0;border-top:1px solid #f1e4aa}.home-notice-row i{font-style:normal;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#f0b52b;color:#fff;font-size:9px;font-weight:900}.home-notice-row span{font-size:11px;font-weight:750;color:#584b21}.home-notice-row em{font-size:9px;font-style:normal;color:#917116}.home-chat-feed{height:270px;overflow:auto;padding:9px;background:#fbfdff}.home-chat-message{padding:7px 5px;border-bottom:1px solid #e6edf3}.home-chat-message b{font-size:12px!important}.home-chat-message p{font-size:13px!important;line-height:1.55!important;margin:3px 0 0}.home-chat-message.admin{background:#fff8ea}.home-chat-locked{padding:35px;text-align:center;color:#6e8395;font-size:12px}.home-chat-compose{display:grid;grid-template-columns:1fr auto;gap:7px;padding:9px;border-top:1px solid #dce6ee}.home-chat-compose input{height:42px;border:1px solid #bfd0de;border-radius:6px;padding:8px;font-size:13px}.home-chat-compose button{border:0;border-radius:6px;background:#0a72c7;color:#fff;font-weight:900;padding:0 18px}.admin-chat-msg{background:#fff7e8!important}
.operator-home-chat-stream{height:360px;overflow:auto;border:1px solid #d8e2eb;background:#f8fbfd}.operator-home-chat-message{display:grid;grid-template-columns:110px 1fr auto;gap:9px;padding:9px;border-bottom:1px solid #e2e9ef}.operator-home-chat-message.admin{background:#fff6e8}.operator-home-chat-message b{color:#173f63}.operator-home-chat-message.admin b{color:#c65a12}.operator-home-chat-message p{margin:0;white-space:pre-wrap}.operator-home-chat-message time{font-size:10px;color:#8695a2}.operator-chat-empty{padding:30px;text-align:center;color:#8394a2}.section-title.sub{margin-top:16px!important}
@media(max-width:1200px){.power-pick-layout{grid-template-columns:1fr 1fr!important}.large-pick-submit{grid-column:1/-1;width:100%!important}.progress-pick-parts{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.power-pick-layout{grid-template-columns:1fr!important}.progress-pick-parts{grid-template-columns:1fr!important}.member-room-body{height:calc(100dvh - 140px)!important}}


/* ===== 방장픽 전용 표시 ===== */
.owner-pick-button{
 min-width:108px!important;
 background:#fff7d8!important;
 border-color:#e1b737!important;
 color:#835e00!important;
 font-size:14px!important;
 font-weight:950!important;
 box-shadow:0 2px 0 #edd98c!important
}
.owner-pick-button:hover{background:#ffefac!important}
.owner-pick-modal h2{
 font-size:24px!important;
 font-weight:950!important;
 color:#704d00!important;
 letter-spacing:-.5px
}
.owner-pick-card{
 border-width:3px!important;
 padding:16px!important;
 box-shadow:0 3px 12px rgba(35,67,96,.12)
}
.owner-pick-name{
 display:flex;
 align-items:center;
 gap:8px
}
.owner-pick-name>span{
 display:inline-flex;
 align-items:center;
 padding:5px 9px;
 border-radius:999px;
 background:#ffe89a;
 color:#715000;
 font-size:13px;
 font-weight:950
}
.owner-pick-name>strong{
 font-size:19px!important;
 font-weight:950!important
}
.owner-pick-summary{
 margin:10px 0!important;
 padding:11px 12px;
 border-radius:8px;
 background:#eef7ff;
 border:2px solid #98c6ec;
 color:#0c4f88!important;
 font-size:18px!important;
 font-weight:950!important;
 line-height:1.45!important
}
.owner-pick-empty{
 display:flex;
 flex-direction:column;
 gap:7px;
 border:2px dashed #d7bd64;
 background:#fffbed;
 border-radius:10px;
 padding:25px 12px!important
}
.owner-pick-empty b{
 color:#765600;
 font-size:18px
}
.owner-pick-empty span{
 color:#6f7780;
 font-size:14px
}

/* owner pick modal/history hotfix */
.modalbox.owner-pick-modalbox{width:min(760px,96vw)!important;max-height:92vh;overflow:auto;padding:22px 24px!important}
.owner-pick-list{max-height:none!important;overflow:visible!important;padding-right:0!important}
.owner-pick-summary{word-break:keep-all;overflow-wrap:anywhere}
.owner-pick-badge-stack,.owner-pick-history-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.owner-streak-chip{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.owner-streak-chip.up{background:#eaf9ef;color:#11763f}
.owner-streak-chip.down{background:#f2f5f8;color:#61778d}
.owner-pick-history-wrap{margin-top:14px;border:2px solid #dbe6ef;background:#fbfdff;border-radius:14px;padding:14px}
.owner-pick-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.owner-pick-history-head h3{margin:0;font-size:20px;color:#143d63}
.owner-pick-history-head span{font-size:13px;color:#6d8295;font-weight:800}
.owner-pick-history-list{display:flex;flex-direction:column;gap:10px}
.owner-pick-history-item{border:2px solid #d9e5ef;background:#fff;border-radius:12px;padding:12px 14px}
.owner-pick-history-item.hit{border-color:#94d8ae;background:#f4fff8}
.owner-pick-history-item.miss{border-color:#f2b6bc;background:#fff7f7}
.owner-pick-history-item.running{border-color:#89bce5;background:#f4faff}
.owner-pick-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.owner-pick-history-top strong{font-size:17px;line-height:1.5;color:#123f68;word-break:keep-all;overflow-wrap:anywhere;flex:1}
.owner-pick-history-detail{margin-top:7px;font-size:14px;line-height:1.65;color:#34556f}
.owner-pick-history-match{margin-top:7px;font-size:14px;color:#104772}
.owner-pick-history-match b{font-size:15px;color:#0d5f9b}
.owner-pick-history-empty{display:flex;align-items:center;justify-content:center;min-height:80px;color:#74889a;font-size:15px;font-weight:700}
@media (max-width: 780px){.modalbox.owner-pick-modalbox{width:min(98vw,98vw)!important;padding:18px 16px!important}.owner-pick-history-top{flex-direction:column}.owner-pick-history-badges{width:100%}.owner-pick-badge-stack{justify-content:flex-start}.owner-pick-history-head{flex-direction:column;align-items:flex-start}}


/* ===== 홈 메인 채팅 제거 / 중계 효과음 클릭·재생 수정 ===== */
.live-sound-toggle{
 position:relative!important;
 z-index:20!important;
 pointer-events:auto!important;
 min-width:118px!important;
 min-height:34px!important;
 padding:7px 11px!important;
 border:2px solid #76c6ff!important;
 background:#0b6fc8!important;
 color:#fff!important;
 border-radius:7px!important;
 font-size:11px!important;
 font-weight:950!important;
 cursor:pointer!important;
 user-select:none!important;
 touch-action:manipulation!important;
 box-shadow:0 2px 0 rgba(0,0,0,.18)!important
}
.live-sound-toggle:hover{background:#1686e6!important}
.live-sound-toggle:active{transform:translateY(1px)!important;box-shadow:none!important}
.live-sound-toggle.sound-off{background:#5d7184!important;border-color:#94a8ba!important;color:#fff!important}
.live-round{position:relative!important;z-index:5!important}


/* ===== 채팅방 오른쪽 하단 이전 방장픽 결과 ===== */
.member-room-members{display:flex!important;flex-direction:column!important;min-height:0}
.room-prev-result-panel{margin-top:12px;border:2px solid #cbddea;border-radius:10px;background:#fff;overflow:hidden;flex:0 0 auto}
.room-prev-result-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;background:#edf6fd;border-bottom:1px solid #d6e4ef}
.room-prev-result-head b{font-size:13px!important;color:#123f67;font-weight:950}
.room-prev-result-head span{font-size:9px;color:#758a9d;font-weight:900}
.room-prev-result-list{display:flex;flex-direction:column;gap:6px;padding:7px;max-height:310px;overflow:auto}
.room-prev-result-item{border:2px solid #dbe5ed;border-radius:8px;padding:8px;background:#fff}
.room-prev-result-item.hit{border-color:#85d0a4;background:#f2fff7}
.room-prev-result-item.miss{border-color:#efadb3;background:#fff5f6}
.room-prev-result-title{display:flex;align-items:center;justify-content:space-between;gap:6px}
.room-prev-result-title strong{font-size:12px;color:#103f69}
.room-prev-status{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:950}
.room-prev-status.hit{background:#15a85d;color:#fff}.room-prev-status.miss{background:#dd4751;color:#fff}
.room-prev-pick{margin-top:5px;font-size:10px;line-height:1.45;font-weight:950;color:#0e4d83;word-break:keep-all;overflow-wrap:anywhere}
.room-prev-detail{margin-top:4px;font-size:9px;line-height:1.45;color:#4f6d84}
.room-prev-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px}
.room-prev-footer b{font-size:9px;color:#0c5c94}.room-prev-footer em{font-style:normal;font-size:9px;font-weight:950;color:#177b48;background:#e9f8ef;border-radius:999px;padding:3px 6px}
.room-prev-result-empty{padding:18px 8px;text-align:center;font-size:10px;color:#7f92a2}


/* ===== 오른쪽 방장픽 전용 공간 ===== */
.room-owner-pick-sidepanel{margin-top:12px;border:2px solid #65b992;border-radius:11px;background:#f8fffb;overflow:hidden;flex:1 1 auto;min-height:260px;display:flex;flex-direction:column}
.room-current-owner-pick{padding:11px;border-bottom:2px solid #b9e0ca;background:#ecfff4}
.room-current-owner-pick.empty{background:#f7fafc}
.room-current-pick-title{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px}
.room-current-pick-title span{font-size:12px;font-weight:950;color:#0b7642}.room-current-pick-title em{font-style:normal;font-size:9px;color:#667f72}
.room-current-owner-pick>strong{display:block;font-size:12px;line-height:1.55;color:#064c83;font-weight:950;word-break:keep-all;overflow-wrap:anywhere}
.room-current-owner-pick>small{display:block;margin-top:5px;font-size:9px;line-height:1.45;color:#637c6e}
.room-owner-pick-sidepanel .room-prev-result-list{max-height:none!important;flex:1 1 auto;min-height:0}

/* ===== 마이페이지 쌀 환전 ===== */
.rice-wallet-card{position:relative}
.rice-exchange-open{margin-top:7px;border:0;border-radius:6px;background:#14935a;color:#fff;padding:7px 10px;font-size:10px!important;font-weight:950;cursor:pointer}
.rice-exchange-guide{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid #b7dfc8;background:#f2fff7;border-radius:7px}
.rice-exchange-guide b{font-size:11px;color:#0a7440}.rice-exchange-guide span{font-size:9px;color:#527366}
.rice-exchange-modal h2{font-size:22px;color:#15533a}
.rice-exchange-balance{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;background:#effbf4;border:1px solid #b8dec8;border-radius:9px;margin-bottom:10px}
.rice-exchange-balance small{font-size:10px;color:#607c6c}.rice-exchange-balance b{font-size:20px;color:#087542}.rice-exchange-balance span{grid-column:1/-1;font-size:10px;color:#48725e}
.rice-exchange-modal label{display:grid;gap:5px;font-size:11px;font-weight:900;color:#284c3b}
.rice-exchange-calc{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}
.rice-exchange-calc>div{padding:10px;border:1px solid #d1e0d8;border-radius:8px;background:#fff}
.rice-exchange-calc small{display:block;font-size:9px;color:#71857b}.rice-exchange-calc b{display:block;margin-top:4px;font-size:14px;color:#334e41}
.rice-exchange-calc .net{border:2px solid #4bb67d;background:#ecfff4}.rice-exchange-calc .net b{font-size:18px;color:#087542}
.rice-tax-note{font-size:9px;line-height:1.5;color:#826533;background:#fff9e8;border:1px solid #ecdca8;padding:8px;border-radius:6px}
.rice-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rice-bank-grid #riceAccount{grid-column:1/-1}
.rice-exchange-submit{margin-top:8px!important}
@media(max-width:700px){.rice-exchange-calc{grid-template-columns:1fr}.rice-bank-grid{grid-template-columns:1fr}.rice-bank-grid #riceAccount{grid-column:auto}}


/* ===== 채팅방 오른쪽 결과/방장픽 패널 전면 재구성 ===== */
.member-room-body{grid-template-columns:minmax(0,1fr) 225px!important}
.member-room-split.maximized .member-room-body{grid-template-columns:minmax(0,1fr) 275px!important}
.member-room-members{
 display:grid!important;
 grid-template-rows:auto minmax(56px,16vh) auto minmax(285px,1fr)!important;
 gap:8px!important;
 padding:9px!important;
 overflow:hidden!important;
 min-height:0!important;
 background:#f4f8fb!important
}
.member-room-participant-list{
 min-height:0!important;
 overflow:auto!important;
 background:#fff;
 border:1px solid #d5e2ec;
 border-radius:7px
}
.member-room-participant-list .member-room-user{margin:0!important;padding:7px 5px!important;border-bottom:1px solid #e4edf3!important}
.member-room-tools{margin-top:0!important;gap:5px!important}
.room-owner-pick-sidepanel{
 display:grid!important;
 grid-template-rows:auto auto auto minmax(0,1fr)!important;
 min-height:0!important;
 height:100%!important;
 margin:0!important;
 overflow:hidden!important;
 border:2px solid #24a964!important;
 border-radius:10px!important;
 background:#f8fffb!important
}
.room-side-result-card{padding:9px 10px;background:#eaf5ff;border-bottom:2px solid #b8d8ee}
.room-side-section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}
.room-side-section-title b{font-size:12px!important;color:#0b4f83;font-weight:950!important}
.room-side-section-title span{font-size:10px!important;color:#58758d;font-weight:950}
.room-side-result-card>strong{display:block;font-size:12px!important;line-height:1.55;color:#073e6b;font-weight:950!important;word-break:keep-all}
.room-current-owner-pick{padding:10px!important;margin:0!important;border:0!important;border-bottom:2px solid #b9e1ca!important;border-radius:0!important;background:#edfff5!important}
.room-current-owner-pick.empty{background:#f7fafc!important}
.room-current-pick-title span{font-size:12px!important}.room-current-owner-pick>strong{font-size:11px!important}.room-current-owner-pick>small{font-size:9px!important}
.room-prev-result-head{padding:8px 9px!important;margin:0!important;border:0!important;border-bottom:1px solid #d6e4ef!important;border-radius:0!important;background:#f1f6fa!important}
.room-prev-result-head b{font-size:12px!important}
.room-prev-result-list{min-height:0!important;max-height:none!important;overflow:auto!important;padding:7px!important;gap:7px!important}
.room-prev-result-item{padding:8px!important}
.room-prev-result-title strong{font-size:11px!important}
.room-prev-pick{font-size:10px!important;font-weight:950!important;color:#07518a!important}
.room-prev-parts{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.room-prev-part{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:5px 6px;border:1px solid #dce6ed;border-radius:6px;background:#fff}
.room-prev-part.hit{border-color:#75cc99;background:#effcf4}.room-prev-part.miss{border-color:#eb9fa6;background:#fff1f2}
.room-prev-part b{font-size:9px;color:#244f6d}.room-prev-part em{font-style:normal;font-size:9px;font-weight:950}
.room-prev-part.hit em{color:#098246}.room-prev-part.miss em{color:#cc2834}
.room-prev-part small{grid-column:1/-1;font-size:8px;color:#6f8292}
.room-prev-footer{align-items:flex-start!important;flex-direction:column!important}.room-prev-footer b,.room-prev-footer em{font-size:9px!important}
.room-owner-chat-badge{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 margin-right:4px;padding:3px 7px;border-radius:999px;background:#fff1a7;border:1px solid #dfb92b;
 color:#755200;font-size:10px!important;font-weight:950!important;vertical-align:middle
}
.owner-chat-message{background:#fffdf2!important;border-left:3px solid #e0b62e!important;padding-left:7px!important}
.owner-chat-message>b{font-size:11px!important;color:#143e61!important}
.member-room-messages .message p{font-size:14px!important;line-height:1.6!important;font-weight:800!important;letter-spacing:-.1px}
@media(max-width:900px){
 .member-room-body{grid-template-columns:minmax(0,1fr) 220px!important}
 .member-room-members{display:grid!important;grid-template-rows:auto minmax(55px,14vh) auto minmax(250px,1fr)!important}
}


/* ===== 채팅방 우측 패널 탭/하단 버튼 재배치 ===== */
.member-room-members{
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
.member-room-side-content{
  min-height:0!important;
  overflow:hidden!important;
  display:block!important;
}
.room-side-panel{
  display:none!important;
  height:100%!important;
  min-height:0!important;
}
.room-side-panel.active{
  display:block!important;
}
#roomParticipantsPanel.active{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
#roomOwnerPickPanel.active{
  display:block!important;
  min-height:0!important;
  overflow:hidden!important;
}
.member-room-participant-list{
  height:100%!important;
  min-height:0!important;
}
.member-room-tools{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:end!important;
  padding-top:6px!important;
  border-top:1px solid #dbe7f0!important;
  background:#f4f8fb!important;
}
.member-room-tools .wide{
  width:100%!important;
}
.room-side-tabs{
  padding-bottom:0!important;
}
.room-side-tab{
  min-height:46px!important;
  font-size:13px!important;
}
.room-side-tab span{
  display:block!important;
  font-size:10px!important;
  margin-top:2px!important;
}
#roomOwnerPickPanel .room-owner-pick-sidepanel{
  height:100%!important;
  margin-top:0!important;
}
#roomOwnerPickPanel .room-prev-result-list{
  padding-bottom:10px!important;
}
@media(max-width:900px){
  .member-room-members{
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
}


/* ===== 우측 기본 픽내역 탭 / 카운트 강조 / 모바일 ===== */
.room-side-tabs{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:7px!important;
}
.room-side-tab{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:3px!important;
 min-height:54px!important;
 padding:7px 6px!important;
}
.room-side-tab strong{
 font-size:14px!important;
 font-weight:950!important;
 line-height:1.1!important;
}
.room-side-tab .room-tab-count{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-width:54px!important;
 padding:3px 7px!important;
 border-radius:999px!important;
 background:#edf5fb!important;
 color:#315f83!important;
 font-size:10px!important;
 font-weight:950!important;
 line-height:1!important;
}
.room-side-tab.active .room-tab-count{
 background:rgba(255,255,255,.2)!important;
 color:#fff!important;
}
#roomOwnerPickPanel.active{
 overflow:hidden!important;
}
.member-room-tools{
 flex-shrink:0!important;
 position:relative!important;
 bottom:auto!important;
}
@media(max-width:900px){
 .member-room-body{
   grid-template-columns:minmax(0,1fr) 220px!important;
 }
 .member-room-members{
   min-width:220px!important;
   grid-template-rows:auto minmax(0,1fr) auto!important;
 }
 .room-side-tabs{
   grid-template-columns:1fr 1fr!important;
 }
 .member-room-tools{
   display:grid!important;
   grid-template-columns:1fr!important;
   gap:5px!important;
 }
}
@media(max-width:700px){
 .member-room-body{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) 210px!important;
 }
 .member-room-members{
   display:grid!important;
   min-width:210px!important;
   width:210px!important;
   grid-template-rows:auto minmax(0,1fr) auto!important;
   padding:7px!important;
 }
 .room-side-tab{
   min-height:50px!important;
   padding:6px 4px!important;
 }
 .room-side-tab strong{
   font-size:12px!important;
 }
 .room-side-tab .room-tab-count{
   min-width:48px!important;
   font-size:9px!important;
 }
 .member-room-tools .wide{
   min-height:38px!important;
   font-size:10px!important;
 }
}


/* ===== FORCE REAPPLY 20260812: 우측 탭 + 하단도구 + 마이페이지 환전 ===== */
.member-room-members{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
.member-room-side-content{display:block!important;min-height:0!important;overflow:hidden!important}
.room-side-panel{display:none!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.room-side-panel.active{display:block!important}
#roomParticipantsPanel.active{display:flex!important;flex-direction:column!important}
#roomOwnerPickPanel.active{display:block!important;overflow:hidden!important}
.member-room-participant-list{height:100%!important;overflow:auto!important}
.member-room-tools{display:grid!important;grid-template-columns:1fr!important;align-self:end!important;position:relative!important;z-index:3!important;margin:0!important;padding:8px 0 0!important;background:#f4f8fb!important;border-top:1px solid #d8e4ed!important;gap:5px!important}
.room-side-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important}
.room-side-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:54px!important;border:2px solid #8dbbdf!important;border-radius:8px!important;background:#fff!important;color:#174f7a!important;font-weight:950!important;cursor:pointer!important}
.room-side-tab.active{background:#0b73c8!important;color:#fff!important;border-color:#0b73c8!important}
.room-side-tab strong{font-size:14px!important}.room-side-tab .room-tab-count{font-size:10px!important;font-weight:950!important}
.rice-wallet-card .rice-exchange-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;margin-top:8px!important;background:#0c9c59!important;color:#fff!important;border:0!important;border-radius:7px!important;font-size:11px!important;font-weight:950!important;padding:7px 12px!important;cursor:pointer!important}
.rice-exchange-guide{display:flex!important}
@media(max-width:900px){.member-room-members{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}.member-room-body{grid-template-columns:minmax(0,1fr) 220px!important}}
@media(max-width:700px){.member-room-members{display:grid!important;min-width:210px!important;width:210px!important}.member-room-body{grid-template-columns:minmax(0,1fr) 210px!important}}


/* ===== 프로필 사진 파일 업로드 + 채팅방 상단 사진 ===== */
.profile-preview,.member-info-avatar,.profile-setting-avatar,.profile-photo-preview,.member-room-owner-photo{overflow:hidden!important}
.profile-preview img,.member-info-avatar img,.profile-setting-avatar img,.profile-photo-preview img,.member-room-owner-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.profile-preview>span,.member-info-avatar>span,.profile-setting-avatar>span,.profile-photo-preview>span,.member-room-owner-photo>span{display:grid;width:100%;height:100%;place-items:center}
.profile-setting-avatar{width:50px;height:50px;margin-top:7px;border-radius:50%;display:grid;place-items:center;border:2px solid #cfe0ee;background:#eef6ff;font-size:23px}
.profile-photo-editor>h2{margin:0 0 5px;font-size:22px;color:#173f63}
.profile-photo-editor>p{margin:0 0 12px;color:#60788e;font-size:12px;line-height:1.5}
.profile-photo-preview{width:132px;height:132px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:4px solid #c9e0f4;background:#eef6ff;font-size:52px;box-shadow:0 4px 16px rgba(24,72,112,.12)}
.profile-photo-actions{display:flex;justify-content:center;gap:7px}
.profile-photo-help{display:block;margin:8px 0 14px;text-align:center;color:#72889c;font-size:10px}
.profile-emoji-title{font-size:12px;font-weight:900;color:#294d6b;margin-bottom:7px}
.profile-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.profile-emoji-grid button{min-height:42px;border:2px solid #d7e3ed;background:#fff;border-radius:8px;font-size:21px;cursor:pointer}
.profile-emoji-grid button.selected{border-color:#1683df;background:#eaf5ff;box-shadow:0 0 0 2px #1683df22}
#customProfileEmoji{width:100%;margin-top:8px;border:1px solid #c7d7e5;border-radius:7px;padding:10px;font-size:14px}
.profile-photo-save{margin-top:10px!important}
.member-room-owner-photo{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:2px solid #79b8e8;background:#eef7ff;color:#173f63;font-size:22px;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.member-room-title{gap:8px!important}
@media(max-width:700px){.profile-emoji-grid{grid-template-columns:repeat(4,1fr)}.member-room-owner-photo{width:40px;height:40px;font-size:19px}}


/* ==========================================================
   파워볼 목재 실시간 추첨방송 UI
   ========================================================== */
.wood-power-broadcast{
 border:0!important;
 border-radius:14px!important;
 background:#160b04!important;
 box-shadow:0 12px 32px rgba(25,12,3,.28)!important;
 overflow:hidden!important
}
.wood-power-broadcast .wood-stage-wrap{
 padding:0!important;
 min-height:650px!important;
 display:block!important;
 background:
   radial-gradient(circle at 50% 20%,rgba(255,181,64,.13),transparent 32%),
   linear-gradient(#140a04,#251207)!important
}
.wood-power-broadcast .wood-stage-wrap:before{display:none!important}
.wood-power-stage{
 --wood:#6a3516;
 --wood2:#3d1c0c;
 --gold:#f4b529;
 --gold2:#9d5a08;
 width:100%;
 min-height:650px;
 padding:13px;
 box-sizing:border-box;
 background:
   radial-gradient(circle at 50% 0,rgba(255,207,112,.12),transparent 31%),
   linear-gradient(180deg,#1b0d05,#0f0703);
 color:#fff5df;
 font-family:inherit
}
.wood-power-title{
 width:min(760px,88%);
 min-height:66px;
 margin:0 auto -4px;
 position:relative;
 z-index:3;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:20px;
 border:5px solid #7c3f13;
 border-radius:22px;
 background:
   linear-gradient(90deg,rgba(255,255,255,.05),transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%),
   linear-gradient(#75401b,#4b260f);
 box-shadow:inset 0 0 0 2px #d68b25,inset 0 -12px 22px #2c1308,0 8px 0 #2c1509,0 10px 22px #0008
}
.wood-power-title:before,.wood-power-title:after{
 content:"";
 position:absolute;
 width:45px;height:45px;border-radius:50%;
 border:4px solid #6d350f;
 background:radial-gradient(circle,#ce8b36 0 20%,#7b4319 22% 55%,#3a1b0b 57%);
 box-shadow:inset 0 0 0 2px #e8a64a
}
.wood-power-title:before{left:-23px}.wood-power-title:after{right:-23px}
.wood-power-title i{font-style:normal;color:#f7ba27;font-size:24px;text-shadow:0 2px 2px #3d1c07}
.wood-power-title strong{font-size:29px;letter-spacing:-1px;text-shadow:0 3px 1px #2e1508}
.wood-power-title em{font-style:normal;color:#ffc400}
.wood-power-frame{
 display:grid;
 grid-template-columns:165px minmax(390px,1fr) 235px;
 gap:10px;
 min-height:570px;
 padding:18px 14px 14px;
 border:8px solid #663313;
 border-radius:22px;
 background:
   linear-gradient(90deg,rgba(255,255,255,.035),transparent 20%,rgba(255,255,255,.025) 55%,transparent),
   linear-gradient(#7b421b,#4a240e);
 box-shadow:inset 0 0 0 3px #b66d20,inset 0 0 0 8px #32170a,0 8px 22px #0009
}
.wood-power-left,.wood-recent-results,.wood-power-center{
 position:relative;
 border:4px solid #321609;
 border-radius:18px;
 background:linear-gradient(#40210f,#211006);
 box-shadow:inset 0 0 0 2px #8c5526,inset 0 0 26px #0009
}
.wood-power-left{
 min-height:510px;
 overflow:hidden;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:flex-end;
 padding:20px 12px
}
.wood-left-light{
 position:absolute;left:50%;top:45px;transform:translateX(-50%);
 width:70px;height:250px;
 background:radial-gradient(ellipse at 50% 0,rgba(255,190,87,.38),rgba(205,120,29,.12) 36%,transparent 72%);
 filter:blur(2px)
}
.wood-power-logo{
 margin:auto 0;
 text-align:center;
 color:#7d431d;
 text-shadow:0 1px #d49348;
 opacity:.78
}
.wood-power-logo>span{display:block;font-size:38px;color:#c77f23}
.wood-power-logo b{display:block;font-size:26px;letter-spacing:-2px}
.wood-power-logo strong{display:block;font-size:15px;letter-spacing:2px}
.wood-power-logo small{font-size:9px;letter-spacing:3px}
.wood-left-status{
 width:100%;
 display:flex;flex-direction:column;gap:5px;
 padding:10px 8px;border-top:1px solid #6f3b17;text-align:center
}
.wood-left-status .live-dot{color:#ff5b35;font-size:11px;font-weight:950}
.wood-left-status small{font-size:8px;color:#caa77e}
.wood-sound-toggle{
 width:100%!important;
 margin:4px 0 0!important;
 min-height:38px!important;
 border:1px solid #d29028!important;
 color:#ffe2a3!important;
 background:linear-gradient(#6b3a16,#3a1c0b)!important;
 box-shadow:inset 0 0 0 1px #2e1407!important;
 font-size:10px!important
}
.wood-sound-toggle.sound-off{opacity:.65!important}

.wood-power-center{
 min-width:0;
 min-height:510px;
 padding:16px 18px 13px;
 display:flex;
 flex-direction:column;
 align-items:center;
 background:
   radial-gradient(circle at 50% 16%,rgba(255,188,75,.13),transparent 36%),
   linear-gradient(#3f210f,#251208)
}
.wood-live-clock{
 display:flex;align-items:center;justify-content:center;gap:18px;
 min-width:230px;
 padding:8px 17px;
 border:3px solid #2b1307;border-radius:999px;
 background:linear-gradient(#512a12,#2c1509);
 box-shadow:inset 0 0 0 1px #a16326,0 3px 10px #0007;
 margin-bottom:10px
}
.wood-live-clock span{font-size:11px;font-weight:950}.wood-live-clock span i{color:#ef4426;font-style:normal}
.wood-live-clock>b{font-size:20px;letter-spacing:1px}
.wood-draw-machine{
 position:relative;
 width:275px;height:275px;
 display:grid;place-items:center;
 margin:0 auto -4px
}
.wood-machine-lights{
 position:absolute;inset:1px;border-radius:50%;
 border:10px solid #9b5b14;
 background:#2e1508;
 box-shadow:0 0 0 4px #3b1b08,0 0 22px #ffb42755,inset 0 0 12px #000
}
.wood-machine-lights i{
 position:absolute;
 left:50%;top:50%;
 width:8px;height:8px;border-radius:50%;
 background:#ffd666;
 box-shadow:0 0 8px #ffba19,0 0 14px #ff9417;
 transform-origin:0 0
}
.wood-machine-lights .l0{transform:rotate(0deg) translate(0,-126px)}
.wood-machine-lights .l1{transform:rotate(30deg) translate(0,-126px)}
.wood-machine-lights .l2{transform:rotate(60deg) translate(0,-126px)}
.wood-machine-lights .l3{transform:rotate(90deg) translate(0,-126px)}
.wood-machine-lights .l4{transform:rotate(120deg) translate(0,-126px)}
.wood-machine-lights .l5{transform:rotate(150deg) translate(0,-126px)}
.wood-machine-lights .l6{transform:rotate(180deg) translate(0,-126px)}
.wood-machine-lights .l7{transform:rotate(210deg) translate(0,-126px)}
.wood-machine-lights .l8{transform:rotate(240deg) translate(0,-126px)}
.wood-machine-lights .l9{transform:rotate(270deg) translate(0,-126px)}
.wood-machine-lights .l10{transform:rotate(300deg) translate(0,-126px)}
.wood-machine-lights .l11{transform:rotate(330deg) translate(0,-126px)}
.wood-glass-drum{
 width:230px;height:230px;border-radius:50%;position:relative;overflow:hidden;
 border:8px solid #d18b24;
 background:
   radial-gradient(circle at 34% 23%,rgba(255,255,255,.43),transparent 8%),
   radial-gradient(circle at 50% 70%,rgba(102,47,16,.35),rgba(25,11,4,.78) 75%);
 box-shadow:inset 0 0 0 4px #6e3811,inset 0 0 35px #0009,0 7px 15px #0009
}
.wood-drum-shine{
 position:absolute;z-index:5;left:28px;top:20px;width:80px;height:28px;
 border-radius:50%;
 border-top:10px solid rgba(255,255,255,.28);
 transform:rotate(-20deg)
}
.wood-orbit-ball{
 position:absolute;z-index:2;width:35px;height:35px;border-radius:50%;
 display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:950;
 border:2px solid #ffffff70;box-shadow:inset -4px -5px 8px #0003,0 4px 7px #0006;
 animation:woodDrumFloat 2.15s ease-in-out infinite
}
.wood-orbit-ball.n0{background:#2f83ca}.wood-orbit-ball.n1{background:#e64335}.wood-orbit-ball.n2{background:#72a93c}.wood-orbit-ball.n3{background:#e1a51d}.wood-orbit-ball.n4{background:#d86678}
.wb0{left:50px;bottom:23px}.wb1{left:87px;bottom:17px;animation-delay:-.2s}.wb2{left:124px;bottom:21px;animation-delay:-.4s}.wb3{left:154px;bottom:43px;animation-delay:-.6s}
.wb4{left:36px;bottom:58px;animation-delay:-.8s}.wb5{left:74px;bottom:52px;animation-delay:-1s}.wb6{left:112px;bottom:57px;animation-delay:-1.2s}.wb7{left:145px;bottom:76px;animation-delay:-1.4s}
.wb8{left:64px;bottom:88px;animation-delay:-1.6s}.wb9{left:103px;bottom:91px;animation-delay:-1.8s}.wb10{left:137px;bottom:106px;animation-delay:-2s}.wb11{left:86px;bottom:119px;animation-delay:-2.2s}
@keyframes woodDrumFloat{
 0%,100%{transform:translate(0,0) rotate(-5deg)}
 35%{transform:translate(9px,-17px) rotate(12deg)}
 68%{transform:translate(-8px,-6px) rotate(-12deg)}
}
.wood-machine-center{
 position:absolute;z-index:4;left:50%;top:30%;transform:translate(-50%,-50%);
 min-width:82px;padding:7px 11px;border-radius:999px;
 background:#311508cc;border:1px solid #b57629;color:#ffdda0;text-align:center;
 backdrop-filter:blur(2px)
}
.wood-machine-center span{display:block;font-size:8px}.wood-machine-center b{font-size:15px}
.wood-machine-neck{
 position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);
 width:55px;height:27px;border-radius:0 0 16px 16px;
 background:linear-gradient(#d08a22,#6d3610);border:4px solid #3c1a08
}
.wood-round-plaque{
 position:relative;z-index:7;
 width:min(350px,92%);
 display:flex;align-items:center;justify-content:center;gap:9px;
 min-height:42px;margin-top:-4px;padding:5px 12px;
 border:4px solid #2a1105;border-radius:13px;
 background:linear-gradient(#704017,#3c1d0b);
 box-shadow:inset 0 0 0 2px #e2a13a,0 4px 8px #0006
}
.wood-round-plaque b{font-size:19px;color:#ffe2a4}.wood-round-plaque span{font-size:9px;color:#d7b989}
.wood-result-box{
 width:min(440px,96%);
 margin-top:9px;padding:11px 12px 7px;
 border:4px solid #2a1105;border-radius:18px;
 background:linear-gradient(#3b1b0a,#1d0d05);
 box-shadow:inset 0 0 0 2px #eab242,0 5px 12px #0007
}
.wood-result-balls{min-height:55px!important;gap:8px!important;flex-wrap:nowrap!important}
.wood-power-stage .eject-ball{
 width:49px!important;height:49px!important;font-size:15px!important;
 border:3px solid #ffffff7a!important;
 box-shadow:inset -6px -7px 10px #0003,0 7px 10px #0008!important;
 opacity:0;
 transform:translateY(-165px) scale(.12) rotate(-260deg)
}
.wood-power-stage .eject-ball.normal.n0{background:linear-gradient(145deg,#e54d35,#ad281c)!important}
.wood-power-stage .eject-ball.normal.n1{background:linear-gradient(145deg,#3d87d7,#1956a2)!important;color:#fff!important}
.wood-power-stage .eject-ball.normal.n2{background:linear-gradient(145deg,#78b345,#447c1e)!important}
.wood-power-stage .eject-ball.normal.n3{background:linear-gradient(145deg,#f0b72e,#bf7710)!important;color:#fff!important}
.wood-power-stage .eject-ball.normal.n4{background:linear-gradient(145deg,#e56b78,#b52d45)!important}
.wood-power-stage .eject-ball.power{width:55px!important;height:55px!important;background:linear-gradient(145deg,#2b94d7,#135b9d)!important}
.wood-power-stage .eject-ball.visible{
 opacity:1;
 transform:translateY(0) scale(1) rotate(0);
 transition:opacity .12s ease,transform .82s cubic-bezier(.16,.92,.25,1.38)
}
.wood-power-stage .eject-ball.fresh-pop{animation:woodBallLaunch .95s cubic-bezier(.16,.92,.25,1.38)}
@keyframes woodBallLaunch{
 0%{opacity:0;transform:translateY(-190px) scale(.08) rotate(-310deg)}
 44%{opacity:1;transform:translateY(12px) scale(1.18) rotate(18deg)}
 63%{transform:translateY(-13px) scale(.94) rotate(-7deg)}
 80%{transform:translateY(5px) scale(1.04) rotate(3deg)}
 100%{transform:translateY(0) scale(1) rotate(0)}
}
.wood-result-labels{
 display:grid;grid-template-columns:1fr 1px 70px;align-items:center;gap:8px;
 color:#d2b78e;font-size:9px;text-align:center;padding-top:5px
}
.wood-result-labels i{height:18px;background:#8d5a28}
.wood-classification-strip{
 width:min(440px,96%);display:flex;justify-content:center;gap:12px;
 margin-top:8px;padding:7px 10px;border:1px solid #75431c;border-radius:10px;
 background:#271207
}
.wood-classification-strip>span{display:flex;align-items:center;gap:4px}.wood-classification-strip small{font-size:8px;color:#e5bc73;font-weight:900}
.wood-classification-strip .result-pictogram.compact{width:26px;height:26px;background:#fff;border:0}
.wood-live-footer{
 width:min(430px,94%);margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:8px 12px;border-radius:999px;border:1px solid #77441d;background:#2b1509;color:#cbb08b
}
.wood-live-footer>span{color:#ffbb19;font-size:9px;font-weight:900}.wood-live-footer>b{font-size:8px;font-weight:700}.wood-live-footer strong{font-size:11px;color:#fff1c7}

.wood-recent-results{min-height:510px;padding:12px 9px;overflow:hidden}
.wood-recent-title{
 min-height:42px;display:grid;place-items:center;
 border:3px solid #2c1307;border-radius:14px;
 background:linear-gradient(#6c3a16,#3c1d0b);
 box-shadow:inset 0 0 0 1px #b8782e;
 color:#ffd58a;font-size:15px;font-weight:950
}
.wood-recent-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.wood-recent-row{
 padding:9px 8px;border:2px solid #2b1408;border-radius:11px;
 background:linear-gradient(#3f210f,#2b1509);
 box-shadow:inset 0 0 0 1px #75502b
}
.wood-recent-row>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.wood-recent-row b{font-size:11px;color:#ffe6be}.wood-recent-row small{font-size:7px;color:#9f7b59}
.wood-mini-balls{display:flex;align-items:center;justify-content:center;gap:4px}
.wood-mini-balls i{width:1px;height:20px;background:#80532b;margin:0 2px}
.wood-mini-ball{
 width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
 color:#fff;font-size:8px;font-weight:950;border:1px solid #ffffff45;
 box-shadow:inset -3px -3px 5px #0003,0 2px 4px #0006
}
.wood-mini-ball.n0{background:#e24c36}.wood-mini-ball.n1{background:#2f80c8}.wood-mini-ball.n2{background:#78a840}.wood-mini-ball.n3{background:#e7a826}.wood-mini-ball.n4{background:#d96675}
.wood-mini-ball.power{background:#2588ca}
.wood-recent-empty{padding:30px 8px;text-align:center;color:#9e8062;font-size:9px}

.wood-power-broadcast .official-source-links{
 background:#1b0d05!important;border-top:1px solid #6a3716!important;padding:8px 12px!important
}
.wood-power-broadcast .official-source-links a{
 background:#3c1d0b!important;border-color:#875021!important;color:#f1c777!important
}

@media(max-width:1100px){
 .wood-power-frame{grid-template-columns:125px minmax(360px,1fr) 205px}
 .wood-power-title strong{font-size:24px}
 .wood-mini-ball{width:23px;height:23px;font-size:7px}
}
@media(max-width:850px){
 .wood-power-stage{padding:8px}
 .wood-power-title{width:90%;min-height:56px}.wood-power-title strong{font-size:20px}.wood-power-title i{font-size:18px}
 .wood-power-frame{grid-template-columns:minmax(0,1fr);padding:12px;gap:8px}
 .wood-power-left{display:none}
 .wood-recent-results{min-height:auto}
 .wood-recent-list{display:grid;grid-template-columns:1fr 1fr}
 .wood-power-center{min-height:530px}
}
@media(max-width:560px){
 .wood-power-title strong{font-size:17px}.wood-power-title{gap:8px}
 .wood-power-center{padding:12px 7px}
 .wood-draw-machine{width:245px;height:245px}
 .wood-glass-drum{width:205px;height:205px}
 .wood-machine-lights .l0,.wood-machine-lights .l1,.wood-machine-lights .l2,.wood-machine-lights .l3,.wood-machine-lights .l4,.wood-machine-lights .l5,.wood-machine-lights .l6,.wood-machine-lights .l7,.wood-machine-lights .l8,.wood-machine-lights .l9,.wood-machine-lights .l10,.wood-machine-lights .l11{display:none}
 .wood-power-stage .eject-ball{width:39px!important;height:39px!important;font-size:12px!important}
 .wood-power-stage .eject-ball.power{width:44px!important;height:44px!important}
 .wood-recent-list{grid-template-columns:1fr}
 .wood-classification-strip{flex-direction:column;align-items:center}
}


/* ==== 모든 중계 목재 방송 스타일 통일 + 잘림 현상 수정 ==== */
.self-broadcast-card.wood-power-broadcast{max-width:100%;overflow:hidden}
.self-broadcast-card.wood-power-broadcast .self-broadcast-stage.wood-stage-wrap{padding:0;display:block;overflow-x:hidden;overflow-y:hidden;min-height:680px}
.wood-power-stage{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
.wood-power-title{width:min(100%,760px)!important;box-sizing:border-box}
.wood-power-frame{width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(120px,150px) minmax(0,1fr) minmax(180px,210px)!important;gap:10px;overflow:hidden}
.wood-power-left,.wood-power-center,.wood-recent-results{min-width:0}
.wood-power-left{padding:18px 10px}
.wood-power-logo strong{font-size:16px}
.wood-recent-results{padding:10px 8px;max-width:100%}
.wood-recent-title{font-size:14px}
.wood-recent-row{overflow:hidden}
.wood-recent-row > div:first-child{gap:8px}
.wood-recent-row b,.wood-recent-row small{white-space:nowrap}
.wood-mini-balls,.wood-mini-speed,.wood-mini-marks{max-width:100%;overflow:hidden;justify-content:flex-start;flex-wrap:nowrap}
.wood-mini-speed{display:flex;align-items:center;gap:4px}.wood-mini-speed small{font-size:8px;color:#cba97b;white-space:nowrap}
.wood-mini-marks{display:flex;gap:4px;flex-wrap:nowrap}
.wood-mini-ball.speed{background:#267bc7}
.wood-game-random .wood-classification-strip span:first-child small,.broadcast-game-random .wood-result-labels span:last-child{color:#ffda94}
.wood-game-random .wood-power-title em{color:#ffd35a}
.wood-game-random .wood-power-logo strong{letter-spacing:1px}

.wood-speed-center .wood-speed-drum{position:relative;width:295px;height:240px;display:grid;place-items:center;margin:0 auto 8px}
.wood-speed-center .wood-speed-wheel{position:relative;width:260px;height:190px;border-radius:48% 48% 44% 44%/55% 55% 35% 35%;border:8px solid #d18b24;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.09),rgba(23,9,2,.86) 72%);box-shadow:inset 0 0 0 4px #6e3811,inset 0 0 35px #0009,0 7px 15px #0009}
.wood-speed-orbit{position:absolute;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:900;border:2px solid #ffffff70;box-shadow:inset -4px -5px 8px #0003,0 4px 7px #0006;animation:woodDrumFloat 2.1s ease-in-out infinite}
.ws0{left:12px;top:58px}.ws1{left:42px;top:24px}.ws2{left:84px;top:10px}.ws3{left:130px;top:16px}.ws4{right:44px;top:26px}.ws5{right:12px;top:60px}.ws6{right:28px;top:102px}.ws7{right:58px;bottom:26px}.ws8{left:125px;bottom:8px}.ws9{left:76px;bottom:18px}.ws10{left:33px;bottom:28px}.ws11{left:11px;top:102px}.ws12{left:88px;top:58px}.ws13{left:128px;top:68px}.ws14{left:93px;bottom:48px}.ws15{left:48px;top:85px}
.wood-speed-orbit.k0,.wood-speed-result .eject-ball.k0,.wood-mini-ball.speed.k0{background:linear-gradient(145deg,#e64a33,#b22d1d)}
.wood-speed-orbit.k1,.wood-speed-result .eject-ball.k1,.wood-mini-ball.speed.k1{background:linear-gradient(145deg,#3488db,#165ba4)}
.wood-speed-orbit.k2,.wood-speed-result .eject-ball.k2,.wood-mini-ball.speed.k2{background:linear-gradient(145deg,#7fb646,#4a8121)}
.wood-speed-orbit.k3,.wood-speed-result .eject-ball.k3,.wood-mini-ball.speed.k3{background:linear-gradient(145deg,#e7b22a,#b97b0d)}
.wood-speed-orbit.k4,.wood-speed-result .eject-ball.k4,.wood-mini-ball.speed.k4{background:linear-gradient(145deg,#d96e85,#a43a57)}
.wood-speed-orbit.k5,.wood-speed-result .eject-ball.k5,.wood-mini-ball.speed.k5{background:linear-gradient(145deg,#7f7de8,#4f4fb6)}
.wood-speed-orbit.k6,.wood-speed-result .eject-ball.k6,.wood-mini-ball.speed.k6{background:linear-gradient(145deg,#5ab2a7,#26746c)}
.wood-speed-result-box{width:min(460px,98%)}
.wood-speed-result{justify-content:center;gap:6px}
.wood-speed-result .eject-ball{width:32px;height:32px;font-size:9px}

.wood-ladder-center .wood-ladder-wrap{width:min(320px,96%);margin:0 auto 6px;padding:18px 12px;border-radius:18px;background:linear-gradient(#3b1b0a,#1d0d05);box-shadow:inset 0 0 0 2px #eab242,0 5px 12px #0007}
.wood-ladder-center .wood-ladder-board{width:100%;height:270px;margin:0 auto;position:relative;background:#2a1308;border:2px solid #b67d2e;border-radius:14px;box-shadow:inset 0 0 25px #0007}
.wood-ladder-center .ladder-rail{background:#ffd99d}.wood-ladder-center .ladder-bars i{background:#ffb44f}.wood-ladder-center .ladder-start{font-size:13px;color:#ffebb8}.wood-ladder-center .ladder-runner{color:#ffd44e;text-shadow:0 0 9px #ffd84a}
.wood-ladder-outcome{width:min(420px,95%);margin-top:10px;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;color:#ead7b9}
.wood-ladder-outcome span{font-size:9px;color:#d1b38d}

.wood-game-speed .wood-result-balls,.wood-game-ladder .wood-result-balls{min-height:auto}
.broadcast-game-random .official-source-links{display:none}

@media(max-width:1280px){
 .wood-power-frame{grid-template-columns:120px minmax(0,1fr) 185px!important}
 .wood-result-box,.wood-classification-strip,.wood-live-footer{width:min(100%,430px)}
}
@media(max-width:980px){
 .self-broadcast-card.wood-power-broadcast .self-broadcast-stage.wood-stage-wrap{min-height:720px}
 .wood-power-frame{grid-template-columns:minmax(0,1fr)!important;gap:8px}
 .wood-power-left{display:none}
 .wood-recent-results{min-height:auto}
 .wood-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .wood-recent-row{min-width:0}
}
@media(max-width:620px){
 .wood-recent-list{grid-template-columns:1fr}
 .wood-speed-center .wood-speed-drum{width:250px;height:225px}
 .wood-speed-center .wood-speed-wheel{width:220px;height:165px}
 .wood-speed-orbit{width:28px;height:28px;font-size:8px}
 .wood-ladder-center .wood-ladder-wrap{width:100%;padding:12px 8px}
 .wood-ladder-center .wood-ladder-board{height:230px}
 .wood-power-stage{padding:8px}
 .wood-power-center{padding:12px 8px}
}


/* ===== 홈 메인 목재/골드 실시간 중계 허브 ===== */
.home-broadcast-hub{
 margin-top:10px;
 border:5px solid #5b2c10;
 border-radius:16px;
 padding:10px;
 background:
   linear-gradient(90deg,rgba(255,255,255,.04),transparent 25%,rgba(255,255,255,.025) 70%,transparent),
   linear-gradient(#754018,#40200c);
 box-shadow:inset 0 0 0 2px #ba7628,inset 0 -12px 20px #281206,0 5px 15px rgba(41,19,6,.18);
 overflow:hidden
}
.home-broadcast-hub-head{
 min-height:54px;
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:4px 9px 10px;
 border-bottom:1px solid #9a6028;
 color:#fff0ce
}
.home-broadcast-hub-head>div>span{
 display:inline-flex;align-items:center;
 border-radius:999px;padding:3px 7px;
 background:#e84434;color:#fff;font-size:8px;font-weight:950
}
.home-broadcast-hub-head h2{
 display:inline-block;margin:0 6px;font-size:18px;color:#fff1cf;text-shadow:0 2px #2c1307
}
.home-broadcast-hub-head small{font-size:8px;color:#d8b98d}
.home-broadcast-hub-head>em{
 font-style:normal;font-size:9px;font-weight:950;color:#ffc94a;
 border:1px solid #a96b24;border-radius:999px;padding:6px 9px;background:#3b1c0a
}
.home-broadcast-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:9px
}
.home-broadcast-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.home-broadcast-grid-four .home-wood-broadcast-card{width:100%;height:100%}
.home-wood-broadcast-card{
 position:relative;min-width:0;min-height:190px;
 display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
 border:3px solid #2e1407!important;border-radius:12px!important;
 padding:10px 9px!important;
 background:
   radial-gradient(circle at 50% 35%,rgba(255,177,66,.13),transparent 34%),
   linear-gradient(#48250f,#271207)!important;
 color:#fff!important;text-align:center!important;cursor:pointer;
 box-shadow:inset 0 0 0 1px #8f5726,0 3px 8px rgba(0,0,0,.35);
 transition:transform .18s ease,filter .18s ease
}
.home-wood-broadcast-card:hover{transform:translateY(-3px);filter:brightness(1.12)}
.home-wood-live{
 position:absolute;left:9px;top:8px;border-radius:999px;
 padding:3px 6px;background:#d93c2f;color:#fff;font-size:7px;font-weight:950
}
.home-wood-broadcast-card strong{margin-top:8px;font-size:14px!important;color:#ffe0a3!important;text-shadow:0 2px #2c1308}
.home-wood-broadcast-card>small{display:block!important;min-height:24px;margin-top:3px!important;font-size:8px!important;line-height:1.45;color:#cbae85!important}
.home-wood-broadcast-card>em{margin-top:7px;font-style:normal;font-size:9px;font-weight:950;color:#ffc84d}
.home-wood-machine{
 position:relative;width:92px;height:92px;border-radius:50%;margin-top:12px;
 border:7px solid #b47722;background:radial-gradient(circle,#5b3218,#201006 74%);
 box-shadow:inset 0 0 0 3px #51270d,0 0 12px #e89a2640
}
.home-wood-machine:before{
 content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid #e8a63d66
}
.home-wood-machine i{
 position:absolute;width:19px;height:19px;border-radius:50%;
 border:1px solid #ffffff65;box-shadow:inset -2px -2px 3px #0003
}
.home-wood-machine i:nth-child(1){left:16px;bottom:17px;background:#df4935}
.home-wood-machine i:nth-child(2){left:35px;bottom:10px;background:#3483c9}
.home-wood-machine i:nth-child(3){right:15px;bottom:18px;background:#76a83f}
.home-wood-machine i:nth-child(4){left:27px;bottom:33px;background:#e4a724}
.home-wood-machine i:nth-child(5){right:25px;bottom:37px;background:#d66778}
.home-wood-machine.speed i:nth-child(6){left:17px;bottom:40px;background:#655ec3}
.home-wood-machine b{
 position:absolute;right:-5px;bottom:-3px;width:27px;height:27px;border-radius:50%;
 display:grid;place-items:center;background:#2188c8;border:2px solid #fff8;
 font-size:10px;color:#fff
}
.home-mini-ladder{
 position:relative;width:88px;height:92px;margin-top:12px;
 border:5px solid #9c6024;border-radius:9px;background:#241106;box-shadow:inset 0 0 12px #000
}
.home-mini-ladder:before,.home-mini-ladder:after{
 content:"";position:absolute;top:13px;bottom:12px;width:4px;border-radius:5px;background:#ffe0a4
}
.home-mini-ladder:before{left:26px}.home-mini-ladder:after{right:26px}
.home-mini-ladder i{
 position:absolute;left:28px;right:28px;height:4px;background:#f0ad42;border-radius:4px
}
.home-mini-ladder i:nth-child(1){top:24px}.home-mini-ladder i:nth-child(2){top:40px}.home-mini-ladder i:nth-child(3){top:56px}.home-mini-ladder i:nth-child(4){top:71px}
.home-mini-ladder b{
 position:absolute;left:20px;top:11px;color:#ffd44e;font-size:15px;text-shadow:0 0 7px #ffcd39
}
.home-secondary-links{grid-template-columns:repeat(3,1fr)!important}
.home-secondary-links button{
 border-color:#d5e1ec!important;background:#fff!important
}
@media(max-width:1180px){
 .home-broadcast-grid,.home-broadcast-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .home-broadcast-hub-head{align-items:flex-start;flex-direction:column}
 .home-broadcast-hub-head h2{font-size:15px}
 .home-broadcast-grid{grid-template-columns:1fr 1fr}
 .home-wood-broadcast-card{min-height:175px}
 .home-secondary-links{grid-template-columns:1fr!important}
}
@media(max-width:430px){
 .home-broadcast-grid,.home-broadcast-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .home-wood-broadcast-card{min-height:165px;padding-inline:5px!important}
 .home-wood-machine{width:78px;height:78px}
 .home-mini-ladder{transform:scale(.86);margin-block:4px -2px}
}

/* ===== 2026-08-13 방장 관리 + 모바일 채팅 공간 최적화 ===== */
@media(max-width:800px){
 .member-room-split.member-room-popup{font-size:11px!important}
 .member-room-split.member-room-popup .member-room-top{padding:7px 8px!important;gap:5px!important}
 .member-room-split.member-room-popup .member-room-title b{font-size:12px!important}
 .member-room-split.member-room-popup .member-room-title small{font-size:7px!important}
 .member-room-split.member-room-popup .room-header-pick-stats>span{font-size:7px!important}
 .member-room-split.member-room-popup .room-header-pick-stats strong,
 .member-room-split.member-room-popup .room-header-pick-stats em,
 .member-room-split.member-room-popup .room-header-pick-stats i{font-size:8px!important}
 .member-room-split.member-room-popup .room-owner-live-score small,
 .member-room-split.member-room-popup .room-result-with-timers small{font-size:8px!important}
 .member-room-split.member-room-popup .room-owner-live-score b,
 .member-room-split.member-room-popup .room-result-with-timers b{font-size:13px!important}
 .member-room-split.member-room-popup .member-room-top-tools button{min-height:39px!important;height:39px!important;font-size:9px!important}
 .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{min-height:66px!important}
 .member-room-split.member-room-popup .room-result-with-timers .room-result-until,
 .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown{min-height:54px!important;padding:4px!important}
 .member-room-split.member-room-popup .member-room-notice{min-height:36px!important;padding:5px 8px!important;font-size:8px!important;line-height:1.35!important}
 .member-room-split.member-room-popup #memberRoomNoticeToggle{display:block!important;flex:none!important}
 .member-room-split.member-room-popup .member-room-notice.collapsed{min-height:31px!important;padding-block:3px!important}
 .member-room-split.member-room-popup .member-room-notice.collapsed em{display:none!important}
 .member-room-split.member-room-popup .member-room-messages{flex-basis:48dvh!important;height:48dvh!important;min-height:310px!important;max-height:62dvh!important;padding:6px!important}
 .member-room-split.member-room-popup .member-room-messages .message{padding:5px 2px!important}
 .member-room-split.member-room-popup .member-room-messages .message b,
 .member-room-split.member-room-popup .member-room-messages .message p,
 .member-room-split.member-room-popup .room-system-message{font-size:9px!important;line-height:1.4!important}
 .member-room-split.member-room-popup .room-result-chat-card{padding:7px!important}
 .member-room-split.member-room-popup .room-result-chat-value{width:27px!important;height:27px!important;font-size:9px!important}
 .member-room-split.member-room-popup .room-pick-once-notice{padding:4px 7px!important;font-size:8px!important}
 .member-room-split.member-room-popup .room-pick-once-notice b{font-size:9px!important}
 .member-room-split.member-room-popup .mobile-room-pick-toggle{min-height:38px!important;margin:4px 7px!important;font-size:10px!important}
 .member-room-split.member-room-popup .mobile-room-pick-toggle>span,
 .member-room-split.member-room-popup .mobile-room-pick-toggle>b{font-size:10px!important}
 .member-room-split.member-room-popup .mobile-room-pick-drawer:not(.open){display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important}
 .member-room-split.member-room-popup .room-owner-inline-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px}
 .member-room-split.member-room-popup .room-owner-inline-tools button{min-height:34px;font-size:9px}
 .member-room-split.member-room-popup .room-owner-inline-tools button:last-child{grid-column:1/-1}
 .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:3px}
 .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools button{min-height:30px;font-size:7px;padding:2px}
 .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools button:last-child{grid-column:auto}
 .member-room-split.member-room-popup .member-room-compose{padding:6px!important}
 .member-room-split.member-room-popup .member-room-compose input{height:38px!important;font-size:11px!important}
 .member-room-split.member-room-popup .member-room-compose button{width:44px!important}
 .member-room-split.member-room-popup .member-room-members{font-size:9px!important}
 .room-member-manage-menu{max-width:calc(100vw - 16px)!important}
}


/* ===== 유령 회원/유령방 제거 후 실제 대기실 ===== */
.waiting-empty-real{
 padding:26px 10px;
 text-align:center;
 color:#71869a;
 font-size:10px;
 line-height:1.6;
 background:#f8fbfd;
 border-bottom:1px solid #e3ebf2
}
.real-waiting-user{
 background:#fff
}
.empty-room-mini{
 padding:18px 8px;
 text-align:center;
 color:#74899b;
 font-size:9px
}


/* ===== BEPICK 동행랜덤볼/동행사다리/PBG파워볼 정식 퍼가기 중계 ===== */
.home-wood-broadcast-card.pbg{background:radial-gradient(circle at 50% 35%,rgba(55,145,255,.18),transparent 34%),linear-gradient(#402513,#211006)!important}
.home-wood-broadcast-card.pbg .pbg-machine{border-color:#c48b35;box-shadow:inset 0 0 0 3px #51270d,0 0 16px rgba(77,153,255,.35)}
.home-wood-broadcast-card.pbg .pbg-machine>b{width:34px;height:26px;border-radius:8px;font-size:7px;background:#175b9d}
.bepick-live-card{background:#231007;border:5px solid #5d2c0d;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 2px #b87225,0 4px 14px #24100426}
.bepick-live-head{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(#6e3915,#3a1b08);border-bottom:1px solid #a76827;color:#ffe7b6}
.bepick-live-head>div{display:flex;align-items:center;gap:8px}.bepick-live-head span{background:#df3f34;color:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950}.bepick-live-head b{font-size:14px}.bepick-live-head small{font-size:8px;color:#d0aa7a}
.bepick-iframe-shell{width:100%;height:660px;overflow:hidden;background:#111;position:relative}
.bepick-iframe-shell iframe{display:block;width:830px;max-width:none;height:660px;border:0;margin:0 auto;background:#fff}
.bepick-sync-result{margin-top:8px;display:grid;grid-template-columns:180px 80px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:9px 12px;border:1px solid #d7c09e;border-radius:9px;background:#fffaf1}
.bepick-sync-result>div:first-child{display:flex;flex-direction:column;gap:2px}.bepick-sync-result>div:first-child b{font-size:11px;color:#5b2c0c}.bepick-sync-result>div:first-child span{font-size:8px;color:#92714a}.bepick-sync-result>strong{font-size:16px;color:#5a2a0c}.bepick-sync-values{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.bepick-sync-values .self-ballset{justify-content:flex-start}.bepick-sync-result.pending{display:block;text-align:center;padding:20px;color:#80633f}.external-api-range-note{margin-top:8px;padding:7px 9px;border-radius:6px;background:#f7f1e8;color:#72502f;font-size:8px}
@media(max-width:900px){.bepick-iframe-shell{height:auto;aspect-ratio:830/660}.bepick-iframe-shell iframe{width:100%;height:100%;margin:0}.bepick-sync-result{grid-template-columns:1fr}.home-broadcast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bepick-live-head{align-items:flex-start;flex-direction:column}.bepick-live-head b{font-size:12px}.home-broadcast-grid,.home-broadcast-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== 2026-08-12 업로드 레퍼런스 기반 대형 목재/골드 방송 스튜디오 ===== */
.studio-broadcast-card{border:0!important;background:#140b05!important;overflow:hidden!important;border-radius:13px!important;box-shadow:0 7px 24px #2a13063d!important}
.studio-stage-wrap{padding:0!important;display:block!important;min-height:0!important;background:#0c0704!important;overflow:hidden!important}
.studio-stage-wrap:before{display:none!important}
.studio-broadcast-stage{position:relative;width:100%;box-sizing:border-box;padding:15px 15px 17px;background:radial-gradient(circle at 52% 42%,#3a1908 0,#160b05 58%,#090503 100%);color:#fff6dc;overflow:hidden}
.studio-broadcast-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.19;background:repeating-linear-gradient(90deg,#4c260d 0,#4c260d 2px,transparent 2px,transparent 55px),linear-gradient(#1b0e06aa,#080402aa)}
.studio-title{position:relative;z-index:2;width:min(760px,74%);min-height:74px;margin:0 auto -4px;display:flex;align-items:center;justify-content:center;gap:19px;padding:7px 35px;box-sizing:border-box;border:5px solid #3a1907;border-radius:19px 19px 28px 28px;background:linear-gradient(#7f4318,#452009 60%,#321607);box-shadow:inset 0 0 0 2px #d58a2d,inset 0 -8px 12px #210d03,0 5px 10px #0008}
.studio-title:before,.studio-title:after{content:"";position:absolute;top:5px;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#d99a3d 0 28%,#6c330f 31% 55%,#d89938 59% 66%,#321506 70%);box-shadow:0 2px 4px #0008}
.studio-title:before{left:8px}.studio-title:after{right:8px}
.studio-title i{font-style:normal;color:#e9a922;font-size:24px;text-shadow:0 2px #6a3109}.studio-title strong{font-size:31px;letter-spacing:-1.5px;color:#fff1d0;text-shadow:0 3px 1px #351304,0 0 9px #e9ad4720;white-space:nowrap}.studio-title em{font-style:normal;color:#ffc400;text-shadow:0 3px #6f3706}
.studio-frame{position:relative;z-index:1;display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(440px,2.55fr) minmax(210px,1.25fr);gap:10px;width:100%;box-sizing:border-box;padding:17px 14px 14px;border:8px solid #4b2109;border-radius:25px;background:linear-gradient(90deg,#6d3814,#3c1b08 14%,#281207 52%,#3e1c08 85%,#6e3914);box-shadow:inset 0 0 0 3px #c77e28,inset 0 0 0 7px #7b4016,inset 0 -14px 20px #160803,0 7px 18px #0009;overflow:hidden}
.studio-frame:before{content:"";position:absolute;inset:7px;border:1px solid #d3923b60;border-radius:17px;pointer-events:none}
.studio-brand-panel,.studio-center,.studio-recent{position:relative;z-index:2;min-width:0;border:4px solid #2b1205;border-radius:18px;background:linear-gradient(#3a1a08,#1f0d04);box-shadow:inset 0 0 0 2px #8f511d,inset 0 0 24px #0008;overflow:hidden}
.studio-brand-panel{min-height:625px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px}.studio-spotlight{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:78%;height:290px;background:radial-gradient(ellipse at top,#d57e2e75 0,#8c431c35 32%,transparent 70%);filter:blur(5px)}
.studio-brand{position:relative;z-index:2;margin-top:auto;margin-bottom:auto;text-align:center;color:#6f3a18;text-shadow:0 2px #160903}.studio-brand>span{display:block;color:#d9942f;font-size:46px;line-height:1}.studio-brand>b{display:block;margin-top:8px;font-size:25px}.studio-brand>strong{display:block;margin-top:6px;font-size:14px;letter-spacing:2px;color:#7e441d}.studio-brand>small{display:block;margin-top:8px;font-size:8px;letter-spacing:3px;color:#8b4d23}
.studio-brand-bottom{position:relative;z-index:2;width:100%;margin-top:auto;text-align:center;border-top:1px solid #75401d;padding-top:16px}.studio-brand-bottom>span{display:block;color:#ff4d36;font-size:9px;font-weight:950}.studio-brand-bottom>small{display:block;margin-top:7px;color:#b98f61;font-size:8px;line-height:1.5}.studio-sound{margin-top:13px;width:100%;border:1px solid #c18431;border-radius:7px;background:linear-gradient(#713b14,#3c1b08);color:#ffe5b5;padding:8px;font-size:8px;font-weight:900;cursor:pointer}
.studio-center{min-height:625px;display:flex;flex-direction:column;align-items:center;padding:14px 13px 13px;background:radial-gradient(circle at 50% 37%,#4b210d 0,#281006 58%,#180a04 100%)}
.studio-center:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#d9852d40,transparent 45%);pointer-events:none}
.studio-live-clock{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:18px;min-width:250px;padding:9px 22px;border:4px solid #2b1205;border-radius:999px;background:linear-gradient(#562b10,#2e1307);box-shadow:inset 0 0 0 1px #a76624,0 4px 10px #0008}.studio-live-clock span{font-size:12px;font-weight:950}.studio-live-clock span i{font-style:normal;color:#f04a27}.studio-live-clock b{font-size:23px;letter-spacing:1px;color:#fff}
.studio-draw-machine{position:relative;width:350px;height:315px;margin:-4px auto -17px;display:grid;place-items:center;z-index:2}.studio-bulb-ring{position:absolute;width:282px;height:282px;border-radius:50%;border:17px solid #a96218;background:#3a1807;box-shadow:0 0 0 5px #321305,0 0 0 8px #b87521,inset 0 0 15px #000,0 10px 17px #0008}.studio-bulb-ring i{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4px;border-radius:50%;background:#ffd86b;box-shadow:0 0 8px #ffbd24,0 0 14px #ff8a13}.studio-bulb-ring .b0{transform:rotate(0deg) translateY(-141px)}.studio-bulb-ring .b1{transform:rotate(22.5deg) translateY(-141px)}.studio-bulb-ring .b2{transform:rotate(45deg) translateY(-141px)}.studio-bulb-ring .b3{transform:rotate(67.5deg) translateY(-141px)}.studio-bulb-ring .b4{transform:rotate(90deg) translateY(-141px)}.studio-bulb-ring .b5{transform:rotate(112.5deg) translateY(-141px)}.studio-bulb-ring .b6{transform:rotate(135deg) translateY(-141px)}.studio-bulb-ring .b7{transform:rotate(157.5deg) translateY(-141px)}.studio-bulb-ring .b8{transform:rotate(180deg) translateY(-141px)}.studio-bulb-ring .b9{transform:rotate(202.5deg) translateY(-141px)}.studio-bulb-ring .b10{transform:rotate(225deg) translateY(-141px)}.studio-bulb-ring .b11{transform:rotate(247.5deg) translateY(-141px)}.studio-bulb-ring .b12{transform:rotate(270deg) translateY(-141px)}.studio-bulb-ring .b13{transform:rotate(292.5deg) translateY(-141px)}.studio-bulb-ring .b14{transform:rotate(315deg) translateY(-141px)}.studio-bulb-ring .b15{transform:rotate(337.5deg) translateY(-141px)}
.studio-glass-drum{position:relative;width:250px;height:250px;border-radius:50%;overflow:hidden;border:10px solid #d4912c;background:radial-gradient(circle at 37% 25%,#ffffff40 0 4%,transparent 15%),radial-gradient(circle at 50% 68%,#7d3f1860,#1f0d05df 72%);box-shadow:inset 0 0 0 4px #713711,inset 0 0 35px #000b,0 0 15px #f2a73528}.studio-glass-drum:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid #ffffff27;pointer-events:none}.studio-glare{position:absolute;z-index:5;left:28px;top:25px;width:90px;height:40px;border-radius:50%;border-top:13px solid #ffffff42;transform:rotate(-22deg)}.studio-drum-shadow{position:absolute;left:20%;right:20%;bottom:5px;height:25px;border-radius:50%;background:#0008;filter:blur(4px)}
.studio-float-ball{position:absolute;z-index:3;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:950;border:2px solid #ffffff6e;box-shadow:inset -5px -6px 8px #0003,0 4px 8px #0008;animation:studioBallFloat 2.3s ease-in-out infinite}.studio-float-ball.n0{background:#df4935}.studio-float-ball.n1{background:#3584cb}.studio-float-ball.n2{background:#75aa3d}.studio-float-ball.n3{background:#e5a827}.studio-float-ball.n4{background:#d96879}.studio-float-ball.speed.k0{background:#e24a36}.studio-float-ball.speed.k1{background:#337fd0}.studio-float-ball.speed.k2{background:#74a945}.studio-float-ball.speed.k3{background:#dfaa29}.studio-float-ball.speed.k4{background:#d76a7b}.studio-float-ball.speed.k5{background:#756bd2}.studio-float-ball.speed.k6{background:#3d9d94}
.sf0{left:45px;bottom:40px}.sf1{left:80px;bottom:27px;animation-delay:-.2s}.sf2{left:119px;bottom:34px;animation-delay:-.4s}.sf3{left:153px;bottom:45px;animation-delay:-.6s}.sf4{left:179px;bottom:67px;animation-delay:-.8s}.sf5{left:57px;bottom:75px;animation-delay:-1s}.sf6{left:96px;bottom:70px;animation-delay:-1.2s}.sf7{left:135px;bottom:78px;animation-delay:-1.4s}.sf8{left:165px;bottom:98px;animation-delay:-1.6s}.sf9{left:75px;bottom:107px;animation-delay:-1.8s}.sf10{left:116px;bottom:113px;animation-delay:-2s}.sf11{left:147px;bottom:129px;animation-delay:-2.2s}.sf12{left:50px;bottom:133px;animation-delay:-.7s}.sf13{left:99px;bottom:148px;animation-delay:-1.3s}.sf14{left:163px;bottom:151px;animation-delay:-1.9s}
@keyframes studioBallFloat{0%,100%{transform:translate(0,0) rotate(-6deg)}35%{transform:translate(10px,-14px) rotate(12deg)}68%{transform:translate(-8px,-6px) rotate(-12deg)}}
.studio-machine-feet{position:absolute;left:25px;right:25px;bottom:4px;height:55px;border-bottom:17px solid #2b170d;z-index:-1}.studio-machine-feet i{position:absolute;bottom:0;width:22px;height:90px;background:linear-gradient(90deg,#31170a,#704019,#2d1408);border:2px solid #966028}.studio-machine-feet i:first-child{left:49px;transform:skew(-8deg)}.studio-machine-feet i:last-child{right:49px;transform:skew(8deg)}
.studio-round-plaque{position:relative;z-index:5;margin-top:0;padding:7px 30px;border:5px solid #321406;border-radius:14px;background:linear-gradient(#784315,#3b1a07);box-shadow:inset 0 0 0 2px #d88d2c,0 5px 9px #0008}.studio-round-plaque b{font-size:22px;color:#ffe0a0;text-shadow:0 2px #3a1604}
.studio-result-console{position:relative;z-index:4;width:min(500px,96%);margin-top:7px;padding:13px 14px 7px;box-sizing:border-box;border:5px solid #3b1806;border-radius:20px;background:linear-gradient(#351608,#190904);box-shadow:inset 0 0 0 2px #f0bb45,0 6px 12px #0008}.studio-result-main{display:flex;align-items:center;justify-content:center;gap:9px}.studio-result-main>i{width:1px;height:62px;background:#c28a38;margin:0 6px}.studio-result-ball{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:950;border:3px solid #ffffff60;box-shadow:inset -7px -9px 11px #0003,0 7px 10px #0008}.studio-result-ball.n0{background:linear-gradient(145deg,#ef5032,#b52516)}.studio-result-ball.n1{background:linear-gradient(145deg,#438fe5,#174f9b)}.studio-result-ball.n2{background:linear-gradient(145deg,#86bd49,#4d7d1b)}.studio-result-ball.n3{background:linear-gradient(145deg,#f5ba2e,#bc7410)}.studio-result-ball.n4{background:linear-gradient(145deg,#ed7787,#b6324d)}.studio-result-ball.power{width:63px;height:63px;background:linear-gradient(145deg,#31a3e3,#145d9b)}.studio-result-label{display:grid;grid-template-columns:1fr 1px 76px;align-items:center;gap:10px;margin-top:5px;color:#e1c28f;font-size:12px;text-align:center}.studio-result-label>i{height:22px;background:#b17932}
.studio-result-ball[data-studio-ball-index],.studio-speed-results [data-studio-ball-index]{opacity:.16;transform:translateY(-14px) scale(.72);filter:grayscale(.55);transition:opacity .18s ease,transform .65s cubic-bezier(.17,.89,.32,1.35),filter .25s ease}
.studio-result-ball.studio-ball-revealed,.studio-speed-results .studio-ball-revealed{opacity:1;transform:translateY(0) scale(1);filter:none}
.studio-result-ball.fresh-pop,.studio-speed-results .fresh-pop{animation:studioConfiguredBallPop .85s cubic-bezier(.18,.89,.28,1.4)}
@keyframes studioConfiguredBallPop{0%{transform:translateY(-22px) scale(.62)}62%{transform:translateY(3px) scale(1.13)}100%{transform:translateY(0) scale(1)}}
.studio-speed-results{display:grid;grid-template-columns:repeat(11,1fr);gap:5px}.studio-speed-results span{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:950;border:1px solid #ffffff62;box-shadow:inset -3px -4px 5px #0003}.studio-speed-results .k0{background:#df4732}.studio-speed-results .k1{background:#347dca}.studio-speed-results .k2{background:#76a841}.studio-speed-results .k3{background:#dda526}.studio-speed-results .k4{background:#d26778}.studio-speed-results .k5{background:#7169cc}.studio-speed-results .k6{background:#399990}
.studio-result-wait{padding:28px 8px;text-align:center;color:#d4b486;font-size:11px}.studio-broadcast-note{position:relative;z-index:3;width:min(520px,96%);margin-top:10px;padding:9px 13px;box-sizing:border-box;border:2px solid #6b3715;border-radius:999px;background:linear-gradient(#5e3012,#311407);text-align:center}.studio-broadcast-note>div{display:flex;justify-content:center;align-items:center;gap:8px}.studio-broadcast-note strong{color:#ffc023;font-size:19px}.studio-broadcast-note b{font-size:12px;color:#f2d9b4}.studio-broadcast-note small{font-size:8px;color:#b99a72}.studio-timer{display:flex;align-items:center;justify-content:center;gap:7px;min-height:25px;color:#8f6b45;font-size:7px}.studio-timer #selfLiveTimer{display:none}.studio-timer #selfDrawState{color:#b89060}.studio-timer #selfDrawStatus{font-style:normal;color:#80613f}.studio-timer strong{color:#d6a551}
.studio-recent{min-height:625px;padding:13px 11px;box-sizing:border-box}.studio-recent-heading{height:42px;display:grid;place-items:center;border:3px solid #321406;border-radius:13px;background:linear-gradient(#6e3b13,#3a1907);box-shadow:inset 0 0 0 1px #9d6024;color:#ffd994;font-size:15px;font-weight:950}.studio-recent-list{display:flex;flex-direction:column;gap:11px;margin-top:13px}.studio-recent-row{min-height:86px;padding:10px 9px;box-sizing:border-box;border:2px solid #5d3216;border-radius:13px;background:linear-gradient(#3a1a0a,#281006);box-shadow:inset 0 0 12px #0006}.studio-recent-row>b{display:block;text-align:center;margin-bottom:9px;color:#e8ceb0;font-size:11px}.studio-mini-balls{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.studio-mini-balls>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:950;border:1px solid #ffffff55;box-shadow:inset -3px -4px 5px #0003}.studio-mini-balls .n0{background:#df4935}.studio-mini-balls .n1{background:#3584cb}.studio-mini-balls .n2{background:#75aa3d}.studio-mini-balls .n3{background:#e5a827}.studio-mini-balls .n4{background:#d96879}.studio-mini-balls .power{background:#2f8dcf}.studio-mini-balls>i{height:27px;width:1px;background:#8d5b2a;margin:0 2px}.studio-mini-speed{display:flex;align-items:center;justify-content:center;gap:3px}.studio-mini-speed span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#367fc3;color:#fff;font-size:8px;font-weight:900}.studio-mini-speed small{font-size:8px;color:#c29a69}.studio-mini-marks{display:flex;justify-content:center;gap:5px}.studio-no-data,.studio-recent-empty{display:block;text-align:center;color:#9d7950;font-size:9px;padding:18px 4px}
.studio-ladder-machine{position:relative;width:min(350px,85%);margin:35px auto 12px;padding:15px;border:10px solid #9e5d1b;border-radius:22px;background:#271006;box-shadow:0 0 0 4px #3b1706,0 9px 16px #0008,inset 0 0 20px #000}.studio-ladder-glass{position:relative;height:300px;border:3px solid #c9822b;border-radius:15px;background:radial-gradient(circle at 50% 0,#85451e44,#160904 65%);box-shadow:inset 0 0 25px #000}.studio-ladder-glass .rail{position:absolute;top:48px;bottom:35px;width:7px;border-radius:7px;background:#ffe0a0;box-shadow:0 0 8px #edaa42}.studio-ladder-glass .rail.left{left:30%}.studio-ladder-glass .rail.right{right:30%}.studio-ladder-glass .start{position:absolute;top:13px;color:#ffe2aa;font-size:15px;font-weight:950}.studio-ladder-glass .start.left{left:27%}.studio-ladder-glass .start.right{right:27%}.studio-ladder-glass .bars i{position:absolute;left:31%;right:31%;height:7px;border-radius:6px;background:#e4a03c;box-shadow:0 0 6px #efae4e}.studio-ladder-glass .runner{position:absolute;top:42px;color:#ffd62c;font-size:21px;text-shadow:0 0 9px #ffcc27;animation:ladderPulse 1s ease-in-out infinite}.studio-ladder-glass .runner.left{left:27%}.studio-ladder-glass .runner.right{right:27%}.studio-ladder-result{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:10px}.studio-ladder-result .result-pictogram{font-size:10px}
@media(max-width:1180px){.studio-title{width:82%}.studio-frame{grid-template-columns:130px minmax(400px,1fr) 190px}.studio-result-ball{width:50px;height:50px;font-size:18px}.studio-result-ball.power{width:56px;height:56px}.studio-mini-balls>span{width:24px;height:24px;font-size:8px}.studio-brand-panel,.studio-center,.studio-recent{min-height:590px}}
@media(max-width:930px){.studio-title{width:96%;min-height:64px}.studio-title strong{font-size:24px}.studio-frame{grid-template-columns:minmax(0,1fr);padding:12px}.studio-brand-panel{display:none}.studio-center{min-height:600px}.studio-recent{min-height:0}.studio-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-recent-row{min-height:78px}.studio-broadcast-stage{padding:10px}.studio-speed-results{grid-template-columns:repeat(6,1fr)}}
@media(max-width:600px){.studio-title{min-height:55px;padding:6px 25px;gap:8px}.studio-title strong{font-size:18px;white-space:normal;text-align:center}.studio-title i{font-size:16px}.studio-frame{border-width:5px;padding:8px}.studio-center{min-height:530px;padding:10px 6px}.studio-live-clock{min-width:205px;padding:7px 13px}.studio-live-clock b{font-size:18px}.studio-draw-machine{width:285px;height:275px;transform:scale(.88);margin:-12px auto -28px}.studio-round-plaque b{font-size:17px}.studio-result-console{padding:10px 8px 6px}.studio-result-main{gap:5px}.studio-result-ball{width:41px;height:41px;font-size:14px;border-width:2px}.studio-result-ball.power{width:47px;height:47px}.studio-result-main>i{height:48px;margin:0 2px}.studio-result-label{font-size:9px;grid-template-columns:1fr 1px 57px}.studio-broadcast-note{border-radius:14px}.studio-recent-list{grid-template-columns:1fr}.studio-ladder-machine{width:92%;margin-top:22px;padding:9px;border-width:7px}.studio-ladder-glass{height:250px}.studio-speed-results{grid-template-columns:repeat(6,1fr)}}


/* ===== 2026-08-12 화면 잘림 + 방개설 게임목록 hotfix ===== */
:root{--member-room-width:clamp(430px,34vw,560px)}
#memberRoomSplitInner{height:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}
.member-room-top{flex:0 0 auto!important}
.member-room-body{flex:1 1 auto!important;height:auto!important;min-height:0!important}
.member-room-chat,.member-room-members,.member-room-side-content,.room-owner-pick-sidepanel,.member-room-participant-list,.member-room-messages{min-height:0!important}
body.member-room-split-open{overflow-x:hidden!important}
body.member-room-split-open .shell,
body.member-room-split-open #page,
body.member-room-split-open .pagebox,
body.member-room-split-open .self-broadcast-card,
body.member-room-split-open .studio-stage-wrap{min-width:0!important}
body.member-room-split-open .studio-title{width:min(680px,95%)!important}
body.member-room-split-open .studio-frame{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:10px!important}
body.member-room-split-open .studio-brand-panel{display:none!important}
body.member-room-split-open .studio-center{min-height:560px!important}
body.member-room-split-open .studio-draw-machine{transform:scale(.92)!important;transform-origin:center top!important}
body.member-room-split-open .studio-result-console,
body.member-room-split-open .studio-broadcast-note{width:min(480px,100%)!important}
body.member-room-split-open .studio-recent{min-height:0!important;padding:10px!important}
body.member-room-split-open .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.member-room-split-open .studio-recent-row{min-height:78px!important}
body.member-room-split-open .studio-mini-balls{flex-wrap:wrap!important}
@media(max-width:1500px){:root{--member-room-width:clamp(420px,36vw,540px)}}
@media(max-width:1180px){body.member-room-split-open .studio-recent-list{grid-template-columns:1fr!important}}


/* ===== FINAL: 채팅방 분할 상태 중계화면 잘림 방지 ===== */
html,body{max-width:100%;overflow-x:hidden}
body.member-room-split-open{--split-main-safe:calc(100vw - var(--member-room-width));max-width:100vw!important}
body.member-room-split-open .shell{width:100%!important;max-width:var(--split-main-safe)!important;box-sizing:border-box!important}
body.member-room-split-open .centercol{min-width:0!important;width:100%!important;max-width:100%!important}
body.member-room-split-open #page{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}
body.member-room-split-open .studio-broadcast-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
body.member-room-split-open .studio-broadcast-stage{width:100%!important;max-width:100%!important;padding:8px!important;overflow:hidden!important}
body.member-room-split-open .studio-title{width:min(100%,610px)!important;min-height:58px!important;margin:0 auto -3px!important;padding:5px 24px!important}
body.member-room-split-open .studio-title strong{font-size:22px!important;white-space:normal!important;text-align:center!important;line-height:1.1!important}
body.member-room-split-open .studio-title i{font-size:18px!important}
body.member-room-split-open .studio-frame{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;border-width:5px!important;border-radius:18px!important;padding:9px!important;overflow:hidden!important}
body.member-room-split-open .studio-brand-panel{display:none!important}
body.member-room-split-open .studio-center{width:100%!important;max-width:100%!important;min-height:515px!important;padding:10px 6px!important;overflow:hidden!important}
body.member-room-split-open .studio-live-clock{min-width:220px!important;padding:7px 16px!important}
body.member-room-split-open .studio-live-clock b{font-size:19px!important}
body.member-room-split-open .studio-draw-machine{width:310px!important;height:285px!important;transform:scale(.86)!important;transform-origin:center top!important;margin:-5px auto -45px!important}
body.member-room-split-open .studio-round-plaque{padding:6px 20px!important}
body.member-room-split-open .studio-round-plaque b{font-size:18px!important}
body.member-room-split-open .studio-result-console{width:min(430px,96%)!important;margin-top:6px!important;padding:10px 10px 6px!important}
body.member-room-split-open .studio-result-main{gap:6px!important;flex-wrap:nowrap!important}
body.member-room-split-open .studio-result-ball{width:43px!important;height:43px!important;font-size:15px!important}
body.member-room-split-open .studio-result-ball.power{width:49px!important;height:49px!important}
body.member-room-split-open .studio-result-main>i{height:48px!important;margin:0 2px!important}
body.member-room-split-open .studio-result-label{font-size:9px!important;grid-template-columns:1fr 1px 58px!important}
body.member-room-split-open .studio-broadcast-note{width:min(430px,96%)!important;margin-top:7px!important;padding:7px 9px!important;border-radius:14px!important}
body.member-room-split-open .studio-recent{width:100%!important;max-width:100%!important;min-height:0!important;padding:8px!important;overflow:hidden!important}
body.member-room-split-open .studio-recent-heading{height:34px!important;font-size:12px!important}
body.member-room-split-open .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important}
body.member-room-split-open .studio-recent-row{min-width:0!important;min-height:64px!important;padding:7px 5px!important}
body.member-room-split-open .studio-recent-row>b{margin-bottom:5px!important;font-size:9px!important}
body.member-room-split-open .studio-mini-balls{gap:3px!important;flex-wrap:nowrap!important;overflow:hidden!important}
body.member-room-split-open .studio-mini-balls>span{width:22px!important;height:22px!important;font-size:7px!important;flex:0 0 22px!important}
body.member-room-split-open .studio-mini-speed{flex-wrap:wrap!important}
body.member-room-split-open .studio-speed-results{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.member-room-split-open .studio-ladder-machine{width:min(300px,90%)!important;margin:18px auto 8px!important;padding:9px!important;border-width:7px!important}
body.member-room-split-open .studio-ladder-glass{height:235px!important}

/* 오른쪽 채팅방 자체도 폭 넘침 금지 */
.member-room-split,.member-room-split *{box-sizing:border-box}
.member-room-split{max-width:560px!important;min-width:420px!important}
.member-room-title{min-width:0!important;overflow:hidden!important}
.member-room-title>div{min-width:0!important;max-width:100%!important}
.member-room-body{width:100%!important;overflow:hidden!important}
.member-room-chat{min-width:0!important;overflow:hidden!important}
.member-room-members{min-width:210px!important;max-width:240px!important}
.power-pick-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 92px!important;gap:7px!important}
.pick-half{min-width:0!important;padding:8px!important}
.pick-choice-row button{min-width:0!important;width:100%!important}
.large-pick-submit{min-width:88px!important;width:88px!important}
@media(max-width:1180px){
 .member-room-split{width:100vw!important;min-width:0!important;max-width:100vw!important}
 body.member-room-split-open{margin-right:0!important;overflow:hidden!important}
 body.member-room-split-open .shell{max-width:100%!important}
}


/* ===== 2026-08-12 REFERENCE UI v2: 2번 사진 느낌 유지 + 잘림 방지 ===== */
:root{--member-room-width:clamp(380px,30vw,500px)!important}
body.member-room-split-open{margin-right:var(--member-room-width)!important;overflow-x:hidden!important}
body.member-room-split-open .shell{grid-template-columns:225px minmax(0,1fr)!important;max-width:none!important;width:auto!important}
body.member-room-split-open .leftcol{display:block!important}
body.member-room-split-open .rightcol{display:none!important}
body.member-room-split-open .service-strip-inner{max-width:none!important}
body.member-room-split-open #page{overflow-x:hidden!important}
body.member-room-split-open .studio-broadcast-card{overflow:visible!important}
body.member-room-split-open .studio-stage-wrap{overflow:hidden!important}
body.member-room-split-open .studio-broadcast-stage{padding:20px 10px 12px!important;overflow:hidden!important}
body.member-room-split-open .studio-title{width:min(640px,96%)!important;min-height:62px!important;margin:0 auto 8px!important;padding:7px 26px!important;border-width:4px!important;border-radius:18px 18px 24px 24px!important}
body.member-room-split-open .studio-title strong{font-size:24px!important;line-height:1.1!important;white-space:nowrap!important}
body.member-room-split-open .studio-title i{font-size:18px!important}
body.member-room-split-open .studio-frame{grid-template-columns:112px minmax(320px,1fr) 160px!important;gap:8px!important;padding:10px 9px 9px!important;border-width:6px!important;border-radius:22px!important;overflow:hidden!important}
body.member-room-split-open .studio-brand-panel{display:flex!important;min-height:545px!important;padding:12px 8px!important}
body.member-room-split-open .studio-spotlight{height:220px!important;width:88%!important;top:10px!important}
body.member-room-split-open .studio-brand>span{font-size:34px!important}
body.member-room-split-open .studio-brand>b{font-size:17px!important;line-height:1.12!important}
body.member-room-split-open .studio-brand>strong{font-size:10px!important;letter-spacing:1px!important}
body.member-room-split-open .studio-brand>small{font-size:7px!important;letter-spacing:2px!important}
body.member-room-split-open .studio-brand-bottom{padding-top:12px!important}
body.member-room-split-open .studio-brand-bottom>span{font-size:8px!important}
body.member-room-split-open .studio-brand-bottom>small{font-size:7px!important;line-height:1.4!important}
body.member-room-split-open .studio-sound{padding:7px!important;font-size:11px!important;border-radius:9px!important}
body.member-room-split-open .studio-center{min-height:545px!important;padding:10px 8px 11px!important;overflow:hidden!important}
body.member-room-split-open .studio-live-clock{min-width:200px!important;padding:8px 15px!important;gap:12px!important}
body.member-room-split-open .studio-live-clock span{font-size:11px!important}
body.member-room-split-open .studio-live-clock b{font-size:18px!important}
body.member-room-split-open .studio-draw-machine{width:275px!important;height:250px!important;transform:none!important;margin:4px auto -4px!important}
body.member-room-split-open .studio-bulb-ring{width:228px!important;height:228px!important;border-width:14px!important}
body.member-room-split-open .studio-bulb-ring .b0{transform:rotate(0deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b1{transform:rotate(22.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b2{transform:rotate(45deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b3{transform:rotate(67.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b4{transform:rotate(90deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b5{transform:rotate(112.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b6{transform:rotate(135deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b7{transform:rotate(157.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b8{transform:rotate(180deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b9{transform:rotate(202.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b10{transform:rotate(225deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b11{transform:rotate(247.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b12{transform:rotate(270deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b13{transform:rotate(292.5deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b14{transform:rotate(315deg) translateY(-114px)}
body.member-room-split-open .studio-bulb-ring .b15{transform:rotate(337.5deg) translateY(-114px)}
body.member-room-split-open .studio-glass-drum{width:200px!important;height:200px!important;border-width:8px!important}
body.member-room-split-open .studio-glare{left:22px!important;top:20px!important;width:72px!important;height:32px!important;border-top-width:10px!important}
body.member-room-split-open .studio-float-ball{width:29px!important;height:29px!important;font-size:9px!important}
body.member-room-split-open .sf0{left:37px;bottom:33px}.member-room-split-open .sf1{left:66px;bottom:25px}.member-room-split-open .sf2{left:97px;bottom:28px}.member-room-split-open .sf3{left:124px;bottom:38px}.member-room-split-open .sf4{left:148px;bottom:55px}.member-room-split-open .sf5{left:48px;bottom:62px}.member-room-split-open .sf6{left:79px;bottom:61px}.member-room-split-open .sf7{left:109px;bottom:67px}.member-room-split-open .sf8{left:135px;bottom:85px}.member-room-split-open .sf9{left:63px;bottom:93px}.member-room-split-open .sf10{left:95px;bottom:98px}.member-room-split-open .sf11{left:122px;bottom:111px}.member-room-split-open .sf12{left:41px;bottom:115px}.member-room-split-open .sf13{left:80px;bottom:126px}.member-room-split-open .sf14{left:134px;bottom:128px}
body.member-room-split-open .studio-machine-feet{left:20px!important;right:20px!important;bottom:8px!important;height:40px!important;border-bottom-width:13px!important}
body.member-room-split-open .studio-machine-feet i{width:18px!important;height:72px!important}
body.member-room-split-open .studio-machine-feet i:first-child{left:42px!important}
body.member-room-split-open .studio-machine-feet i:last-child{right:42px!important}
body.member-room-split-open .studio-round-plaque{margin-top:2px!important;padding:6px 18px!important;border-width:4px!important}
body.member-room-split-open .studio-round-plaque b{font-size:18px!important}
body.member-room-split-open .studio-result-console{width:min(380px,95%)!important;margin-top:6px!important;padding:10px 10px 7px!important;border-width:4px!important;border-radius:18px!important}
body.member-room-split-open .studio-result-main{gap:6px!important;flex-wrap:nowrap!important}
body.member-room-split-open .studio-result-ball{width:42px!important;height:42px!important;font-size:15px!important}
body.member-room-split-open .studio-result-ball.power{width:47px!important;height:47px!important}
body.member-room-split-open .studio-result-label{font-size:10px!important;grid-template-columns:1fr 1px 58px!important}
body.member-room-split-open .studio-broadcast-note{width:min(380px,95%)!important;margin-top:9px!important;padding:10px 10px!important;border-radius:18px!important}
body.member-room-split-open .studio-broadcast-note b{font-size:11px!important}
body.member-room-split-open .studio-broadcast-note small{font-size:8px!important;line-height:1.35!important}
body.member-room-split-open .studio-recent{display:block!important;min-height:545px!important;padding:8px 7px!important}
body.member-room-split-open .studio-recent-heading{height:36px!important;font-size:13px!important;border-radius:12px!important}
body.member-room-split-open .studio-recent-list{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:8px!important}
body.member-room-split-open .studio-recent-row{min-height:68px!important;padding:8px 6px!important;border-radius:14px!important}
body.member-room-split-open .studio-recent-row>b{font-size:10px!important;margin-bottom:6px!important}
body.member-room-split-open .studio-mini-balls{flex-wrap:nowrap!important;gap:4px!important;overflow:hidden!important}
body.member-room-split-open .studio-mini-balls>span{width:24px!important;height:24px!important;font-size:8px!important;flex:0 0 24px!important}
body.member-room-split-open .studio-speed-results{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}
body.member-room-split-open .studio-ladder-machine{width:260px!important;padding:8px!important;margin:14px auto 8px!important}
body.member-room-split-open .studio-ladder-glass{height:225px!important}
@media(max-width:1500px){
  :root{--member-room-width:clamp(360px,29vw,470px)!important}
  body.member-room-split-open .shell{grid-template-columns:210px minmax(0,1fr)!important}
  body.member-room-split-open .studio-title strong{font-size:22px!important}
  body.member-room-split-open .studio-frame{grid-template-columns:102px minmax(280px,1fr) 146px!important}
  body.member-room-split-open .studio-brand-panel,body.member-room-split-open .studio-center,body.member-room-split-open .studio-recent{min-height:520px!important}
  body.member-room-split-open .studio-draw-machine{width:255px!important;height:234px!important}
  body.member-room-split-open .studio-bulb-ring{width:214px!important;height:214px!important}
  body.member-room-split-open .studio-bulb-ring .b0{transform:rotate(0deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b1{transform:rotate(22.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b2{transform:rotate(45deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b3{transform:rotate(67.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b4{transform:rotate(90deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b5{transform:rotate(112.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b6{transform:rotate(135deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b7{transform:rotate(157.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b8{transform:rotate(180deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b9{transform:rotate(202.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b10{transform:rotate(225deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b11{transform:rotate(247.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b12{transform:rotate(270deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b13{transform:rotate(292.5deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b14{transform:rotate(315deg) translateY(-107px)}
  body.member-room-split-open .studio-bulb-ring .b15{transform:rotate(337.5deg) translateY(-107px)}
  body.member-room-split-open .studio-glass-drum{width:188px!important;height:188px!important}
  body.member-room-split-open .studio-result-console,body.member-room-split-open .studio-broadcast-note{width:min(350px,95%)!important}
  body.member-room-split-open .studio-result-ball{width:38px!important;height:38px!important;font-size:13px!important}
  body.member-room-split-open .studio-result-ball.power{width:43px!important;height:43px!important}
  body.member-room-split-open .studio-mini-balls>span{width:22px!important;height:22px!important;font-size:7px!important;flex-basis:22px!important}
}
@media(max-width:1300px){
  :root{--member-room-width:clamp(340px,28vw,440px)!important}
  body.member-room-split-open .leftcol{display:none!important}
  body.member-room-split-open .shell{grid-template-columns:minmax(0,1fr)!important}
}


/* ==========================================================
   2026-08-12 데스크톱 + 모바일 공통 팝업 채팅방
   기존 오른쪽 분할형 레이아웃을 사용하지 않습니다.
   ========================================================== */
.member-room-backdrop{
 position:fixed!important;inset:0!important;z-index:118!important;
 display:block!important;visibility:hidden!important;opacity:0!important;
 background:rgba(5,18,31,.58)!important;
 backdrop-filter:blur(2px);
 transition:opacity .18s ease,visibility .18s ease
}
.member-room-backdrop.show{visibility:visible!important;opacity:1!important}
body.member-room-split-open,
body.member-room-popup-open{
 margin-right:0!important;
 overflow:hidden!important
}
body.member-room-popup-open .shell,
body.member-room-popup-open .service-strip-inner{
 max-width:1180px!important
}
body.member-room-popup-open .leftcol,
body.member-room-popup-open .rightcol{
 display:block
}
.member-room-split.member-room-popup{
 display:block!important;
 position:fixed!important;
 z-index:120!important;
 left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
 width:min(1180px,94vw)!important;
 min-width:0!important;max-width:1180px!important;
 height:min(850px,91dvh)!important;max-height:91dvh!important;
 border:1px solid #8fa8bb!important;border-radius:17px!important;
 background:#f4f7fb!important;
 box-shadow:0 24px 70px rgba(4,24,42,.38)!important;
 transform:translate(-50%,-47%) scale(.97)!important;
 opacity:0!important;visibility:hidden!important;
 transition:transform .18s ease,opacity .18s ease,visibility .18s ease!important;
 overflow:hidden!important
}
.member-room-split.member-room-popup.show{
 transform:translate(-50%,-50%) scale(1)!important;
 opacity:1!important;visibility:visible!important
}
.member-room-split.member-room-popup .member-room-resizer{display:none!important}
.member-room-split.member-room-popup #memberRoomSplitInner{
 width:100%!important;height:100%!important;
 display:flex!important;flex-direction:column!important;min-height:0!important
}
.member-room-split.member-room-popup .member-room-top{
 flex:0 0 auto!important;min-height:72px!important;height:auto!important
}
.member-room-split.member-room-popup .room-result-mini.single{
 flex:0 0 auto!important
}
.member-room-split.member-room-popup .member-room-body{
 flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;overflow:hidden!important
}
.member-room-split.member-room-popup .member-room-chat{
 min-width:0!important;min-height:0!important;overflow:hidden!important
}
.member-room-split.member-room-popup .member-room-messages{
 min-height:0!important;overflow-y:auto!important
}
.member-room-split.member-room-popup .member-room-members{
 display:grid!important;width:290px!important;min-width:290px!important;max-width:290px!important;
 grid-template-rows:auto minmax(0,1fr) auto!important;
 min-height:0!important;overflow:hidden!important
}
.member-room-split.member-room-popup .member-room-side-content,
.member-room-split.member-room-popup .room-side-panel,
.member-room-split.member-room-popup .room-owner-pick-sidepanel{
 min-height:0!important
}
.member-room-split.member-room-popup .member-room-tools{
 max-height:215px!important;overflow-y:auto!important
}
.member-room-split.member-room-popup .power-pick-layout{
 grid-template-columns:repeat(3,minmax(0,1fr)) 105px!important;
 gap:8px!important
}
.member-room-split.member-room-popup .large-pick-submit{
 width:105px!important;min-width:105px!important
}
.member-room-split.member-room-popup.maximized{
 left:0!important;top:0!important;right:0!important;bottom:0!important;
 transform:none!important;width:100vw!important;max-width:100vw!important;
 height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important
}
.member-room-split.member-room-popup.minimized{
 left:auto!important;right:18px!important;top:auto!important;bottom:18px!important;
 transform:none!important;opacity:1!important;visibility:visible!important;
 width:330px!important;min-width:0!important;height:54px!important;max-height:54px!important;
 border-radius:10px!important
}
@media(max-width:800px){
 .member-room-split.member-room-popup{
   left:0!important;top:0!important;right:0!important;bottom:0!important;
   transform:none!important;width:100vw!important;max-width:100vw!important;
   height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important
 }
 .member-room-split.member-room-popup.show{transform:none!important}
 .member-room-split.member-room-popup .member-room-top{
   min-height:68px!important;padding:9px!important
 }
 .member-room-split.member-room-popup .member-room-owner-photo{width:38px!important;height:38px!important}
 .member-room-split.member-room-popup .member-room-game{display:none!important}
 .member-room-split.member-room-popup .member-room-title b{font-size:15px!important}
 .member-room-split.member-room-popup .member-room-title small{font-size:9px!important}
 .member-room-split.member-room-popup .member-room-window-actions button{width:31px!important;height:31px!important}
 .member-room-split.member-room-popup .member-room-window-actions #memberRoomMax{display:none!important}
 .member-room-split.member-room-popup .member-room-body{
   display:flex!important;flex-direction:column!important;overflow-y:auto!important
 }
 .member-room-split.member-room-popup .member-room-chat{
   flex:1 1 auto!important;min-height:520px!important
 }
 .member-room-split.member-room-popup .member-room-members{
   display:grid!important;width:100%!important;min-width:0!important;max-width:none!important;
   min-height:420px!important;border-left:0!important;border-top:2px solid #d5e2ec!important
 }
 .member-room-split.member-room-popup .power-pick-layout{
   grid-template-columns:1fr!important
 }
 .member-room-split.member-room-popup .large-pick-submit{
   width:100%!important;min-width:0!important;height:48px!important
 }
 .member-room-split.member-room-popup .member-room-tools{max-height:none!important}
 .member-room-backdrop.show{background:#071523!important;backdrop-filter:none!important}
}


/* ==========================================================
   2026-08-12 최종 요청 반영
   1) 데스크톱 채팅방은 다시 오른쪽 분할화면
   2) 모바일 채팅방은 팝업 유지
   3) 실시간 중계 UI 참조형 + 잘림 현상 보정
   ========================================================== */
body.member-room-split-open:not(.member-room-popup-open){margin-right:var(--member-room-width)!important;overflow:visible!important}
body.member-room-split-open:not(.member-room-popup-open) .shell{grid-template-columns:250px minmax(0,1fr)!important;max-width:none!important}
body.member-room-split-open:not(.member-room-popup-open) .rightcol{display:none!important}
body.member-room-split-open:not(.member-room-popup-open) .leftcol{display:block!important}
body.member-room-popup-open{margin-right:0!important;overflow:hidden!important}
.member-room-backdrop{display:block!important}
.member-room-split:not(.member-room-popup){left:auto!important;right:0!important;top:0!important;bottom:auto!important;width:var(--member-room-width)!important;max-width:none!important;height:100vh!important;max-height:none!important;border-left:1px solid #aebfd0!important;border-radius:0!important;transform:translateX(102%)!important;opacity:1!important;visibility:visible!important;box-shadow:-10px 0 28px #102c471f!important;background:#f4f7fb!important}
.member-room-split:not(.member-room-popup).show{transform:translateX(0)!important}
.member-room-split:not(.member-room-popup) .member-room-resizer{display:block!important}
.member-room-split:not(.member-room-popup) #memberRoomSplitInner{width:100%!important;height:100%!important;display:block!important}
.member-room-split:not(.member-room-popup) .member-room-body{height:calc(100vh - 64px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;overflow:hidden!important}
.member-room-split:not(.member-room-popup) .member-room-members{width:auto!important;min-width:0!important;max-width:none!important;border-left:1px solid #d8e2eb!important;border-top:0!important;display:block!important;overflow:auto!important}
.member-room-split:not(.member-room-popup) .member-room-chat{min-height:0!important}
.member-room-split:not(.member-room-popup) .member-room-messages{min-height:0!important;overflow-y:auto!important}
.member-room-split:not(.member-room-popup).maximized{width:100vw!important;border-left:0!important}
.member-room-split:not(.member-room-popup).maximized .member-room-body{grid-template-columns:minmax(0,1fr) 240px!important}
.member-room-split:not(.member-room-popup).minimized{left:auto!important;right:18px!important;top:auto!important;bottom:18px!important;width:320px!important;height:52px!important;border:1px solid #9eb5c9!important;border-radius:8px!important;transform:none!important}
.member-room-split:not(.member-room-popup).minimized .member-room-resizer,.member-room-split:not(.member-room-popup).minimized .member-room-top,.member-room-split:not(.member-room-popup).minimized .member-room-body{display:none!important}
.member-room-split:not(.member-room-popup).minimized .member-room-restore{display:flex!important}
@media(max-width:1250px){body.member-room-split-open:not(.member-room-popup-open) .shell{grid-template-columns:minmax(0,1fr)!important}body.member-room-split-open:not(.member-room-popup-open) .leftcol{display:none!important}.member-room-split:not(.member-room-popup) .member-room-body{grid-template-columns:minmax(0,1fr) 165px!important}}

.self-broadcast-card.studio-broadcast-card{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.self-broadcast-card.studio-broadcast-card .self-broadcast-stage.studio-stage-wrap{padding:0!important;display:block!important;min-height:auto!important;background:transparent!important;overflow:visible!important}
.studio-broadcast-stage{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px 12px 16px!important;overflow:visible!important}
.studio-title{width:min(100%,920px)!important;max-width:920px!important;min-height:82px!important;margin:0 auto 10px!important;padding:8px 34px!important;box-sizing:border-box!important}
.studio-title strong{white-space:normal!important;text-align:center!important;line-height:1.08!important;font-size:32px!important}
.studio-title i{font-size:24px!important;flex:none}
.studio-frame{width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:minmax(140px,160px) minmax(0,1fr) minmax(200px,220px)!important;gap:10px!important;padding:15px 14px 14px!important;overflow:hidden!important}
.studio-brand-panel,.studio-center,.studio-recent{min-width:0!important;max-width:100%!important}
.studio-brand-panel{min-height:640px!important}
.studio-center{min-height:640px!important;padding:14px 12px 13px!important}
.studio-recent{min-height:640px!important;padding:12px 10px!important}
.studio-live-clock{max-width:100%!important}
.studio-draw-machine{margin-top:6px!important}
.studio-result-console{width:min(100%,480px)!important}
.studio-broadcast-note{width:min(100%,510px)!important}
.studio-timer{width:min(100%,510px)!important}
.studio-result-main{max-width:100%!important;flex-wrap:nowrap!important}
.studio-result-ball{flex:none}
.studio-recent-list{gap:9px!important}
.studio-recent-row{min-width:0!important;overflow:hidden!important}
.studio-recent-row>b{white-space:nowrap!important}
.studio-mini-balls,.studio-mini-speed,.studio-mini-marks{max-width:100%!important;overflow:hidden!important;justify-content:center!important}
.studio-mini-balls>span{flex:none}

body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage{padding:12px 8px 10px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-title{width:min(100%,660px)!important;max-width:660px!important;min-height:66px!important;padding:7px 24px!important;margin:0 auto 8px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-title strong{font-size:24px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-title i{font-size:18px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-frame{grid-template-columns:minmax(108px,120px) minmax(0,1fr) minmax(150px,165px)!important;gap:8px!important;padding:10px 9px 9px!important;border-width:6px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{display:flex!important;min-height:545px!important;padding:12px 8px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-center{min-height:545px!important;padding:10px 8px 11px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{width:295px!important;height:295px!important;margin:2px auto -10px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-glass-drum{width:232px!important;height:232px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-result-console,body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note,body.member-room-split-open:not(.member-room-popup-open) .studio-timer{width:min(100%,430px)!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball{width:52px!important;height:52px!important;font-size:18px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball.power{width:58px!important;height:58px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-recent{display:block!important;min-height:545px!important;padding:8px 7px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-recent-heading{height:36px!important;font-size:13px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:8px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row{min-height:68px!important;padding:8px 6px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>span{width:23px!important;height:23px!important;font-size:7px!important}
body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>i{height:23px!important}

@media(max-width:1380px){
 .studio-frame{grid-template-columns:minmax(128px,148px) minmax(0,1fr) minmax(188px,205px)!important}
 .studio-brand-panel,.studio-center,.studio-recent{min-height:610px!important}
}
@media(max-width:1180px){
 .studio-title{width:min(100%,840px)!important}.studio-title strong{font-size:28px!important}
 .studio-frame{grid-template-columns:126px minmax(0,1fr) 180px!important}
 .studio-brand-panel,.studio-center,.studio-recent{min-height:580px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-frame{grid-template-columns:minmax(0,1fr)!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{display:none!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent{min-height:0!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:960px){
 .studio-title{width:96%!important;min-height:66px!important;padding:7px 20px!important}
 .studio-title strong{font-size:24px!important}
 .studio-frame{grid-template-columns:minmax(0,1fr)!important;padding:12px 10px!important}
 .studio-brand-panel{display:none!important}
 .studio-center{min-height:585px!important}
 .studio-recent{min-height:0!important}
 .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
@media(max-width:640px){
 .studio-broadcast-stage{padding:9px 6px 12px!important}
 .studio-title{width:100%!important;min-height:58px!important;padding:6px 17px!important;gap:8px!important}
 .studio-title strong{font-size:18px!important}
 .studio-title i{font-size:16px!important}
 .studio-frame{border-width:5px!important;padding:8px 7px!important}
 .studio-center{min-height:530px!important;padding:10px 6px!important}
 .studio-live-clock{min-width:205px!important;padding:7px 13px!important}
 .studio-draw-machine{width:285px!important;height:275px!important;transform:scale(.9)!important;margin:-8px auto -24px!important}
 .studio-result-console{width:min(100%,460px)!important;padding:10px 8px 6px!important}
 .studio-result-ball{width:41px!important;height:41px!important;font-size:14px!important}
 .studio-result-ball.power{width:47px!important;height:47px!important}
 .studio-result-main>i{height:48px!important;margin:0 2px!important}
 .studio-recent-list{grid-template-columns:1fr!important}
}


/* ==========================================================
   2026-08-12 채팅방 대폭 확대 + 중계 컴팩트 + 회차당 1픽
   ========================================================== */
:root{--member-room-width:52vw!important}

/* 데스크톱: 오른쪽 채팅방을 대폭 넓히고 메인 좌측 사이드바는 숨겨 중계 공간 확보 */
@media(min-width:801px){
 body.member-room-split-open:not(.member-room-popup-open){margin-right:var(--member-room-width)!important;overflow-x:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .shell{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;padding-left:8px!important;padding-right:8px!important}
 body.member-room-split-open:not(.member-room-popup-open) .leftcol,
 body.member-room-split-open:not(.member-room-popup-open) .rightcol{display:none!important}
 body.member-room-split-open:not(.member-room-popup-open) .centercol{width:100%!important;min-width:0!important;max-width:100%!important}
 body.member-room-split-open:not(.member-room-popup-open) #page{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
 .member-room-split:not(.member-room-popup){min-width:520px!important;max-width:1000px!important}
 .member-room-split:not(.member-room-popup) .member-room-body{grid-template-columns:minmax(0,1fr) 250px!important}
 .member-room-split:not(.member-room-popup) .member-room-members{min-width:250px!important;max-width:250px!important}
 .member-room-split:not(.member-room-popup) .member-room-title b{font-size:17px!important}
 .member-room-split:not(.member-room-popup) .member-room-title small{font-size:10px!important}
 .member-room-split:not(.member-room-popup) .member-room-notice{font-size:11px!important}
 .member-room-split:not(.member-room-popup) .member-room-messages .message b{font-size:13px!important}
 .member-room-split:not(.member-room-popup) .member-room-messages .message p{font-size:14px!important}
 .member-room-split:not(.member-room-popup) .power-pick-layout{grid-template-columns:repeat(3,minmax(0,1fr)) 112px!important;gap:8px!important}
 .member-room-split:not(.member-room-popup) .large-pick-submit{width:112px!important;min-width:112px!important}
}

/* 채팅방이 열린 상태의 방송은 참조 UI 3패널을 유지하되 더 작게 축소 */
@media(min-width:801px){
 body.member-room-split-open:not(.member-room-popup-open) .broadcast-only-tabs{gap:4px!important;margin-bottom:6px!important}
 body.member-room-split-open:not(.member-room-popup-open) .broadcast-only-tabs button{padding:6px 8px!important;font-size:8px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-card{width:100%!important;max-width:100%!important;overflow:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-stage-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage{width:100%!important;max-width:100%!important;padding:7px 5px 9px!important;overflow:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-title{width:min(100%,560px)!important;max-width:560px!important;min-height:50px!important;margin:0 auto 6px!important;padding:5px 18px!important;border-width:4px!important;gap:7px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-title strong{font-size:18px!important;line-height:1.05!important;white-space:normal!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-title i{font-size:14px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-frame{width:100%!important;max-width:100%!important;grid-template-columns:78px minmax(0,1fr) 124px!important;gap:5px!important;padding:7px 6px 6px!important;border-width:5px!important;border-radius:17px!important;overflow:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{display:flex!important;min-height:455px!important;padding:8px 5px!important;border-width:3px!important;border-radius:13px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-spotlight{height:175px!important;top:8px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand>span{font-size:26px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand>b{font-size:12px!important;line-height:1.1!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand>strong{font-size:7px!important;letter-spacing:.5px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand>small{font-size:6px!important;letter-spacing:1px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand-bottom{padding-top:8px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand-bottom>span{font-size:7px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand-bottom>small{font-size:6px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-sound{font-size:8px!important;padding:5px 2px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-center{min-height:455px!important;padding:7px 5px 8px!important;border-width:3px!important;border-radius:13px!important;overflow:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock{min-width:166px!important;padding:5px 10px!important;gap:8px!important;border-width:3px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock span{font-size:8px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock b{font-size:14px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{width:270px!important;height:242px!important;transform:scale(.76)!important;transform-origin:center top!important;margin:4px auto -55px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque{padding:5px 15px!important;border-width:3px!important;border-radius:10px!important;margin-top:2px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque b{font-size:14px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-result-console{width:min(100%,350px)!important;margin-top:5px!important;padding:7px 6px 5px!important;border-width:3px!important;border-radius:13px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-result-main{gap:4px!important;flex-wrap:nowrap!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball{width:35px!important;height:35px!important;font-size:12px!important;border-width:2px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball.power{width:40px!important;height:40px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-result-main>i{height:38px!important;margin:0 1px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-result-label{grid-template-columns:1fr 1px 48px!important;font-size:7px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note{width:min(100%,350px)!important;margin-top:6px!important;padding:6px!important;border-radius:11px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note b{font-size:8px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note small{font-size:6px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-timer{width:min(100%,350px)!important;font-size:6px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent{display:block!important;min-height:455px!important;padding:6px 5px!important;border-width:3px!important;border-radius:13px!important;overflow:hidden!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent-heading{height:30px!important;font-size:9px!important;border-width:2px!important;border-radius:9px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:6px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row{min-height:58px!important;padding:5px 3px!important;border-radius:9px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row>b{font-size:7px!important;margin-bottom:4px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls{gap:2px!important;justify-content:center!important;overflow:hidden!important;flex-wrap:nowrap!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>span{width:18px!important;height:18px!important;font-size:6px!important;flex:0 0 18px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>i{height:18px!important;margin:0 1px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-mini-speed span{width:18px!important;height:18px!important;font-size:6px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-speed-results{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-ladder-machine{width:min(230px,92%)!important;margin:12px auto 5px!important;padding:6px!important;border-width:5px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-ladder-glass{height:190px!important}
 body.member-room-split-open:not(.member-room-popup-open) .broadcast-analysis-nav{margin:5px 0!important;gap:4px!important}
 body.member-room-split-open:not(.member-room-popup-open) .broadcast-analysis-nav button{padding:6px 3px!important;font-size:7px!important}
}

/* 가용폭이 더 작은 데스크톱에서는 좌측 브랜드를 숨겨 중앙+최근결과를 반드시 보존 */
@media(min-width:801px) and (max-width:1450px){
 body.member-room-split-open:not(.member-room-popup-open) .studio-frame{grid-template-columns:minmax(0,1fr) 118px!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{display:none!important}
}
@media(min-width:801px) and (max-width:1100px){
 body.member-room-split-open:not(.member-room-popup-open) .studio-frame{grid-template-columns:minmax(0,1fr)!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent{min-height:0!important}
 body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 회차당 1회 픽 등록 표시 */
.room-pick-once-notice{padding:6px 10px;border-top:1px solid #cbddea;background:#f4faff;color:#41647e;font-size:10px;line-height:1.4}
.room-pick-once-notice b{color:#0c68b1;font-size:11px}
[data-pick-side].round-locked,[data-pick-side]:disabled{cursor:not-allowed!important;opacity:.48!important;filter:grayscale(.2)!important}
#submitRoomPick.round-locked,#submitRoomPick:disabled{cursor:not-allowed!important;background:#8093a3!important;border-color:#8093a3!important;color:#fff!important;opacity:1!important}

/* ===== 2026-08-12 최종 보정: 홈 실시간채팅 가시성 + 중계화면 무잘림 ===== */
@media (min-width:1181px){
  :root{--member-room-width:clamp(560px,40vw,700px)}

  body.member-room-split-open{
    margin-right:var(--member-room-width)!important;
    overflow-x:hidden!important;
  }

  body.member-room-split-open .shell{
    width:100%!important;
    max-width:calc(100vw - var(--member-room-width))!important;
    grid-template-columns:clamp(280px,19vw,335px) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }

  body.member-room-split-open .rightcol{display:none!important}

  /* 왼쪽 홈 영역에서 운영중인 방 + 홈 실시간채팅이 같이 보이도록 고정 */
  body.member-room-split-open .leftcol{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    position:sticky!important;
    top:74px!important;
    align-self:start!important;
    max-height:calc(100vh - 88px)!important;
    overflow:hidden!important;
  }
  body.member-room-split-open .leftcol>.login-card{display:none!important}
  body.member-room-split-open .leftcol>.room-rank-card{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    min-height:0!important;
    max-height:calc(52vh - 8px)!important;
    overflow:auto!important;
  }
  body.member-room-split-open .leftcol>.chat-card{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    min-height:0!important;
    max-height:calc(44vh - 8px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.member-room-split-open .leftcol>.chat-card .card-title,
  body.member-room-split-open .leftcol>.chat-card .chat-compose,
  body.member-room-split-open .leftcol>.chat-card .hour-notice{flex:0 0 auto!important}
  body.member-room-split-open .leftcol>.chat-card .mini-chat{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:210px!important;
    max-height:none!important;
    overflow:auto!important;
  }

  body.member-room-split-open .maincol,
  body.member-room-split-open #page,
  body.member-room-split-open .self-broadcast-card,
  body.member-room-split-open .studio-stage-wrap{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* 분할 상태에서도 참조 UI를 유지하면서 잘림 없도록 전체 컴팩트화 */
  body.member-room-split-open .studio-broadcast-stage{
    padding:8px 8px 10px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open .studio-title{
    width:min(640px,98%)!important;
    min-height:58px!important;
    margin:0 auto 8px!important;
    padding:6px 24px!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open .studio-title strong{
    font-size:22px!important;
    line-height:1.1!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.member-room-split-open .studio-title i{font-size:18px!important}

  body.member-room-split-open .studio-frame{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(95px,108px) minmax(0,1fr) minmax(138px,150px)!important;
    gap:8px!important;
    padding:10px 8px 9px!important;
    border-width:6px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open .studio-brand-panel,
  body.member-room-split-open .studio-center,
  body.member-room-split-open .studio-recent{
    min-width:0!important;
    max-width:100%!important;
  }
  body.member-room-split-open .studio-brand-panel{
    display:flex!important;
    min-height:510px!important;
    padding:10px 6px!important;
  }
  body.member-room-split-open .studio-brand{transform:scale(.88)!important;transform-origin:center center!important}
  body.member-room-split-open .studio-brand-bottom{padding-bottom:2px!important}
  body.member-room-split-open .studio-brand-bottom small{font-size:7px!important}
  body.member-room-split-open .studio-sound{padding:7px 8px!important;font-size:11px!important}

  body.member-room-split-open .studio-center{
    min-height:510px!important;
    padding:10px 7px 10px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open .studio-live-clock{
    min-width:185px!important;
    padding:7px 14px!important;
  }
  body.member-room-split-open .studio-live-clock b{font-size:18px!important}
  body.member-room-split-open .studio-draw-machine{
    width:250px!important;
    height:238px!important;
    transform:none!important;
    margin:-2px auto -18px!important;
  }
  body.member-room-split-open .studio-round-plaque{
    margin-top:4px!important;
    padding:5px 16px!important;
  }
  body.member-room-split-open .studio-round-plaque b{font-size:16px!important}
  body.member-room-split-open .studio-result-console{
    width:min(390px,98%)!important;
    margin-top:8px!important;
    padding:8px 8px 6px!important;
  }
  body.member-room-split-open .studio-result-main{gap:5px!important;flex-wrap:nowrap!important}
  body.member-room-split-open .studio-result-ball{
    width:38px!important;
    height:38px!important;
    font-size:13px!important;
  }
  body.member-room-split-open .studio-result-ball.power{
    width:43px!important;
    height:43px!important;
  }
  body.member-room-split-open .studio-result-main>i{height:42px!important;margin:0 2px!important}
  body.member-room-split-open .studio-result-label{
    font-size:8px!important;
    grid-template-columns:1fr 1px 50px!important;
  }
  body.member-room-split-open .studio-broadcast-note{
    width:min(390px,98%)!important;
    margin-top:8px!important;
    padding:7px 10px!important;
    border-radius:14px!important;
  }
  body.member-room-split-open .studio-broadcast-note strong{font-size:16px!important}
  body.member-room-split-open .studio-broadcast-note b{font-size:11px!important}
  body.member-room-split-open .studio-broadcast-note small{font-size:7px!important}
  body.member-room-split-open .studio-timer{font-size:7px!important;gap:5px!important}

  body.member-room-split-open .studio-recent{
    display:block!important;
    min-height:510px!important;
    padding:8px 6px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open .studio-recent-heading{
    height:32px!important;
    font-size:12px!important;
    border-radius:11px!important;
  }
  body.member-room-split-open .studio-recent-list{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  body.member-room-split-open .studio-recent-row{
    min-width:0!important;
    min-height:63px!important;
    padding:7px 5px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open .studio-recent-row>b{
    font-size:9px!important;
    margin-bottom:5px!important;
    white-space:nowrap!important;
  }
  body.member-room-split-open .studio-mini-balls{gap:3px!important;flex-wrap:nowrap!important;overflow:hidden!important}
  body.member-room-split-open .studio-mini-balls>span{
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
    font-size:6px!important;
  }
  body.member-room-split-open .studio-mini-balls>i{height:19px!important;margin:0 1px!important}

  /* 오른쪽 채팅 패널도 너무 넓어 화면을 밀지 않도록 상한 재조정 */
  .member-room-split{
    width:var(--member-room-width)!important;
    min-width:560px!important;
    max-width:700px!important;
  }
}

@media (min-width:1181px) and (max-width:1560px){
  :root{--member-room-width:clamp(530px,39vw,640px)}
  body.member-room-split-open .shell{grid-template-columns:clamp(250px,18vw,300px) minmax(0,1fr)!important}
  body.member-room-split-open .studio-frame{grid-template-columns:92px minmax(0,1fr) 138px!important}
  body.member-room-split-open .studio-draw-machine{width:232px!important;height:224px!important}
  body.member-room-split-open .studio-result-console,
  body.member-room-split-open .studio-broadcast-note{width:min(360px,98%)!important}
  body.member-room-split-open .studio-result-ball{width:35px!important;height:35px!important;font-size:12px!important}
  body.member-room-split-open .studio-result-ball.power{width:40px!important;height:40px!important}
}


/* ==========================================================
   2026-08-12 홈 실시간채팅 고정 표시 + 가로스크롤 제거 최종 hotfix
   ========================================================== */
@media (min-width:1181px){
  :root{
    --split-home-chat-width:270px;
    --member-room-width:clamp(560px,40vw,700px);
  }

  html:has(body.member-room-split-open),
  body.member-room-split-open{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  body.member-room-split-open:not(.member-room-popup-open){
    margin-right:var(--member-room-width)!important;
    padding-left:0!important;
    overflow-x:hidden!important;
  }

  /* 기존 왼쪽 컬럼을 레이아웃 폭 계산에서 제거하고 실시간채팅만 고정시킴 */
  body.member-room-split-open:not(.member-room-popup-open) .shell{
    display:block!important;
    width:auto!important;
    max-width:calc(100vw - var(--member-room-width) - var(--split-home-chat-width) - 28px)!important;
    margin:0 0 0 calc(var(--split-home-chat-width) + 18px)!important;
    padding:8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .leftcol{
    display:block!important;
    position:static!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.login-card,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.room-rank-card{
    display:none!important;
  }

  /* 홈 실시간 채팅은 항상 화면 왼쪽에 고정 */
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card{
    display:flex!important;
    flex-direction:column!important;
    position:fixed!important;
    z-index:90!important;
    left:8px!important;
    top:128px!important;
    bottom:10px!important;
    width:var(--split-home-chat-width)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #c9d8e6!important;
    border-radius:8px!important;
    box-shadow:0 4px 16px rgba(14,50,82,.14)!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .card-title,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .hour-notice,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .chat-compose{
    flex:0 0 auto!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .mini-chat{
    display:block!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .maincol,
  body.member-room-split-open:not(.member-room-popup-open) #page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .rightcol{display:none!important}

  /* 오른쪽 채팅방은 화면 안에만 존재 */
  body.member-room-split-open:not(.member-room-popup-open) .member-room-split{
    left:auto!important;
    right:0!important;
    width:var(--member-room-width)!important;
    min-width:560px!important;
    max-width:700px!important;
    box-sizing:border-box!important;
  }

  /* 남은 가운데 폭에 맞춰 방송 UI를 완전히 재배치 */
  body.member-room-split-open:not(.member-room-popup-open) .self-broadcast-card,
  body.member-room-split-open:not(.member-room-popup-open) .studio-stage-wrap,
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage,
  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .studio-title{
    width:min(98%,620px)!important;
    max-width:620px!important;
    min-height:54px!important;
    margin:0 auto 7px!important;
    padding:5px 18px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title strong{
    font-size:20px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.1!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title i{font-size:16px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{
    grid-template-columns:minmax(78px,90px) minmax(0,1fr) minmax(118px,132px)!important;
    gap:6px!important;
    padding:8px 6px 7px!important;
    border-width:5px!important;
    border-radius:18px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel,
  body.member-room-split-open:not(.member-room-popup-open) .studio-center,
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent{
    min-width:0!important;
    max-width:100%!important;
    min-height:470px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{
    display:flex!important;
    padding:8px 4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand{
    transform:scale(.75)!important;
    transform-origin:center center!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-bottom small{display:none!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-sound{padding:5px 5px!important;font-size:9px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-center{
    padding:8px 5px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock{
    min-width:166px!important;
    padding:6px 10px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock span{font-size:9px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock b{font-size:16px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{
    width:215px!important;
    height:208px!important;
    transform:none!important;
    margin:-2px auto -20px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque{
    padding:5px 13px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque b{font-size:14px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-console{
    width:min(330px,98%)!important;
    padding:7px 6px 5px!important;
    margin-top:6px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-main{gap:4px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball{
    width:31px!important;height:31px!important;font-size:11px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball.power{
    width:36px!important;height:36px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-main>i{height:36px!important;margin:0 1px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-label{
    grid-template-columns:1fr 1px 42px!important;font-size:7px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note{
    width:min(330px,98%)!important;
    padding:6px 7px!important;
    margin-top:6px!important;
    border-radius:12px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note strong{font-size:14px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note b{font-size:9px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note small{font-size:6px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-timer{font-size:6px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-recent{
    display:block!important;
    padding:6px 4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-heading{
    height:28px!important;font-size:10px!important;border-radius:9px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{
    display:flex!important;flex-direction:column!important;gap:5px!important;margin-top:6px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row{
    min-height:54px!important;padding:5px 3px!important;border-radius:9px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row>b{
    font-size:8px!important;margin-bottom:4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls{gap:2px!important;overflow:hidden!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>span{
    width:16px!important;height:16px!important;flex:0 0 16px!important;font-size:5px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>i{height:16px!important;margin:0!important}
}

/* 중간 폭 데스크톱: 홈 실시간채팅은 유지하고 방송 좌측 브랜드만 제거 */
@media (min-width:1181px) and (max-width:1500px){
  :root{--split-home-chat-width:245px;--member-room-width:clamp(520px,38vw,610px)}
  body.member-room-split-open:not(.member-room-popup-open) .shell{
    max-width:calc(100vw - var(--member-room-width) - var(--split-home-chat-width) - 24px)!important;
    margin-left:calc(var(--split-home-chat-width) + 14px)!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card{width:var(--split-home-chat-width)!important}
  body.member-room-split-open:not(.member-room-popup-open) .member-room-split{min-width:520px!important;max-width:610px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{grid-template-columns:minmax(0,1fr) minmax(108px,120px)!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{display:none!important}
}

/* 모바일은 기존 전체화면 팝업 유지 */
@media (max-width:1180px){
  body.member-room-popup-open .leftcol>.chat-card{position:static!important}
}


/* ===== 2026-08-12 FINAL: 분할화면 공백 제거 / 중계-채팅 영역 재정렬 ===== */
:root{--member-room-width:clamp(620px,42vw,760px)}
body.member-room-split-open{--split-gap:10px;overflow-x:hidden!important;margin-right:calc(var(--member-room-width) + var(--split-gap))!important}
body.member-room-split-open .shell{width:calc(100vw - var(--member-room-width) - var(--split-gap) - 10px)!important;max-width:calc(100vw - var(--member-room-width) - var(--split-gap) - 10px)!important;grid-template-columns:235px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;margin:0 5px 0 0!important;padding-right:0!important;box-sizing:border-box!important}
body.member-room-split-open .leftcol{display:block!important;min-width:235px!important;max-width:235px!important}
body.member-room-split-open .leftcol>.room-rank-card,
body.member-room-split-open .leftcol>.login-card,
body.member-room-split-open .leftcol>.chat-card{width:100%!important;max-width:100%!important}
body.member-room-split-open .maincol,
body.member-room-split-open .centercol,
body.member-room-split-open #page,
body.member-room-split-open .pagebox{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.member-room-split-open .studio-broadcast-card{margin-right:0!important}
body.member-room-split-open .studio-broadcast-stage{padding:8px 6px 10px!important}
body.member-room-split-open .studio-title{width:min(100%,560px)!important;min-height:54px!important;padding:5px 20px!important}
body.member-room-split-open .studio-title strong{font-size:20px!important;line-height:1.1!important}
body.member-room-split-open .studio-frame{grid-template-columns:minmax(96px,112px) minmax(0,1fr) minmax(146px,170px)!important;gap:8px!important;padding:8px!important;border-width:5px!important}
body.member-room-split-open .studio-brand-panel{display:flex!important;min-width:0!important}
body.member-room-split-open .studio-center{min-height:520px!important;padding:10px 6px!important}
body.member-room-split-open .studio-live-clock{min-width:200px!important;padding:6px 14px!important}
body.member-room-split-open .studio-live-clock b{font-size:18px!important}
body.member-room-split-open .studio-draw-machine{width:280px!important;height:265px!important;transform:scale(.84)!important;transform-origin:center top!important;margin:-10px auto -52px!important}
body.member-room-split-open .studio-round-plaque b{font-size:17px!important}
body.member-room-split-open .studio-result-console{width:min(400px,95%)!important;padding:9px 8px 6px!important}
body.member-room-split-open .studio-result-ball{width:40px!important;height:40px!important;font-size:14px!important}
body.member-room-split-open .studio-result-ball.power{width:46px!important;height:46px!important}
body.member-room-split-open .studio-broadcast-note{width:min(410px,96%)!important;padding:7px 10px!important}
body.member-room-split-open .studio-recent{padding:8px!important}
body.member-room-split-open .studio-recent-list{grid-template-columns:1fr!important;gap:6px!important}
body.member-room-split-open .studio-recent-row{min-height:72px!important;padding:7px 5px!important}
body.member-room-split-open .studio-mini-balls{gap:3px!important;flex-wrap:nowrap!important}
body.member-room-split-open .studio-mini-balls>span{width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:7px!important}
.member-room-split{width:var(--member-room-width)!important;max-width:var(--member-room-width)!important;min-width:620px!important;right:0!important;left:auto!important;overflow:hidden!important}
.member-room-body{grid-template-columns:minmax(0,1fr) 205px!important}
.member-room-chat{min-width:0!important}
.member-room-messages{padding:9px 8px!important}
.member-room-members{padding:8px!important}
.member-room-side-head{margin-bottom:6px!important}
.room-side-tabs{gap:6px!important}
.member-room-tools{gap:6px!important}
.member-room-tools button{min-height:40px!important}
.power-pick-layout{grid-template-columns:1fr 1fr 1fr auto!important;gap:8px!important;padding:10px!important}
.pick-half{padding:9px!important}
.pick-choice-row button{height:44px!important}
.large-pick-submit{min-width:92px!important;height:58px!important}
@media(max-width:1500px){
 body.member-room-split-open .shell{width:calc(100vw - var(--member-room-width) - var(--split-gap) - 6px)!important;max-width:calc(100vw - var(--member-room-width) - var(--split-gap) - 6px)!important}
 body.member-room-split-open .studio-frame{grid-template-columns:96px minmax(0,1fr) 150px!important}
}
@media(max-width:1320px){
 body.member-room-split-open .shell{grid-template-columns:minmax(0,1fr)!important}
 body.member-room-split-open .leftcol{display:none!important}
 .member-room-body{grid-template-columns:minmax(0,1fr) 185px!important}
}
@media(max-width:900px){
 body.member-room-split-open{margin-right:0!important}
 .member-room-split{width:100vw!important;max-width:100vw!important;min-width:0!important}
}


/* ==========================================================
   2026-08-12 EXACT SPLIT FIX
   데스크톱: [홈 실시간채팅 250px][중계화면][채팅방 47%]
   body margin-right를 사용하지 않아 중간 회색 공백이 이중 계산되지 않음
   ========================================================== */
@media (min-width: 1181px){
  :root{
    --member-room-width:clamp(680px,47vw,920px)!important;
    --split-left-chat:250px;
    --split-gap:8px;
  }

  html,body{overflow-x:hidden!important;max-width:100%!important}

  body.member-room-split-open:not(.member-room-popup-open){
    margin-right:0!important;
    padding-right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  /* 오른쪽 채팅창은 뷰포트 오른쪽 끝에 고정 */
  body.member-room-split-open:not(.member-room-popup-open) .member-room-split{
    position:fixed!important;
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:var(--member-room-width)!important;
    min-width:680px!important;
    max-width:920px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    transform:translateX(0)!important;
    z-index:120!important;
    box-sizing:border-box!important;
  }

  /* 메인 사이트는 채팅창 바로 왼쪽까지 정확히 사용 */
  body.member-room-split-open:not(.member-room-popup-open) .shell{
    display:grid!important;
    grid-template-columns:var(--split-left-chat) minmax(0,1fr)!important;
    gap:var(--split-gap)!important;
    width:calc(100vw - var(--member-room-width))!important;
    max-width:calc(100vw - var(--member-room-width))!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 0 8px 4px!important;
    box-sizing:border-box!important;
    align-items:start!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .rightcol{display:none!important}

  /* 홈 실시간채팅만 왼쪽에 계속 노출 */
  body.member-room-split-open:not(.member-room-popup-open) .leftcol{
    display:block!important;
    width:var(--split-left-chat)!important;
    min-width:var(--split-left-chat)!important;
    max-width:var(--split-left-chat)!important;
    margin:0!important;
    padding:0!important;
    position:sticky!important;
    top:8px!important;
    align-self:start!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.login-card,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.room-rank-card{
    display:none!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:calc(100dvh - 16px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:10px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .card-title,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .hour-notice,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .chat-compose{
    flex:0 0 auto!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .mini-chat{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
  }

  /* 가운데 중계영역은 남은 공간 100% 사용 - 빈 공백 금지 */
  body.member-room-split-open:not(.member-room-popup-open) .maincol,
  body.member-room-split-open:not(.member-room-popup-open) #page{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .self-broadcast-card,
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-card,
  body.member-room-split-open:not(.member-room-popup-open) .studio-stage-wrap,
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* 참조형 3패널 방송 UI를 작은 가운데 폭에 맞게 축소 */
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage{
    padding:7px 5px 9px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title{
    width:min(100%,590px)!important;
    max-width:590px!important;
    min-height:52px!important;
    margin:0 auto 6px!important;
    padding:5px 18px!important;
    gap:7px!important;
    border-width:4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title strong{
    font-size:20px!important;
    line-height:1.08!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title i{font-size:15px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr) 124px!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:7px 6px 6px!important;
    border-width:5px!important;
    border-radius:17px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{
    display:flex!important;
    min-width:0!important;
    min-height:475px!important;
    padding:7px 4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand{
    transform:scale(.72)!important;
    transform-origin:center center!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-bottom small{font-size:6px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-sound{font-size:9px!important;padding:5px 4px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-center{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:475px!important;
    padding:7px 4px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock{
    min-width:160px!important;
    padding:5px 10px!important;
    gap:8px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock span{font-size:8px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock b{font-size:15px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{
    width:220px!important;
    height:210px!important;
    transform:scale(.82)!important;
    transform-origin:center top!important;
    margin:-5px auto -43px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque{
    padding:4px 12px!important;
    margin-top:2px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque b{font-size:14px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-console{
    width:min(330px,98%)!important;
    margin-top:5px!important;
    padding:7px 6px 5px!important;
    border-width:3px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-main{gap:4px!important;flex-wrap:nowrap!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball{
    width:32px!important;height:32px!important;font-size:11px!important;border-width:2px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball.power{width:37px!important;height:37px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-main>i{height:36px!important;margin:0 1px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-label{font-size:7px!important;grid-template-columns:1fr 1px 42px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note{
    width:min(335px,98%)!important;
    margin-top:6px!important;
    padding:6px 7px!important;
    border-radius:12px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note strong{font-size:13px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note b{font-size:9px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note small{font-size:6px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-timer{font-size:6px!important;gap:4px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-recent{
    display:block!important;
    min-width:0!important;
    min-height:475px!important;
    padding:6px 4px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-heading{
    height:28px!important;font-size:9px!important;border-width:2px!important;border-radius:8px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    margin-top:6px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row{
    min-height:58px!important;
    padding:5px 3px!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row>b{font-size:7px!important;margin-bottom:4px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls{gap:2px!important;flex-wrap:nowrap!important;overflow:hidden!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>span{
    width:17px!important;height:17px!important;flex:0 0 17px!important;font-size:5px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>i{height:17px!important;margin:0!important}

  /* 분석 보드는 가운데 영역 안에서만 스크롤 */
  body.member-room-split-open:not(.member-room-popup-open) .road-map,
  body.member-room-split-open:not(.member-room-popup-open) .road-board,
  body.member-room-split-open:not(.member-room-popup-open) .analysis-board{
    max-width:100%!important;
    overflow-x:auto!important;
    box-sizing:border-box!important;
  }

  /* 오른쪽 채팅 내부 폭도 안정화 */
  body.member-room-split-open:not(.member-room-popup-open) .member-room-body{
    grid-template-columns:minmax(0,1fr) 205px!important;
    width:100%!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .member-room-chat{min-width:0!important;overflow:hidden!important}
  body.member-room-split-open:not(.member-room-popup-open) .member-room-members{
    width:205px!important;min-width:205px!important;max-width:205px!important;overflow-y:auto!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .power-pick-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 96px!important;
    gap:7px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .large-pick-submit{width:96px!important;min-width:96px!important}
}

@media (min-width:1181px) and (max-width:1500px){
  :root{--member-room-width:clamp(650px,45vw,760px)!important;--split-left-chat:225px}
  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{grid-template-columns:70px minmax(0,1fr) 112px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{width:205px!important;height:198px!important}
}


/* ==========================================================
   2026-08-12 THREE COLUMN EXACT FINAL
   데스크톱: [실시간채팅 240px] [중계화면] [회원채팅 약 48%]
   margin-right 중복 계산 제거 / 가로 공백 제거 / 겹침 제거
   ========================================================== */
@media (min-width:1181px){
  :root{
    --member-room-width:clamp(700px,48vw,960px)!important;
    --split-live-width:240px;
    --split-col-gap:8px;
  }

  html,body{overflow-x:hidden!important}
  body.member-room-split-open:not(.member-room-popup-open){
    margin-right:0!important;
    padding-right:0!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  /* 오른쪽 회원 채팅방 */
  body.member-room-split-open:not(.member-room-popup-open) .member-room-split{
    position:fixed!important;
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:var(--member-room-width)!important;
    min-width:700px!important;
    max-width:960px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    transform:translateX(102%)!important;
    box-sizing:border-box!important;
    z-index:120!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .member-room-split.show{
    transform:translateX(0)!important;
  }

  /* 헤더부터 본문까지 오른쪽 채팅 시작선까지만 사용 */
  body.member-room-split-open:not(.member-room-popup-open) .topbar,
  body.member-room-split-open:not(.member-room-popup-open) .service-strip{
    width:calc(100vw - var(--member-room-width))!important;
    max-width:calc(100vw - var(--member-room-width))!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .service-strip-inner{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* 왼쪽 실시간 채팅 + 가운데 중계, 정확히 남은 폭 사용 */
  body.member-room-split-open:not(.member-room-popup-open) .shell{
    display:grid!important;
    grid-template-columns:var(--split-live-width) minmax(0,1fr)!important;
    column-gap:var(--split-col-gap)!important;
    row-gap:0!important;
    width:calc(100vw - var(--member-room-width))!important;
    max-width:calc(100vw - var(--member-room-width))!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 0 8px 0!important;
    box-sizing:border-box!important;
    align-items:start!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .rightcol{display:none!important}

  /* 왼쪽에는 실시간 채팅만 표시 */
  body.member-room-split-open:not(.member-room-popup-open) .leftcol{
    display:block!important;
    width:var(--split-live-width)!important;
    min-width:var(--split-live-width)!important;
    max-width:var(--split-live-width)!important;
    margin:0!important;
    padding:0!important;
    position:sticky!important;
    top:8px!important;
    align-self:start!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.login-card,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.room-rank-card{
    display:none!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:calc(100dvh - 16px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:9px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .mini-chat{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .card-title,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .hour-notice,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .chat-compose{
    flex:0 0 auto!important;
  }

  /* 가운데 중계화면은 두 경계선 사이를 정확히 채움 */
  body.member-room-split-open:not(.member-room-popup-open) .maincol,
  body.member-room-split-open:not(.member-room-popup-open) #page{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .page-title{
    margin:0 0 7px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .broadcast-tabs{
    margin-left:0!important;
    margin-right:0!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .self-broadcast-card,
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-card,
  body.member-room-split-open:not(.member-room-popup-open) .studio-stage-wrap,
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* 방송 UI: 작은 가운데 영역에서도 3패널 유지 */
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-stage{
    padding:6px 5px 8px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title{
    width:min(100%,540px)!important;
    max-width:540px!important;
    min-height:48px!important;
    margin:0 auto 5px!important;
    padding:4px 15px!important;
    gap:6px!important;
    border-width:4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title strong{
    font-size:18px!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-title i{font-size:14px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr) 112px!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:6px 5px!important;
    border-width:5px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{
    display:flex!important;
    min-width:0!important;
    min-height:440px!important;
    padding:5px 3px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand{
    transform:scale(.66)!important;
    transform-origin:center center!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-bottom small{font-size:5px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-sound{font-size:8px!important;padding:4px 3px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-center{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    min-height:440px!important;
    padding:6px 3px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock{
    min-width:150px!important;
    padding:5px 9px!important;
    gap:7px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock span{font-size:7px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-live-clock b{font-size:14px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{
    width:205px!important;
    height:195px!important;
    transform:scale(.78)!important;
    transform-origin:center top!important;
    margin:-5px auto -45px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque{padding:3px 10px!important;margin-top:2px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-round-plaque b{font-size:13px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-console{
    width:min(310px,98%)!important;
    margin-top:4px!important;
    padding:6px 5px 4px!important;
    border-width:3px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-main{gap:3px!important;flex-wrap:nowrap!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball{width:29px!important;height:29px!important;font-size:10px!important;border-width:2px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball.power{width:34px!important;height:34px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-main>i{height:33px!important;margin:0 1px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-label{font-size:6px!important;grid-template-columns:1fr 1px 38px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note{
    width:min(315px,98%)!important;
    margin-top:5px!important;
    padding:5px 6px!important;
    border-radius:11px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note strong{font-size:12px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note b{font-size:8px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note small{font-size:5px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-timer{font-size:5px!important;gap:3px!important}

  body.member-room-split-open:not(.member-room-popup-open) .studio-recent{
    display:block!important;
    min-width:0!important;
    min-height:440px!important;
    padding:5px 3px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-heading{
    height:25px!important;font-size:8px!important;border-width:2px!important;border-radius:7px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-list{
    display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:5px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row{
    min-height:52px!important;padding:4px 2px!important;border-radius:8px!important;overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row>b{font-size:6px!important;margin-bottom:3px!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls{gap:1px!important;flex-wrap:nowrap!important;overflow:hidden!important}
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>span{
    width:15px!important;height:15px!important;flex:0 0 15px!important;font-size:5px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>i{height:15px!important;margin:0!important}

  /* 분석 영역은 가운데 폭을 넘기지 않음 */
  body.member-room-split-open:not(.member-room-popup-open) .road-map,
  body.member-room-split-open:not(.member-room-popup-open) .road-board,
  body.member-room-split-open:not(.member-room-popup-open) .analysis-board{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    box-sizing:border-box!important;
  }

  /* 채팅방 내부: 오른쪽 비중이 커진 만큼 픽 UI도 안정적으로 배치 */
  body.member-room-split-open:not(.member-room-popup-open) .member-room-body{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) 215px!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .member-room-chat{min-width:0!important;overflow:hidden!important}
  body.member-room-split-open:not(.member-room-popup-open) .member-room-members{
    width:215px!important;min-width:215px!important;max-width:215px!important;overflow-y:auto!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .power-pick-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 100px!important;
    gap:7px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .large-pick-submit{width:100px!important;min-width:100px!important}
}

@media (min-width:1181px) and (max-width:1500px){
  :root{--member-room-width:clamp(650px,46vw,760px)!important;--split-live-width:220px}
  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{
    grid-template-columns:66px minmax(0,1fr) 102px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{
    width:190px!important;height:185px!important;
  }
}


/* ==========================================================
   2026-08-12 BLUE-LINE WIDTH TRY
   데스크톱 분할: 실시간채팅 폭을 사용자가 표시한 파란선 정도로 확대
   [실시간채팅 360px] [중계화면] [회원채팅 약 48%]
   ========================================================== */
@media (min-width:1181px){
  :root{
    --split-live-width:360px!important;
    --member-room-width:clamp(700px,48vw,900px)!important;
    --split-col-gap:6px!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .member-room-split{
    width:var(--member-room-width)!important;
    min-width:700px!important;
    max-width:900px!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .topbar,
  body.member-room-split-open:not(.member-room-popup-open) .service-strip,
  body.member-room-split-open:not(.member-room-popup-open) .shell{
    width:calc(100vw - var(--member-room-width))!important;
    max-width:calc(100vw - var(--member-room-width))!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .shell{
    grid-template-columns:var(--split-live-width) minmax(0,1fr)!important;
    column-gap:var(--split-col-gap)!important;
    padding:8px 0!important;
    overflow:hidden!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .leftcol{
    width:var(--split-live-width)!important;
    min-width:var(--split-live-width)!important;
    max-width:var(--split-live-width)!important;
    display:block!important;
    overflow:hidden!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.login-card,
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.room-rank-card{
    display:none!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:calc(100dvh - 16px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .leftcol>.chat-card .mini-chat{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
  }

  body.member-room-split-open:not(.member-room-popup-open) .maincol,
  body.member-room-split-open:not(.member-room-popup-open) #page{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* 가운데 방송은 좁아진 폭에 맞춰 한 번 더 컴팩트하게 */
  body.member-room-split-open:not(.member-room-popup-open) .studio-title{
    width:min(100%,480px)!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-frame{
    grid-template-columns:58px minmax(0,1fr) 92px!important;
    gap:4px!important;
    padding:5px 4px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand-panel{
    min-height:420px!important;
    padding:4px 2px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-brand{
    transform:scale(.58)!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-center{
    min-height:420px!important;
    padding:5px 2px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-draw-machine{
    width:185px!important;
    height:178px!important;
    transform:scale(.75)!important;
    margin:-6px auto -48px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-console,
  body.member-room-split-open:not(.member-room-popup-open) .studio-broadcast-note{
    width:min(285px,98%)!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball{
    width:27px!important;height:27px!important;font-size:9px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-result-ball.power{
    width:31px!important;height:31px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent{
    min-height:420px!important;
    padding:4px 2px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-recent-row{
    min-height:47px!important;
  }
  body.member-room-split-open:not(.member-room-popup-open) .studio-mini-balls>span{
    width:13px!important;height:13px!important;flex-basis:13px!important;font-size:4px!important;
  }
}

@media (min-width:1181px) and (max-width:1500px){
  :root{
    --split-live-width:330px!important;
    --member-room-width:clamp(650px,47vw,760px)!important;
  }
}


/* ==========================================================
   2026-08-12 DESKTOP FLOATING CHAT WINDOW
   데스크톱: 분할 레이아웃 완전 해제 + 독립 창모드
   모바일: 기존 전체화면 팝업 유지
   ========================================================== */
@media (min-width:801px){
  :root{--member-room-width:clamp(680px,46vw,860px)!important}

  body.member-room-windowed,
  body.member-room-windowed.member-room-maximized{
    margin-right:0!important;
    overflow-x:hidden!important;
  }

  /* 사이트 본문은 채팅창 때문에 절대 줄이거나 이동시키지 않음 */
  body.member-room-windowed .topbar,
  body.member-room-windowed .service-strip,
  body.member-room-windowed .service-strip-inner,
  body.member-room-windowed .shell,
  body.member-room-windowed #page,
  body.member-room-windowed .maincol{
    width:auto!important;
    max-width:none;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.member-room-windowed .shell{
    width:min(100%,2100px)!important;
    max-width:2100px!important;
    grid-template-columns:760px minmax(650px,1fr) 285px!important;
    gap:13px!important;
    padding:10px!important;
    overflow:visible!important;
  }
  body.member-room-windowed .leftcol{
    display:grid!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    grid-template-columns:245px minmax(480px,1fr)!important;
  }
  body.member-room-windowed .leftcol>.login-card,
  body.member-room-windowed .leftcol>.room-rank-card,
  body.member-room-windowed .leftcol>.chat-card{display:block!important}
  body.member-room-windowed .rightcol{display:flex!important}

  /* 떠있는 데스크톱 채팅창 */
  .member-room-split.member-room-window{
    position:fixed!important;
    z-index:180!important;
    right:18px!important;
    left:auto;
    top:82px!important;
    bottom:auto!important;
    width:var(--member-room-width)!important;
    min-width:min(680px,calc(100vw - 36px))!important;
    max-width:min(920px,calc(100vw - 36px))!important;
    height:min(82dvh,840px)!important;
    max-height:calc(100dvh - 100px)!important;
    border:1px solid #8eabc2!important;
    border-radius:13px!important;
    background:#f4f7fb!important;
    box-shadow:0 24px 65px rgba(8,33,57,.36),0 0 0 1px rgba(255,255,255,.65) inset!important;
    transform:translateY(-8px) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    overflow:hidden!important;
    transition:opacity .16s ease,transform .16s ease!important;
  }
  .member-room-split.member-room-window.show{
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .member-room-split.member-room-window .member-room-resizer{
    display:block!important;
    left:-5px!important;
    width:10px!important;
  }
  .member-room-split.member-room-window #memberRoomSplitInner{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .member-room-split.member-room-window .member-room-top{
    flex:0 0 auto!important;
    min-height:72px!important;
    height:auto!important;
    cursor:move!important;
    user-select:none!important;
  }
  .member-room-split.member-room-window .member-room-window-actions,
  .member-room-split.member-room-window .member-room-window-actions *{cursor:pointer!important}
  .member-room-split.member-room-window .room-result-mini.single{flex:0 0 auto!important}
  .member-room-split.member-room-window .member-room-body{
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    overflow:hidden!important;
  }
  .member-room-split.member-room-window .member-room-chat,
  .member-room-split.member-room-window .member-room-messages,
  .member-room-split.member-room-window .member-room-members,
  .member-room-split.member-room-window .member-room-side-content{
    min-height:0!important;
  }
  .member-room-split.member-room-window .member-room-members{
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
  }
  .member-room-split.member-room-window .power-pick-layout{
    grid-template-columns:repeat(3,minmax(0,1fr)) 100px!important;
    gap:7px!important;
    padding:10px!important;
  }
  .member-room-split.member-room-window .large-pick-submit{width:100px!important;min-width:100px!important}

  /* 최대화 */
  .member-room-split.member-room-window.maximized{
    left:0!important;right:0!important;top:0!important;bottom:0!important;
    width:100vw!important;min-width:100vw!important;max-width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;
    border:0!important;border-radius:0!important;transform:none!important;
  }
  .member-room-split.member-room-window.maximized .member-room-body{grid-template-columns:minmax(0,1fr) 285px!important}

  /* 최소화 */
  .member-room-split.member-room-window.minimized{
    left:auto!important;right:18px!important;top:auto!important;bottom:18px!important;
    width:340px!important;min-width:340px!important;max-width:340px!important;
    height:54px!important;max-height:54px!important;border-radius:10px!important;
    transform:none!important;opacity:1!important;visibility:visible!important;
  }

  body.member-room-window-moving{user-select:none!important;cursor:move!important}
  .member-room-drag-handle{touch-action:none!important}
  .member-room-backdrop{display:none!important}
}

@media (min-width:801px) and (max-width:1450px){
  body.member-room-windowed .shell{
    grid-template-columns:520px minmax(560px,1fr)!important;
  }
  body.member-room-windowed .rightcol{display:none!important}
  body.member-room-windowed .leftcol{grid-template-columns:190px minmax(310px,1fr)!important}
}

@media (max-width:800px){
  body.member-room-windowed{margin-right:0!important}
  .member-room-split.member-room-popup{
    position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
    width:100vw!important;min-width:0!important;max-width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;
  }
}


/* 창모드 최종 안전장치: 본문은 채팅방 열기 전 레이아웃을 그대로 사용 */
@media (min-width:801px){
  body.member-room-windowed .shell{
    width:100%!important;
    max-width:2100px!important;
    grid-template-columns:minmax(420px,40vw) minmax(520px,1fr) 240px!important;
    gap:10px!important;
    padding:10px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body.member-room-windowed .leftcol{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:9px!important;
    width:auto!important;min-width:0!important;max-width:none!important;
  }
  body.member-room-windowed .rightcol{display:flex!important}
  body.member-room-windowed #page,
  body.member-room-windowed .maincol{min-width:0!important;width:auto!important;max-width:none!important;overflow:visible!important}
}
@media (min-width:801px) and (max-width:1500px){
  body.member-room-windowed .shell{grid-template-columns:minmax(360px,38vw) minmax(500px,1fr)!important}
  body.member-room-windowed .rightcol{display:none!important}
  body.member-room-windowed .leftcol{grid-template-columns:190px minmax(0,1fr)!important}
}


/* ===== 2026-08-12 창모드 v2: 자유 이동 + 8방향 크기조절 ===== */
@media (min-width:801px){
  .member-room-split.member-room-window{
    left:var(--room-window-left,auto)!important;
    top:var(--room-window-top,82px)!important;
    right:auto!important;
    bottom:auto!important;
    width:var(--room-window-width,min(760px,46vw))!important;
    min-width:0!important;
    max-width:none!important;
    height:var(--room-window-height,min(82dvh,840px))!important;
    min-height:0!important;
    max-height:none!important;
  }
  .member-room-split.member-room-window #memberRoomSplitInner{
    width:100%!important;height:100%!important;min-width:0!important;min-height:0!important
  }
  .member-room-split.member-room-window .member-room-top{
    cursor:move!important;touch-action:none!important
  }
  .member-room-split.member-room-window .member-room-body{
    min-height:0!important;height:auto!important;flex:1 1 auto!important
  }
  .member-room-resizer{display:none!important}
  .member-room-resize-handle{
    display:block!important;position:absolute!important;z-index:250!important;
    background:transparent!important;touch-action:none!important;user-select:none!important
  }
  .member-room-resize-handle.resize-n{left:12px;right:12px;top:-5px;height:10px;cursor:n-resize}
  .member-room-resize-handle.resize-s{left:12px;right:12px;bottom:-5px;height:10px;cursor:s-resize}
  .member-room-resize-handle.resize-e{top:12px;bottom:12px;right:-5px;width:10px;cursor:e-resize}
  .member-room-resize-handle.resize-w{top:12px;bottom:12px;left:-5px;width:10px;cursor:w-resize}
  .member-room-resize-handle.resize-ne{right:-6px;top:-6px;width:18px;height:18px;cursor:ne-resize}
  .member-room-resize-handle.resize-nw{left:-6px;top:-6px;width:18px;height:18px;cursor:nw-resize}
  .member-room-resize-handle.resize-se{right:-6px;bottom:-6px;width:18px;height:18px;cursor:se-resize}
  .member-room-resize-handle.resize-sw{left:-6px;bottom:-6px;width:18px;height:18px;cursor:sw-resize}
  .member-room-split.member-room-window:after{
    content:"↘";position:absolute;right:5px;bottom:2px;z-index:249;
    color:#6f91ad;font-size:15px;font-weight:900;pointer-events:none;opacity:.75
  }
  .member-room-split.member-room-window.maximized .member-room-resize-handle,
  .member-room-split.member-room-window.minimized .member-room-resize-handle,
  .member-room-split.member-room-window.maximized:after,
  .member-room-split.member-room-window.minimized:after{display:none!important}
  body.member-room-window-moving,body.member-room-window-resizing{
    user-select:none!important;-webkit-user-select:none!important
  }
  body.member-room-window-resizing iframe{pointer-events:none!important}
  .member-room-split.member-room-window .member-room-notice:after{
    content:" · 제목줄 이동 / 가장자리·모서리 크기조절";
    font-weight:900;color:#386b91
  }
  /* 좁게 줄여도 내부 패널이 무너지지 않도록 단계별 반응 */
  .member-room-split.member-room-window{container-type:inline-size}
  @container (max-width:720px){
    .member-room-split.member-room-window .member-room-body{grid-template-columns:minmax(0,1fr) 200px!important}
    .member-room-split.member-room-window .member-room-members{width:200px!important;min-width:200px!important;max-width:200px!important}
    .member-room-split.member-room-window .power-pick-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .member-room-split.member-room-window .large-pick-submit{grid-column:1/-1!important;width:100%!important;min-width:0!important}
  }
  @container (max-width:620px){
    .member-room-split.member-room-window .member-room-body{grid-template-columns:minmax(0,1fr) 180px!important}
    .member-room-split.member-room-window .member-room-members{width:180px!important;min-width:180px!important;max-width:180px!important}
    .member-room-split.member-room-window .member-room-game{display:none!important}
  }
}
@media (max-width:800px){
  .member-room-resize-handle{display:none!important}
}


/* ===== 2026-08-12 채팅대기실 창모드 + 최소화 복원버튼 ===== */
.chat-lobby-reserved-blank{min-height:760px;background:transparent!important;border:0!important;box-shadow:none!important}
.chat-lobby-window{
 position:fixed;z-index:285;display:flex;flex-direction:column;
 left:18%;top:70px;width:58vw;height:82dvh;min-width:760px;min-height:560px;
 background:#f5f8fb;border:1px solid #86a9c6;border-radius:12px;
 box-shadow:0 22px 60px rgba(8,38,64,.32);overflow:hidden;
 opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
 resize:both
}
.chat-lobby-window.show{opacity:1;visibility:visible;transform:scale(1)}
.chat-lobby-window-head{height:52px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:linear-gradient(#0d5f9b,#084a7c);color:#fff;cursor:move;user-select:none}
.chat-lobby-window-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.chat-lobby-window-head b{font-size:15px}.chat-lobby-window-head small{font-size:9px;color:#bfe0f7;border:1px solid #ffffff38;border-radius:999px;padding:3px 6px}.chat-lobby-window-actions{display:flex;gap:5px}.chat-lobby-window-actions button{width:34px;height:32px;border:1px solid #ffffff45;border-radius:6px;background:#ffffff12;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.chat-lobby-window-actions button:hover{background:#ffffff26}
.chat-lobby-window-inner{flex:1 1 auto;min-height:0;overflow:auto;padding:12px;background:#f5f8fb}.chat-lobby-window-inner>.page-title{margin-top:0!important}.chat-lobby-window-inner .lobby-shell{min-height:calc(100% - 35px)}
.chat-lobby-window.maximized{left:8px!important;top:8px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;min-width:0!important;min-height:0!important;resize:none!important}
.chat-lobby-floating-restore,.member-room-floating-restore{position:fixed;z-index:360;display:none;align-items:center;gap:9px;border:2px solid #1182d6;background:linear-gradient(#1589dd,#0870c1);color:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(10,71,114,.34);cursor:pointer;font-weight:950}
.chat-lobby-floating-restore.show,.member-room-floating-restore.show{display:flex!important}
.chat-lobby-floating-restore{right:18px;bottom:78px;padding:11px 16px;font-size:13px}.chat-lobby-floating-restore span{font-size:19px}
.member-room-floating-restore{right:18px;bottom:18px;padding:10px 14px;text-align:left}.member-room-floating-restore>span{font-size:22px}.member-room-floating-restore>div{display:flex;flex-direction:column}.member-room-floating-restore b{font-size:13px}.member-room-floating-restore small{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#d5efff;margin-top:2px}
/* 기존 최소화 패널은 숨기고 고정 복원버튼만 표시 */
.member-room-split.minimized{display:none!important}
body.member-room-minimized{margin-right:0!important}
@media(max-width:800px){
 .chat-lobby-window,.chat-lobby-window.mobile{left:0!important;top:0!important;width:100vw!important;height:100dvh!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;resize:none!important}
 .chat-lobby-window-head{cursor:default}.chat-lobby-window-inner{padding:8px}
 .chat-lobby-reserved-blank{min-height:520px}
 .chat-lobby-floating-restore{right:12px;bottom:72px}.member-room-floating-restore{right:12px;bottom:12px;max-width:calc(100vw - 24px)}
}


/* ===== 2026-08-12 채팅방 상단 픽 승패/연승 통계 ===== */
.member-room-top{position:relative!important}
.room-header-pick-stats{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 display:flex;align-items:center;justify-content:center;gap:5px;
 max-width:54%;padding:4px 6px;border:1px solid #2d7a67;border-radius:10px;
 background:linear-gradient(180deg,rgba(10,75,67,.88),rgba(7,52,61,.92));
 box-shadow:inset 0 1px rgba(255,255,255,.12),0 2px 7px rgba(0,0,0,.15);
 white-space:nowrap;z-index:2;pointer-events:none
}
.room-header-pick-stats>span{display:flex;align-items:center;gap:4px;padding:4px 7px;border-left:1px solid rgba(255,255,255,.18);font-style:normal}
.room-header-pick-stats>span:first-child{border-left:0}
.room-header-pick-stats b{font-size:9px!important;color:#bfe8dc!important;font-weight:950!important}
.room-header-pick-stats strong{font-size:11px!important;color:#62e49c!important;font-weight:950!important}
.room-header-pick-stats em{font-size:11px!important;color:#ff9298!important;font-style:normal!important;font-weight:950!important}
.room-header-pick-stats i{font-size:10px!important;color:#ffd45c!important;font-style:normal!important;font-weight:950!important}
.room-header-pick-stats .overall{background:rgba(255,255,255,.05);border-radius:7px}
@media(max-width:1100px) and (min-width:801px){
 .room-header-pick-stats{max-width:48%;gap:2px;padding:3px 4px}
 .room-header-pick-stats>span{gap:2px;padding:3px 4px}
 .room-header-pick-stats b{font-size:7px!important}.room-header-pick-stats strong,.room-header-pick-stats em{font-size:9px!important}.room-header-pick-stats i{font-size:8px!important}
}
@media(max-width:800px){
 .member-room-top{padding-bottom:47px!important}
 .room-header-pick-stats{left:8px;right:8px;top:auto;bottom:5px;transform:none;max-width:none;width:auto;justify-content:center}
 .room-header-pick-stats>span{flex:1;justify-content:center;padding:3px 4px}
}


/* ===== 2026-08-13 대기실 방장 프로필 + 픽 승패통계 ===== */
.modern-room-entry{
 grid-template-columns:58px minmax(180px,1fr) minmax(320px,1.35fr) 92px 112px!important;
 gap:10px!important;
 align-items:center!important
}
.modern-room-profile-avatar{
 position:relative!important;
 width:52px!important;height:52px!important;
 padding:0!important;border-radius:50%!important;
 overflow:visible!important;
 background:#eef5fb!important;border:2px solid #d6e4ef!important;
 display:grid!important;place-items:center!important;
 box-shadow:0 2px 8px rgba(20,69,103,.12)!important
}
.modern-room-profile-avatar>img{
 width:100%!important;height:100%!important;object-fit:cover!important;
 border-radius:50%!important;display:block!important
}
.modern-room-profile-avatar>span{
 width:100%!important;height:100%!important;border-radius:50%!important;
 display:grid!important;place-items:center!important;font-size:23px!important;
 background:linear-gradient(#f7fbff,#e7f0f8)!important
}
.room-avatar-lock{
 position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;border-radius:50%;
 display:grid;place-items:center;background:#fff;border:1px solid #d5e2ed;
 font-style:normal;font-size:9px;box-shadow:0 1px 4px #173e6320
}
.lobby-room-pick-stats{
 display:flex;align-items:center;justify-content:flex-start;gap:5px;
 min-width:0;padding:6px 8px;border:1px solid #9ed5b7;border-radius:9px;
 background:linear-gradient(180deg,#f4fff8,#eafbf1);
 box-shadow:inset 0 1px #fff;
 overflow:hidden;white-space:nowrap
}
.lobby-room-pick-stats>span{
 display:flex;align-items:center;gap:4px;padding:3px 6px;
 border-left:1px solid #c4e6d2;min-width:0
}
.lobby-room-pick-stats>span:first-child{border-left:0}
.lobby-room-pick-stats b{font-size:9px!important;color:#27704c!important;font-weight:950!important}
.lobby-room-pick-stats strong{font-size:10px!important;color:#07944b!important;font-weight:950!important}
.lobby-room-pick-stats em{font-size:10px!important;color:#db4d58!important;font-style:normal!important;font-weight:950!important}
.lobby-room-pick-stats i{font-size:9px!important;color:#be7a00!important;font-style:normal!important;font-weight:950!important}
.lobby-room-pick-stats .overall{background:#fff;border-radius:6px}
@media(max-width:1050px){
 .modern-room-entry{grid-template-columns:52px minmax(170px,1fr) 92px 105px!important}
 .lobby-room-pick-stats{grid-column:2/-1;grid-row:2;margin-top:-2px}
}
@media(max-width:700px){
 .modern-room-entry{grid-template-columns:48px minmax(0,1fr) auto!important}
 .modern-room-profile-avatar{width:44px!important;height:44px!important}
 .modern-room-capacity{grid-column:3;grid-row:1}
 .room-join-btn{grid-column:2/-1;width:100%!important}
 .lobby-room-pick-stats{grid-column:1/-1;grid-row:auto;flex-wrap:wrap;white-space:normal}
}


/* ===== 2026-08-13 채팅대기실 8방향 크기조절 ===== */
@media(min-width:801px){
 .chat-lobby-window{resize:none!important;overflow:hidden!important}
 .chat-lobby-resize-handle{position:absolute!important;z-index:310!important;display:block!important;background:transparent!important;touch-action:none!important;user-select:none!important}
 .chat-lobby-resize-handle.resize-n{left:14px;right:14px;top:-5px;height:10px;cursor:n-resize}
 .chat-lobby-resize-handle.resize-s{left:14px;right:14px;bottom:-5px;height:10px;cursor:s-resize}
 .chat-lobby-resize-handle.resize-e{top:14px;bottom:14px;right:-5px;width:10px;cursor:e-resize}
 .chat-lobby-resize-handle.resize-w{top:14px;bottom:14px;left:-5px;width:10px;cursor:w-resize}
 .chat-lobby-resize-handle.resize-ne{right:-6px;top:-6px;width:20px;height:20px;cursor:ne-resize}
 .chat-lobby-resize-handle.resize-nw{left:-6px;top:-6px;width:20px;height:20px;cursor:nw-resize}
 .chat-lobby-resize-handle.resize-se{right:-6px;bottom:-6px;width:20px;height:20px;cursor:se-resize}
 .chat-lobby-resize-handle.resize-sw{left:-6px;bottom:-6px;width:20px;height:20px;cursor:sw-resize}
 .chat-lobby-window:after{content:"↘";position:absolute;right:5px;bottom:1px;z-index:309;color:#6b91af;font-size:16px;font-weight:950;pointer-events:none;opacity:.8}
 .chat-lobby-window.maximized .chat-lobby-resize-handle,.chat-lobby-window.maximized:after{display:none!important}
 body.chat-lobby-moving,body.chat-lobby-resizing{user-select:none!important;-webkit-user-select:none!important}
}
@media(max-width:800px){.chat-lobby-resize-handle{display:none!important}}

/* ===== 2026-08-13 PC 채팅대기실 전용 새 창 ===== */
body.dedicated-lobby-window{overflow:hidden!important;background:#f5f8fb!important}
body.dedicated-lobby-window>.topbar,
body.dedicated-lobby-window>.layout,
body.dedicated-lobby-window>footer,
body.dedicated-lobby-window>#chatLobbyFloatingRestore,
body.dedicated-lobby-window>#memberRoomFloatingRestore{display:none!important}
body.dedicated-lobby-window .chat-lobby-window,
body.dedicated-lobby-window .chat-lobby-window.show{
 left:0!important;top:0!important;width:100vw!important;height:100dvh!important;
 min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 opacity:1!important;visibility:visible!important;transform:none!important;resize:none!important
}
body.dedicated-lobby-window .chat-lobby-window-head{cursor:default!important}
body.dedicated-lobby-window #chatLobbyMin,
body.dedicated-lobby-window #chatLobbyMax,
body.dedicated-lobby-window .chat-lobby-resize-handle,
body.dedicated-lobby-window .chat-lobby-window:after{display:none!important}
body.dedicated-lobby-window .chat-lobby-window-inner{flex:1 1 auto!important;min-height:0!important}


/* ===== 2026-08-13 좌측 운영중인 채팅방: 프로필 바로가기형 ===== */
.room-rank-card #roomRankList{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:9px!important;
 align-content:start!important;
 padding:10px 6px!important;
 overflow:auto!important;
 max-height:620px!important
}
.room-rank-card #roomRankList .room-profile-shortcut{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:3px!important;
 min-width:0!important;
 padding:6px 3px 7px!important;
 border:1px solid transparent!important;
 border-radius:8px!important;
 background:transparent!important;
 color:#173f63!important;
 cursor:pointer!important;
 box-shadow:none!important
}
.room-rank-card #roomRankList .room-profile-shortcut:hover{
 background:#edf7ff!important;
 border-color:#9ac8ea!important;
 transform:translateY(-1px)
}
.room-profile-thumb{
 width:58px!important;
 height:58px!important;
 border-radius:9px!important;
 overflow:hidden!important;
 display:grid!important;
 place-items:center!important;
 background:#eef4f8!important;
 border:2px solid #d8e4ed!important;
 box-shadow:0 2px 6px rgba(16,61,93,.12)!important;
 flex:none!important
}
.room-profile-thumb img{
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 display:block!important
}
.room-profile-thumb>span{
 width:100%!important;
 height:100%!important;
 display:grid!important;
 place-items:center!important;
 font-size:24px!important;
 background:linear-gradient(#f8fbff,#e9f0f6)!important
}
.room-profile-name{
 width:100%!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
 text-align:center!important;
 font-size:9px!important;
 font-weight:950!important;
 color:#164872!important;
 line-height:1.3!important
}
.room-profile-shortcut>small{
 display:block!important;
 font-size:8px!important;
 color:#70879a!important;
 line-height:1.2!important
}
.room-profile-lock{
 position:absolute!important;
 right:5px!important;
 top:4px!important;
 width:18px!important;
 height:18px!important;
 display:grid!important;
 place-items:center!important;
 border-radius:50%!important;
 background:#fff!important;
 border:1px solid #cbd9e4!important;
 font-size:8px!important;
 font-style:normal!important;
 box-shadow:0 1px 4px rgba(10,45,72,.15)!important
}
@media(max-width:1650px){
 .room-rank-card #roomRankList{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .room-profile-thumb{width:54px!important;height:54px!important}
}
@media(max-width:980px){
 .room-rank-card #roomRankList{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:none!important}
}
@media(max-width:650px){
 .room-rank-card #roomRankList{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* ===== 2026-08-13 운영중인 채팅방 1열 + 채팅방대기실 버튼 ===== */
.room-rank-card .room-quick-links{
 display:block!important;
 padding:7px 7px 5px!important;
 background:#fff!important
}
.room-rank-card .room-quick-links #goCurrentRoomQuick{display:none!important}
.room-rank-card .sidebar-lobby-open-btn{
 display:block!important;
 width:100%!important;
 min-height:42px!important;
 border:0!important;
 border-radius:5px!important;
 background:linear-gradient(180deg,#1593df,#0878c8)!important;
 color:#fff!important;
 font-size:12px!important;
 font-weight:950!important;
 cursor:pointer!important;
 box-shadow:0 2px 6px rgba(6,102,170,.2)!important
}
.room-rank-card .sidebar-lobby-open-btn:hover{background:linear-gradient(180deg,#0d86d3,#066bb4)!important}
.room-rank-card .rule-note{font-size:9px!important;padding:7px!important;text-align:center!important}
.room-rank-card #roomRankList{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:6px!important;
 align-content:start!important;
 justify-items:center!important;
 padding:8px 5px 14px!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 max-height:640px!important
}
.room-rank-card #roomRankList .room-profile-shortcut{
 width:100%!important;
 max-width:112px!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:3px!important;
 padding:5px 3px 7px!important;
 border:1px solid transparent!important;
 border-radius:6px!important;
 background:transparent!important
}
.room-rank-card #roomRankList .room-profile-shortcut:hover{
 background:#edf7ff!important;
 border-color:#90c6ea!important
}
.room-rank-card #roomRankList .room-profile-thumb{
 width:72px!important;
 height:72px!important;
 border-radius:4px!important;
 border:1px solid #cbd9e4!important;
 box-shadow:0 1px 4px rgba(20,61,92,.12)!important
}
.room-rank-card #roomRankList .room-profile-name{
 width:100%!important;
 max-width:100px!important;
 font-size:9px!important;
 font-weight:950!important;
 text-align:center!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important
}
.room-rank-card #roomRankList .room-profile-shortcut>small{font-size:8px!important}
.room-rank-card #roomRankList .room-profile-lock{right:12px!important;top:2px!important}
@media(max-width:1650px){
 .room-rank-card #roomRankList{grid-template-columns:1fr!important}
 .room-rank-card #roomRankList .room-profile-thumb{width:68px!important;height:68px!important}
}
@media(max-width:980px){
 .room-rank-card #roomRankList{grid-template-columns:1fr!important;max-height:640px!important}
}
@media(max-width:650px){
 .room-rank-card #roomRankList{grid-template-columns:1fr!important}
}


/* ===== 2026-08-13 운영중인채팅방 크기/위치 재정렬 ===== */
@media (min-width: 851px){
  .leftcol{
    display:grid!important;
    grid-template-columns:235px minmax(480px,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:11px!important;
    align-items:start!important;
  }
  .leftcol>.login-card{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
  }
  .leftcol>.chat-card{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
  }
  .leftcol>.room-rank-card{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    min-height:700px!important;
    height:100%!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .leftcol>.room-rank-card .card-title,
  .leftcol>.room-rank-card .room-quick-links,
  .leftcol>.room-rank-card .rule-note{
    flex:0 0 auto!important;
  }
  .leftcol>.room-rank-card #roomRankList{
    flex:1 1 auto!important;
    max-height:none!important;
    min-height:520px!important;
    align-content:start!important;
  }
}

@media (min-width: 851px) and (max-width: 1650px){
  .leftcol{
    grid-template-columns:220px minmax(415px,1fr)!important;
  }
  .leftcol>.room-rank-card{
    min-height:670px!important;
  }
  .leftcol>.room-rank-card #roomRankList{
    min-height:490px!important;
  }
}

/* ===== 2026-08-13 홈 좌측 회원카드 이동 / 운영중인채팅방-실시간채팅 정렬 ===== */
@media (min-width: 1280px){
  .shell{
    max-width:1900px!important;
    grid-template-columns:660px minmax(0,1fr) 260px!important;
    gap:10px!important;
    align-items:start!important;
  }
  .leftcol{
    display:grid!important;
    grid-template-columns:180px minmax(430px,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:8px!important;
    align-items:start!important;
  }
  .leftcol>.login-card{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    min-height:195px!important;
    align-self:start!important;
  }
  .leftcol>.room-rank-card{
    grid-column:1!important;
    grid-row:2!important;
    margin:0!important;
    min-height:510px!important;
    align-self:start!important;
  }
  .leftcol>.chat-card{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    min-height:510px!important;
    align-self:start!important;
  }
  .leftcol>.login-card.member-info-card{padding:0!important;overflow:hidden!important}
  .leftcol>.login-card.member-info-card .member-info-head{gap:7px!important;padding:10px 8px 8px!important;align-items:center!important}
  .leftcol>.login-card.member-info-card .member-info-avatar{width:42px!important;height:42px!important;font-size:17px!important;border-width:1px!important}
  .leftcol>.login-card.member-info-card .member-info-name b{font-size:10px!important}
  .leftcol>.login-card.member-info-card .member-info-name small{font-size:7px!important;line-height:1.25!important}
  .leftcol>.login-card.member-info-card .member-info-tabs button{padding:8px 2px!important;font-size:8px!important}
  .leftcol>.login-card.member-info-card .member-wallet-row{padding:8px 5px!important;gap:2px!important}
  .leftcol>.login-card.member-info-card .member-wallet i{width:17px!important;height:17px!important;font-size:8px!important}
  .leftcol>.login-card.member-info-card .member-wallet b{font-size:8px!important}
  .leftcol>.login-card.member-info-card .member-item-summary{padding:6px 7px 8px!important;font-size:7px!important;line-height:1.4!important}
  .leftcol>.login-card.member-info-card .member-info-actions button{padding:8px 2px!important;font-size:7px!important}
  .leftcol>.login-card h3{font-size:12px!important;margin-bottom:7px!important}
  .leftcol>.login-card input{padding:7px!important;font-size:8px!important}
  .leftcol>.login-card .wide{padding:8px 6px!important;font-size:8px!important}
  .leftcol>.login-card .tiny-links{font-size:7px!important;line-height:1.4!important}
  .leftcol>.room-rank-card{padding:10px 8px!important}
  .leftcol>.room-rank-card .card-title{margin-bottom:6px!important}
  .leftcol>.room-rank-card .card-title h3{font-size:11px!important}
  .leftcol>.room-rank-card .card-title span{font-size:8px!important}
  .leftcol>.room-rank-card .room-quick-links{grid-template-columns:1fr!important;gap:6px!important}
  .leftcol>.room-rank-card .room-quick-links button{padding:10px 6px!important;font-size:8px!important}
  .leftcol>.room-rank-card .rule-note{font-size:7px!important;line-height:1.45!important;padding:7px 5px!important}
  .leftcol>.room-rank-card #roomRankList .room-rank-row{padding:10px 0!important;grid-template-columns:1fr!important}
  .leftcol>.room-rank-card #roomRankList .room-rank-row>div:first-child{display:none!important}
  .leftcol>.room-rank-card #roomRankList .room-rank-row>div:last-child{grid-column:auto!important;padding-left:0!important;margin-top:0!important;text-align:center!important}
  .leftcol>.room-rank-card #roomRankList .room-rank-row img,
  .leftcol>.room-rank-card #roomRankList .room-rank-thumb{width:68px!important;height:68px!important;margin:0 auto 6px!important;display:block!important}
  .leftcol>.chat-card{padding:10px!important}
  .leftcol>.chat-card .card-title{margin-bottom:6px!important}
  .leftcol>.chat-card .card-title h3{font-size:12px!important}
  .leftcol>.chat-card .mini-chat{height:430px!important;min-height:430px!important}
}

/* ===== 2026-08-13 엔트리형 홈 별사탕 TOP5 / 실시간채팅 상단 배치 ===== */
.home-gift-rank-card{display:none;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #d7dce2!important;border-radius:6px!important;box-shadow:0 2px 8px rgba(16,49,78,.07)!important}
body.home-view .home-gift-rank-card{display:block}
.home-gift-rank-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px 8px;border-bottom:1px solid #e5e8eb;background:#fff}
.home-gift-rank-head h3{margin:0!important;font-size:15px!important;color:#34383d!important;font-weight:900!important;letter-spacing:-.4px}
.home-gift-rank-head small{display:block;margin-top:3px;color:#929aa2;font-size:9px!important;font-weight:500}
.home-gift-rank-head nav{display:flex;align-self:flex-start;gap:1px;flex:none}
.home-gift-rank-head nav button{border:0;background:transparent;color:#747b82;padding:4px 5px;font-size:10px!important;cursor:pointer}
.home-gift-rank-head nav button.active{color:#ef3f37;font-weight:900}
.home-gift-rank-list{padding:0 14px;background:#fff}
.home-gift-rank-row{position:relative;width:100%;min-height:58px;display:grid;grid-template-columns:28px 46px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border:0;border-bottom:1px solid #eceff1;background:#fff;text-align:left;cursor:pointer}
.home-gift-rank-row:hover{background:#f8fbfd}
.home-gift-rank-row:last-child{border-bottom:0}
.home-gift-rank-number{width:22px;height:24px;display:grid;place-items:center;background:#415796;color:#fff;font-size:11px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}
.home-gift-rank-number.rank-1{background:#f2b400;color:#fff;clip-path:none;border-radius:2px}
.home-gift-rank-number.rank-2{background:#7c8da2}.home-gift-rank-number.rank-3{background:#a86f4e}
.home-gift-rank-avatar{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#edf4fb,#d5e2ed);border:2px solid #fff;box-shadow:0 1px 5px #344e6540;font-size:22px}
.home-gift-rank-row.winner .home-gift-rank-avatar{width:48px;height:48px;margin-left:-3px;background:linear-gradient(145deg,#342219,#080808);border-color:#f5c13f}
.home-gift-rank-avatar>i{position:absolute;right:-4px;bottom:-3px;min-width:18px;height:14px;border-radius:7px;background:#ff6b24;color:#fff;display:grid;place-items:center;font-style:normal;font-size:6px;font-weight:900}
.home-gift-rank-avatar>i:empty{display:none}
.home-gift-rank-member{min-width:0}
.home-gift-rank-member>b{display:flex;align-items:center;gap:5px;color:#34383c;font-size:11px!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-gift-rank-member>b>em{flex:none;border-radius:3px;background:#ffede7;color:#f05b2b;padding:2px 3px;font-style:normal;font-size:6px;font-weight:900}
.home-gift-rank-member>small{display:block;margin-top:3px;color:#8c939a;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-gift-rank-score{display:flex;align-items:center;gap:4px;padding-right:3px;white-space:nowrap}
.home-gift-rank-score>i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ff9100;color:#fff;font-style:normal;font-size:13px}
.home-gift-rank-score>b{color:#f07c00!important;font-size:10px!important;font-weight:900!important}
.home-gift-rank-more{display:block;width:calc(100% - 28px);margin:3px 14px 10px;padding:7px;border:1px solid #e0e5e9;border-radius:4px;background:#f8fafb;color:#687684;font-size:8px!important;cursor:pointer}
.home-gift-rank-more:hover{background:#edf6fc;color:#1477b5}

@media (min-width:1280px){
 body.home-view .leftcol>.home-gift-rank-card{grid-column:2!important;grid-row:1!important;min-height:365px!important;margin:0!important}
 body.home-view .leftcol>.login-card{grid-column:1!important;grid-row:1!important}
 body.home-view .leftcol>.room-rank-card{grid-column:1!important;grid-row:2!important}
 body.home-view .leftcol>.chat-card{grid-column:2!important;grid-row:2!important}
}
@media (min-width:851px) and (max-width:1279px){
 body.home-view .leftcol{display:block!important}
 body.home-view .leftcol>.login-card,
 body.home-view .leftcol>.home-gift-rank-card,
 body.home-view .leftcol>.chat-card,
 body.home-view .leftcol>.room-rank-card{width:100%!important;margin:0 0 9px!important;min-height:auto!important}
}
@media (max-width:850px){
 body.home-view .leftcol>.home-gift-rank-card{margin-bottom:9px!important}
 .home-gift-rank-head{padding-left:10px;padding-right:10px}
 .home-gift-rank-list{padding:0 10px}
 .home-gift-rank-row{grid-template-columns:24px 42px minmax(0,1fr) auto;gap:5px}
 .home-gift-rank-member>small{max-width:145px}
}

/* ===== TOP5 랭킹을 실시간 채팅과 함께 모든 화면에 고정 표시 ===== */
.home-gift-rank-card{display:block!important}
@media (min-width:1280px){
 .leftcol>.home-gift-rank-card{grid-column:2!important;grid-row:1!important;min-height:365px!important;margin:0!important}
 .leftcol>.login-card{grid-column:1!important;grid-row:1!important}
 .leftcol>.room-rank-card{grid-column:1!important;grid-row:2!important}
 .leftcol>.chat-card{grid-column:2!important;grid-row:2!important}
}
@media (min-width:851px) and (max-width:1279px){
 .leftcol{display:block!important}
 .leftcol>.login-card,
 .leftcol>.home-gift-rank-card,
 .leftcol>.chat-card,
 .leftcol>.room-rank-card{width:100%!important;margin:0 0 9px!important;min-height:auto!important}
}
@media (max-width:850px){.leftcol>.home-gift-rank-card{margin-bottom:9px!important}}

/* ===== 2026-08-13 운영중인 채팅방 실시간 점수 TOP3 ===== */
.room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
 position:relative!important;
 width:100%!important;
 max-width:150px!important;
 min-height:132px!important;
 margin:0 auto 4px!important;
 padding:27px 7px 11px!important;
 border:1px solid rgba(74,65,44,.24)!important;
 border-radius:9px!important;
 background:#fff!important;
 box-shadow:0 3px 9px rgba(32,49,62,.12)!important;
 gap:4px!important
}
.room-rank-card #roomRankList .room-score-rank-1{
 background:linear-gradient(145deg,#fff8ce 0%,#f6d25f 58%,#dcae2d 100%)!important
}
.room-rank-card #roomRankList .room-score-rank-2{
 background:linear-gradient(145deg,#fbfdff 0%,#d8dee5 58%,#aeb8c3 100%)!important
}
.room-rank-card #roomRankList .room-score-rank-3{
 background:linear-gradient(145deg,#f8e2d2 0%,#c98a5d 58%,#a9633d 100%)!important
}
.room-rank-card #roomRankList .room-profile-shortcut.room-score-rank:hover{
 border-color:rgba(46,57,66,.38)!important;
 filter:brightness(1.035)!important;
 transform:translateY(-1px)!important
}
.room-rank-position{
 position:absolute!important;
 left:8px!important;
 top:7px!important;
 min-width:34px!important;
 padding:3px 7px!important;
 border-radius:10px!important;
 background:rgba(20,32,44,.78)!important;
 color:#fff!important;
 font-size:9px!important;
 line-height:1.2!important;
 font-weight:950!important;
 text-align:center!important
}
.room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
 flex:none!important
}
.room-rank-card #roomRankList .room-score-rank .room-profile-lock{
 top:29px!important;
 right:20px!important
}
.room-realtime-score{
 display:block!important;
 color:#263b4d!important;
 font-size:9px!important;
 line-height:1.2!important;
 font-weight:950!important
}

/* ===== 2026-08-13 마이페이지 높이 / 운영중인 채팅방 시작선 정렬 ===== */
@media (min-width:1280px){
 .leftcol{
  grid-template-rows:230px 75px minmax(510px,auto)!important;
  row-gap:8px!important;
  align-items:stretch!important
 }
 .leftcol>.login-card{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:230px!important;
  min-height:230px!important;
  margin:0!important;
  align-self:stretch!important
 }
 .leftcol>.home-gift-rank-card{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  align-self:stretch!important
 }
 .leftcol>.room-rank-card{
  grid-column:1!important;
  grid-row:2 / span 2!important;
  min-height:593px!important;
  height:100%!important;
  margin:0!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important
 }
 .leftcol>.room-rank-card #roomRankList{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important
 }
 .leftcol>.chat-card{
  grid-column:2!important;
  grid-row:3!important;
  min-height:510px!important;
  margin:0!important;
  align-self:stretch!important
 }
}

/* ===== 2026-08-13 운영방 순위 색상 강제 복원 + 카드 축소 ===== */
body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
 max-width:138px!important;
 min-height:116px!important;
 padding:23px 6px 8px!important;
 margin:0 auto 3px!important;
 gap:2px!important;
 border-width:1px!important;
 border-style:solid!important
}
body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-1{
 background-color:#f3c83f!important;
 background-image:linear-gradient(145deg,#fff5ae 0%,#f3ca45 58%,#d7a51c 100%)!important;
 border-color:#d5a91f!important
}
body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-2{
 background-color:#cbd2da!important;
 background-image:linear-gradient(145deg,#f7f9fb 0%,#ced5dc 58%,#aab4bf 100%)!important;
 border-color:#aab4be!important
}
body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-3{
 background-color:#c28155!important;
 background-image:linear-gradient(145deg,#f0d1bb 0%,#ca8a5e 58%,#a65f38 100%)!important;
 border-color:#a96942!important
}
body .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
 width:62px!important;
 height:62px!important
}
body .room-rank-card #roomRankList .room-score-rank .room-profile-name{
 font-size:8px!important;
 line-height:1.15!important
}
body .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
 font-size:8px!important;
 line-height:1.15!important
}
body .room-rank-card #roomRankList .room-score-rank .room-rank-position{
 top:5px!important;
 left:7px!important;
 min-width:30px!important;
 padding:2px 6px!important;
 font-size:8px!important
}
body .room-rank-card #roomRankList .room-score-rank .room-profile-lock{
 top:25px!important;
 right:17px!important
}

/* ===== 2026-08-13 채팅방 픽 등록/미등록 색상 구분 ===== */
.room-pick-chat-card>b{
 display:flex!important;
 align-items:center!important;
 flex-wrap:wrap!important;
 gap:5px!important
}
.room-pick-chat-card .room-pick-round{
 color:#103f69!important;
 margin-right:2px!important
}
.room-pick-chat-card .room-pick-choice{
 display:inline-block!important;
 font-style:normal!important;
 font-weight:950!important
}
.room-pick-chat-card .room-pick-choice.is-registered{
 color:#e3262e!important;
 text-shadow:0 0 0 #e3262e!important
}
.room-pick-chat-card .room-pick-choice.is-unregistered{
 color:#a8b0b8!important;
 font-weight:750!important;
 opacity:.72!important
}
.room-pick-chat-card .room-pick-separator{
 color:#c7cdd3!important;
 font-style:normal!important;
 font-weight:500!important;
 margin:0 1px!important
}

/* ===== 2026-08-13 채팅방 결과/방개설 실시간 카운트다운 ===== */
.room-result-mini.single.room-result-with-timers{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 290px 235px!important;
 align-items:stretch!important;
 min-height:68px!important;
 padding:0!important;
 background:#f3f8fc!important
}
.room-daily-medals{
 margin:6px 7px 6px 0!important;padding:6px 10px!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
 border:2px solid #d8b63d!important;border-radius:9px!important;background:linear-gradient(145deg,#fffdf0,#fff4c4)!important;
 box-shadow:inset 0 1px #fff,0 2px 7px rgba(175,126,0,.12)!important;min-width:0!important
}
.room-daily-medals>small{font-size:9px!important;font-weight:950!important;color:#866600!important}
.room-daily-medals>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important}
.room-medal{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:3px 6px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 1px 5px #745c1b2a!important}
.room-medal img{display:block!important;width:24px!important;height:30px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.room-medal b{font-size:11px!important;color:#513c00!important}.room-medal-empty{font-size:10px!important;font-weight:900!important;color:#9a7a19!important}
.member-room-title small strong{color:#80f0b3!important;font-size:8px!important;font-weight:950!important}
.room-result-with-timers .room-result-summary{
 display:flex!important;
 align-items:center!important;
 gap:12px!important;
 min-width:0!important;
 padding:7px 10px!important
}
.room-result-with-timers .room-last-result{
 flex:0 1 auto!important;
 min-width:175px!important;
 max-width:390px!important;
 padding:0!important
}
.room-result-with-timers .room-last-result>b{
 display:block!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important
}
.room-result-with-timers .room-countdown-card{
 min-width:0!important;
 box-sizing:border-box!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:4px!important;
 padding:8px 12px!important;
 border-radius:9px!important
}
.room-result-with-timers .room-countdown-card>small{
 display:block!important;
 font-size:10px!important;
 line-height:1.2!important;
 font-weight:900!important
}
.room-result-with-timers .room-countdown-card>b{
 display:block!important;
 font-size:15px!important;
 line-height:1.2!important;
 font-weight:950!important;
 letter-spacing:.3px!important;
 white-space:nowrap!important
}
.room-result-with-timers .room-result-until{
 flex:0 0 218px!important;
 max-width:218px!important;
 border:2px solid #24a969!important;
 background:linear-gradient(145deg,#f0fff7,#dff8eb)!important;
 box-shadow:inset 0 1px #fff,0 2px 7px rgba(26,135,83,.12)!important
}
.room-result-with-timers .room-result-until>small{color:#27815a!important}
.room-result-with-timers .room-result-until>b{color:#087344!important}
.room-result-with-timers .room-result-until.drawing{
 border-color:#10a45d!important;
 background:linear-gradient(145deg,#eafff3,#c8f3dc)!important
}
.room-result-with-timers .room-expiry-countdown{
 margin:6px 7px 6px 0!important;
 border:2px solid #e2b824!important;
 background:linear-gradient(145deg,#fffce6,#fff0a9)!important;
 box-shadow:inset 0 1px #fff,0 2px 7px rgba(175,126,0,.14)!important
}
.room-result-with-timers .room-expiry-countdown>small{color:#987000!important}
.room-result-with-timers .room-expiry-countdown>b{color:#7b5700!important;font-size:17px!important}
.room-result-with-timers .room-expiry-countdown.expired{
 border-color:#cf6e75!important;
 background:#fff0f1!important
}
.room-result-with-timers .room-expiry-countdown.expired>b{color:#c6343e!important}
@media(max-width:800px){
 .room-result-mini.single.room-result-with-timers{grid-template-columns:minmax(0,1fr) 210px 190px!important}
 .room-result-with-timers .room-result-summary{gap:6px!important;padding:6px!important}
 .room-result-with-timers .room-last-result{min-width:120px!important;max-width:260px!important}
 .room-result-with-timers .room-result-until{flex-basis:178px!important;max-width:178px!important;padding:7px 8px!important}
 .room-result-with-timers .room-countdown-card>b{font-size:12px!important}
 .room-result-with-timers .room-expiry-countdown>b{font-size:14px!important}
 .room-result-with-timers .room-result-tip{display:none!important}
}
@media(max-width:560px){
 .room-result-mini.single.room-result-with-timers{grid-template-columns:1fr 1fr!important}
 .room-result-with-timers .room-last-result{display:none!important}
 .room-result-with-timers .room-result-until{flex:1 1 auto!important;max-width:none!important;width:100%!important}
 .room-daily-medals{grid-column:1/-1!important;grid-row:2!important;margin:0 5px 5px!important;min-height:54px!important;flex-direction:row!important;justify-content:space-between!important}
 .room-medal img{width:21px!important;height:26px!important}
 .room-result-with-timers .room-expiry-countdown{margin:5px!important;padding:6px!important}
 .room-result-with-timers .room-countdown-card>small{font-size:8px!important}
}

/* ===== 2026-08-13 좌측 회원카드 내 채팅방 바로가기 ===== */
.member-info-card .member-my-room-button{
 width:calc(100% - 14px)!important;
 min-height:38px!important;
 margin:7px!important;
 padding:8px 10px!important;
 border:1px solid #0878ce!important;
 border-radius:7px!important;
 background:linear-gradient(180deg,#1591e5 0%,#0874c6 100%)!important;
 color:#fff!important;
 box-shadow:0 3px 8px rgba(5,105,179,.22)!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:6px!important;
 font-size:10px!important;
 font-weight:950!important;
 line-height:1.2!important;
 cursor:pointer!important
}
.member-info-card .member-my-room-button>span{font-size:14px!important}
.member-info-card .member-my-room-button:hover{
 background:linear-gradient(180deg,#27a1ed 0%,#086db9 100%)!important;
 transform:translateY(-1px)!important
}
.member-info-card .member-my-room-button:active{transform:translateY(0)!important}
.member-info-card .member-my-room-button:disabled{
 cursor:wait!important;
 opacity:.7!important;
 transform:none!important
}
.member-info-card .member-my-room-button.loading::after{content:" 확인중"}
@media(min-width:1280px){
 .leftcol>.login-card.member-info-card .member-my-room-button{
  width:calc(100% - 12px)!important;
  min-height:34px!important;
  margin:6px!important;
  padding:7px 8px!important;
  font-size:8px!important
 }
 .leftcol>.login-card.member-info-card .member-my-room-button>span{font-size:11px!important}
}

/* ===== 2026-08-15 방개설 남은시간: 배경 제거 + 오른쪽 끝 정렬 ===== */
@media(min-width:801px){
 html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{
  grid-template-columns:minmax(0,1fr) auto 215px!important
 }
}
html body .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown,
html body .room-result-with-timers .room-expiry-countdown{
 justify-self:end!important;align-self:stretch!important;
 width:min(215px,100%)!important;max-width:215px!important;
 margin:0!important;padding:6px 10px!important;
 border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 display:flex!important;flex-direction:column!important;
 align-items:flex-end!important;justify-content:center!important;
 text-align:right!important
}
html body .room-result-with-timers .room-expiry-countdown>small,
html body .room-result-with-timers .room-expiry-countdown>b{
 width:100%!important;text-align:right!important
}
@media(max-width:800px){
 html body .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown{
  width:100%!important;max-width:none!important;padding-right:8px!important
 }
}

/* ===== 2026-08-13 채팅방 상단 방장점수 + 뒤로가기/삭제 ===== */
.room-owner-live-score{
 position:absolute!important;
 left:29.5%!important;
 top:50%!important;
 transform:translate(-50%,-50%)!important;
 width:150px!important;
 min-height:42px!important;
 box-sizing:border-box!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:2px!important;
 padding:5px 10px!important;
 border:1px solid #2e9a68!important;
 border-radius:9px!important;
 background:linear-gradient(180deg,rgba(14,104,78,.86),rgba(7,63,61,.94))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.14)!important;
 white-space:nowrap!important;
 z-index:3!important;
 pointer-events:none!important
}
.room-owner-live-score small{font-size:8px!important;color:#bfe9d7!important;font-weight:850!important}
.room-owner-live-score b{font-size:15px!important;color:#fff!important;font-weight:950!important;line-height:1.1!important}
.room-owner-live-score b.positive{color:#71efaa!important}
.room-owner-live-score b.negative{color:#ff9ca2!important}
.member-room-top-tools{
 position:absolute!important;
 right:112px!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 width:238px!important;
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:7px!important;
 z-index:4!important
}
.member-room-top-tools.viewer-tools{width:112px!important;grid-template-columns:1fr!important}
.member-room-top-tools button{
 min-width:0!important;
 height:34px!important;
 padding:0 8px!important;
 border-radius:7px!important;
 font-size:9px!important;
 font-weight:950!important;
 cursor:pointer!important;
 white-space:nowrap!important
}
.member-room-top-tools .top-room-back{
 border:1px solid #e0ba2b!important;
 background:linear-gradient(180deg,#fff7c7,#f0d365)!important;
 color:#624900!important
}
.member-room-top-tools .top-room-delete{
 border:1px solid #ef8790!important;
 background:linear-gradient(180deg,#fff2f3,#ffc9cd)!important;
 color:#b5222d!important
}
.member-room-top-tools button:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}
.member-room-top-tools button:disabled{cursor:wait!important;opacity:.65!important;transform:none!important}
@media(min-width:1101px){
 .member-room-top>.member-room-title{max-width:23%!important}
 .member-room-top>.room-header-pick-stats{max-width:29%!important}
}
@media(max-width:1100px) and (min-width:801px){
 .member-room-top{min-height:116px!important;padding-bottom:52px!important}
 .member-room-top>.member-room-title{max-width:58%!important}
 .room-owner-live-score{left:8px!important;top:auto!important;bottom:6px!important;transform:none!important;width:135px!important;min-height:38px!important}
 .room-header-pick-stats{left:47%!important;top:auto!important;bottom:6px!important;transform:translateX(-50%)!important;max-width:38%!important}
 .member-room-top-tools{right:106px!important;top:auto!important;bottom:8px!important;transform:none!important;width:205px!important}
 .member-room-top-tools.viewer-tools{width:100px!important}
 .member-room-top-tools button{height:32px!important;font-size:8px!important}
}
@media(max-width:800px){
 .member-room-top{min-height:154px!important;padding:8px 8px 48px!important}
 .member-room-top>.member-room-title{max-width:calc(100% - 108px)!important;align-self:flex-start!important}
 .room-owner-live-score{left:8px!important;top:67px!important;bottom:auto!important;transform:none!important;width:135px!important;min-height:38px!important}
 .member-room-top-tools{right:8px!important;top:69px!important;bottom:auto!important;transform:none!important;width:202px!important}
 .member-room-top-tools.viewer-tools{width:100px!important}
 .member-room-top-tools button{height:34px!important;font-size:8px!important;padding:0 5px!important}
 .room-header-pick-stats{left:8px!important;right:8px!important;top:auto!important;bottom:5px!important;transform:none!important;max-width:none!important;width:auto!important}
}
@media(max-width:430px){
 .room-owner-live-score{width:120px!important}
 .member-room-top-tools{width:184px!important}
 .member-room-top-tools.viewer-tools{width:92px!important}
 .room-owner-live-score small{font-size:7px!important}.room-owner-live-score b{font-size:13px!important}
 .member-room-top-tools button{font-size:7px!important}
}

/* ===== 2026-08-13 쌀 선물 TOP3 ↔ 쌀 획득 TOP3 좌우 슬라이드 ===== */
.home-gift-rank-card{position:relative!important}
.home-rice-rank-arrow{
 position:absolute!important;
 z-index:8!important;
 top:170px!important;
 width:27px!important;
 height:38px!important;
 display:grid!important;
 place-items:center!important;
 padding:0!important;
 border:0!important;
 border-radius:2px!important;
 background:rgba(91,99,106,.82)!important;
 color:#fff!important;
 font-family:Arial,sans-serif!important;
 font-size:25px!important;
 font-weight:400!important;
 line-height:1!important;
 cursor:pointer!important;
 box-shadow:0 2px 5px rgba(0,0,0,.14)!important;
 transition:background .15s ease,transform .15s ease!important
}
.home-rice-rank-arrow.prev{left:4px!important}.home-rice-rank-arrow.next{right:4px!important}
.home-rice-rank-arrow:hover{background:rgba(41,54,65,.94)!important;transform:scale(1.05)!important}
.home-rice-rank-arrow:focus-visible{outline:2px solid #158fe0!important;outline-offset:2px!important}
.home-rice-rank-pages{
 min-height:20px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:5px!important;
 padding:3px 10px 1px!important;
 background:#fff!important
}
.home-rice-rank-pages>button{
 width:7px!important;
 height:7px!important;
 padding:0!important;
 border:0!important;
 border-radius:50%!important;
 background:#c8d0d7!important;
 cursor:pointer!important
}
.home-rice-rank-pages>button.active{width:17px!important;border-radius:5px!important;background:#147fbf!important}
.home-rice-rank-pages>small{margin-left:4px!important;color:#8a959d!important;font-size:7px!important}
.home-gift-rank-list.received .home-gift-rank-member>b>em{background:#e7f8ec!important;color:#169253!important}
.home-gift-rank-list.received .home-gift-rank-score>i{background:#16a461!important}
.home-gift-rank-list.received .home-gift-rank-score>b{color:#13804e!important}
.home-gift-rank-avatar>img{width:100%!important;height:100%!important;display:block!important;border-radius:50%!important;object-fit:cover!important}
.home-gift-rank-list.slide-from-right{animation:homeRiceFromRight .22s ease-out}
.home-gift-rank-list.slide-from-left{animation:homeRiceFromLeft .22s ease-out}
@keyframes homeRiceFromRight{from{opacity:.2;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes homeRiceFromLeft{from{opacity:.2;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:850px){
 .home-rice-rank-arrow{top:168px!important;width:24px!important;height:35px!important;font-size:22px!important}
 .home-rice-rank-arrow.prev{left:2px!important}.home-rice-rank-arrow.next{right:2px!important}
}

/* ===== 2026-08-13 TOP3 하단 절단 / 상단 실시간 시계 / 금은동 반짝임 ===== */
.home-gift-rank-card{
 height:auto!important;
 min-height:0!important;
 align-self:start!important
}
.home-rice-rank-pages,
.home-gift-rank-more{display:none!important}
@media(min-width:1280px){
 .leftcol>.home-gift-rank-card{
  grid-row:1!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important
 }
}

.header-realtime-clock{
 flex:1 1 330px;
 min-width:230px;
 height:50px;
 display:grid;
 grid-template-columns:minmax(145px,1fr) auto;
 grid-template-rows:17px 23px;
 align-content:center;
 align-items:center;
 column-gap:16px;
 padding:5px 18px;
 border-left:1px solid #dbe8f4;
 border-right:1px solid #dbe8f4;
 background:linear-gradient(90deg,#fff 0%,#f5faff 50%,#fff 100%);
 color:#0a3d70;
 text-align:center;
 white-space:nowrap
}
.header-realtime-clock>span{
 grid-column:1 / -1;
 color:#6b87a1;
 font-size:7px;
 font-weight:800;
 letter-spacing:1.4px
}
.header-realtime-clock>b{
 justify-self:end;
 font-size:11px;
 font-weight:900;
 color:#214f79
}
.header-realtime-clock>strong{
 justify-self:start;
 min-width:82px;
 color:#0877d8;
 font-size:17px;
 line-height:1;
 font-weight:950;
 font-variant-numeric:tabular-nums;
 letter-spacing:.5px
}
@media(min-width:851px){
 .topnav{flex:0 1 auto!important;min-width:0!important}
}

/* ===== v4023 전 페이지 공통 화면 크기·글자 두께 고정 =====
   홈에서 정한 좌측 패널 규격을 모든 메뉴에 적용하여, 중계·커뮤니티·마이페이지로
   이동해도 프로필/쌀 TOP3/랭킹/실시간 채팅의 폭·높이·가독성이 달라지지 않게 한다. */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  display:grid!important;
  grid-template-columns:150px 174px minmax(0,1fr)!important;
  grid-template-rows:390px 640px!important;
  grid-auto-rows:auto!important;
  gap:8px!important;
  align-items:start!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card,
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:330px!important;min-width:330px!important;max-width:330px!important;
  height:390px!important;min-height:390px!important;max-height:390px!important;
  margin:0!important;padding:10px 12px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:390px!important;min-height:390px!important;max-height:390px!important;
  margin:0!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:150px!important;min-width:150px!important;max-width:150px!important;
  min-height:640px!important;height:640px!important;margin:0!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  min-height:640px!important;height:640px!important;margin:0!important;overflow:hidden!important
 }
}

/* 공통 가독성: route class와 무관하게 중계 화면과 같은 선명한 두께를 유지 */
html body:not(.member-room-split-open) .member-info-card,
html body:not(.member-room-split-open) .home-gift-rank-card,
html body:not(.member-room-split-open) .room-rank-card,
html body:not(.member-room-split-open) .chat-card{font-weight:650!important;text-rendering:optimizeLegibility!important}
html body:not(.member-room-split-open) .home-gift-rank-head h3,
html body:not(.member-room-split-open) .chat-card .card-title h3{font-size:16px!important;line-height:1.25!important;font-weight:800!important}
html body:not(.member-room-split-open) .home-gift-rank-head small,
html body:not(.member-room-split-open) .home-gift-rank-head nav button,
html body:not(.member-room-split-open) .home-gift-rank-member>small,
html body:not(.member-room-split-open) .home-gift-rank-score>b,
html body:not(.member-room-split-open) .room-rank-card>.card-title span,
html body:not(.member-room-split-open) .chat-card .card-title span{font-size:10px!important;font-weight:700!important}
html body:not(.member-room-split-open) .home-gift-rank-member>b{font-size:13px!important;font-weight:800!important}
html body:not(.member-room-split-open) .room-rank-card>.card-title h3,
html body:not(.member-room-split-open) .room-rank-card .room-profile-name,
html body:not(.member-room-split-open) .room-rank-card .room-realtime-score,
html body:not(.member-room-split-open) .room-rank-card .sidebar-lobby-open-btn{font-size:11px!important;font-weight:800!important}
html body:not(.member-room-split-open) .chat-card .mini-chat{font-size:12px!important;line-height:1.52!important;font-weight:600!important}
html body:not(.member-room-split-open) .chat-card .chat-compose input{font-size:13px!important;font-weight:650!important}
html body:not(.member-room-split-open) .chat-card .chat-compose button{font-size:13px!important;font-weight:800!important}

@media(max-width:1180px) and (min-width:851px){
 html body:not(.member-room-split-open) .shell .leftcol{grid-template-columns:190px minmax(310px,1fr)!important;gap:8px!important}
 html body:not(.member-room-split-open) .leftcol>.room-rank-card{min-height:620px!important}
 html body:not(.member-room-split-open) .leftcol>.chat-card{min-height:620px!important}
}

/* ===== v3989 프로필 카드 확장 + 내 채팅방 버튼 잘림 방지 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  display:grid!important;
  grid-template-columns:180px 62px minmax(0,1fr)!important;
  grid-template-rows:286px 640px!important;
  column-gap:4px!important;row-gap:8px!important
 }
 html body.home-view .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:246px!important;min-width:246px!important;max-width:246px!important;
  height:286px!important;min-height:286px!important;max-height:286px!important;
  overflow:visible!important;padding-bottom:8px!important
 }
 html body.home-view .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:286px!important;min-height:286px!important;max-height:286px!important
 }
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:180px!important;min-width:180px!important;max-width:180px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;padding:7px 3px!important;overflow:hidden!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;display:flex!important;flex-direction:column!important
 }
 html body.home-view .shell .leftcol>.chat-card>.mini-chat{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:152px!important;min-width:152px!important;max-width:152px!important
 }
 html body.home-view .login-card.member-info-card .member-my-room-button{
  display:flex!important;visibility:visible!important;position:relative!important;
  width:calc(100% - 14px)!important;min-height:36px!important;height:36px!important;
  margin:7px!important;padding:7px 10px!important;box-sizing:border-box!important;
  align-items:center!important;justify-content:center!important;overflow:visible!important
 }
}

/* ===== v3992 최종 배치 잠금: 랭킹 여백 절단 + 실시간 채팅 전체 확장 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  display:grid!important;
  grid-template-columns:180px 62px minmax(0,1fr)!important;
  grid-template-rows:286px 640px!important;
  column-gap:4px!important;row-gap:8px!important;
  align-items:stretch!important
 }
 html body.home-view .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:246px!important;min-width:246px!important;max-width:246px!important;
  height:286px!important;min-height:286px!important;max-height:286px!important
 }
 html body.home-view .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:286px!important;min-height:286px!important;max-height:286px!important
 }
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:180px!important;min-width:180px!important;max-width:180px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;padding:7px 3px!important;overflow:hidden!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;display:flex!important;flex-direction:column!important
 }
 html body.home-view .shell .leftcol>.chat-card>.mini-chat{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:152px!important;min-width:152px!important;max-width:152px!important
 }
}

/* ===== v3991 회원 프로필 격리 + 하단 공백 제거 + 실시간 채팅 확장 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  display:grid!important;
  grid-template-columns:180px 62px minmax(0,1fr)!important;
  grid-template-rows:286px 640px!important;
  column-gap:4px!important;row-gap:8px!important
 }
 html body.home-view .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:246px!important;min-width:246px!important;max-width:246px!important;
  height:286px!important;min-height:286px!important;max-height:286px!important;
  overflow:visible!important
 }
 html body.home-view .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:286px!important;min-height:286px!important;max-height:286px!important
 }
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:180px!important;min-width:180px!important;max-width:180px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;padding:7px 3px!important;overflow:hidden!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;display:flex!important;flex-direction:column!important
 }
 html body.home-view .shell .leftcol>.chat-card>.mini-chat{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:152px!important;min-width:152px!important;max-width:152px!important
 }
 html body.home-view .login-card.member-info-card .member-my-room-button{
  width:calc(100% - 14px)!important;margin:7px!important;box-sizing:border-box!important
 }
}

/* ===== v3988 회원별 프로필·실시간 채팅방 랭킹/채팅 밀착 최종 보정 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  width:100%!important;max-width:none!important;
  grid-template-columns:136px minmax(0,1fr)!important;
  grid-template-rows:270px 660px!important;
  column-gap:4px!important;row-gap:8px!important;
  align-items:stretch!important
 }
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:136px!important;min-width:136px!important;max-width:136px!important;
  height:660px!important;min-height:660px!important;max-height:660px!important;
  margin:0!important;padding:8px 4px!important;overflow:hidden!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:660px!important;min-height:660px!important;max-height:660px!important;
  margin:0!important;padding:10px!important
 }
 html body.home-view .shell .leftcol>.chat-card .mini-chat{
  height:auto!important;min-height:0!important;flex:1 1 auto!important
 }
 html body.home-view .room-rank-card #roomRankList{
  width:128px!important;max-width:128px!important;margin:0 auto!important;
  padding-left:0!important;padding-right:0!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:128px!important;min-width:128px!important;max-width:128px!important;
  height:112px!important;min-height:112px!important;padding:16px 3px 4px!important
 }
 html body.home-view .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:82px!important;height:82px!important
 }
}
@media(max-width:1100px) and (min-width:851px){
 .header-realtime-clock{flex-basis:220px;min-width:190px;column-gap:8px;padding-inline:9px}
 .header-realtime-clock>b{font-size:9px}
 .header-realtime-clock>strong{font-size:14px;min-width:68px}
}
@media(max-width:850px){
 .header-realtime-clock{order:2;flex:1 1 240px;min-width:210px;height:44px;padding:3px 9px}
 .header-realtime-clock>b{font-size:9px}
 .header-realtime-clock>strong{font-size:14px;min-width:68px}
}
@media(max-width:520px){
 .header-realtime-clock{order:3;flex-basis:100%;width:100%}
 .topnav{order:4!important}
}

body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-1,
body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-2,
body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-3{
 overflow:hidden!important;
 isolation:isolate
}
body .room-rank-card #roomRankList .room-score-rank-1::before,
body .room-rank-card #roomRankList .room-score-rank-2::before,
body .room-rank-card #roomRankList .room-score-rank-3::before{
 content:"";
 position:absolute;
 z-index:1;
 top:-55%;
 bottom:-55%;
 left:-80%;
 width:42%;
 pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,255,255,.9),rgba(255,255,255,.18),transparent);
 transform:skewX(-20deg);
 animation:roomMedalLightSweep 3.2s ease-in-out infinite
}
body .room-rank-card #roomRankList .room-score-rank-2::before{animation-delay:.45s}
body .room-rank-card #roomRankList .room-score-rank-3::before{animation-delay:.9s}
body .room-rank-card #roomRankList .room-score-rank-1::after,
body .room-rank-card #roomRankList .room-score-rank-2::after,
body .room-rank-card #roomRankList .room-score-rank-3::after{
 content:"✦  ✧";
 position:absolute;
 z-index:3;
 top:8px;
 right:8px;
 pointer-events:none;
 color:#fff8bf;
 font-size:12px;
 line-height:1;
 letter-spacing:3px;
 text-shadow:0 0 4px #fff,0 0 9px #ffd328;
 animation:roomMedalTwinkle 1.35s ease-in-out infinite
}
body .room-rank-card #roomRankList .room-score-rank-2::after{
 color:#fff;
 text-shadow:0 0 4px #fff,0 0 9px #a9d5ff;
 animation-delay:.35s
}
body .room-rank-card #roomRankList .room-score-rank-3::after{
 color:#ffe1c7;
 text-shadow:0 0 4px #fff1e5,0 0 9px #e78b4f;
 animation-delay:.7s
}
body .room-rank-card #roomRankList .room-score-rank-1>* ,
body .room-rank-card #roomRankList .room-score-rank-2>* ,
body .room-rank-card #roomRankList .room-score-rank-3>*{z-index:2}
@keyframes roomMedalLightSweep{
 0%,48%{left:-80%;opacity:0}
 55%{opacity:1}
 78%{left:145%;opacity:.9}
 79%,100%{left:145%;opacity:0}
}
@keyframes roomMedalTwinkle{
 0%,100%{opacity:.25;transform:scale(.72) rotate(-8deg)}
 48%{opacity:1;transform:scale(1.18) rotate(5deg)}
 70%{opacity:.55;transform:scale(.9) rotate(0)}
}
@media(prefers-reduced-motion:reduce){
 body .room-rank-card #roomRankList .room-score-rank-1::before,
 body .room-rank-card #roomRankList .room-score-rank-2::before,
 body .room-rank-card #roomRankList .room-score-rank-3::before,
 body .room-rank-card #roomRankList .room-score-rank-1::after,
 body .room-rank-card #roomRankList .room-score-rank-2::after,
 body .room-rank-card #roomRankList .room-score-rank-3::after{animation:none!important}
}

/* ===== 2026-08-15 프로필·TOP3 반짝임·결과 원 정렬·메달 표시 보정 ===== */
html body .member-info-avatar,
html body .room-profile-thumb,
html body .member-room-owner-photo{
 overflow:hidden!important
}
html body .member-info-avatar img,
html body .room-profile-thumb img,
html body .member-room-owner-photo img{
 display:block!important;width:100%!important;height:100%!important;object-fit:cover!important
}
html body .room-rank-card #roomRankList .room-score-rank-1::before,
html body .room-rank-card #roomRankList .room-score-rank-2::before,
html body .room-rank-card #roomRankList .room-score-rank-3::before{
 animation:roomMedalLightSweep 3.2s ease-in-out infinite!important
}
html body .room-rank-card #roomRankList .room-score-rank-2::before{animation-delay:.45s!important}
html body .room-rank-card #roomRankList .room-score-rank-3::before{animation-delay:.9s!important}
html body .room-rank-card #roomRankList .room-score-rank-1::after,
html body .room-rank-card #roomRankList .room-score-rank-2::after,
html body .room-rank-card #roomRankList .room-score-rank-3::after{
 animation:roomMedalTwinkle 1.35s ease-in-out infinite!important
}
html body .room-rank-card #roomRankList .room-score-rank-2::after{animation-delay:.35s!important}
html body .room-rank-card #roomRankList .room-score-rank-3::after{animation-delay:.7s!important}
html body .road-dot{
 display:grid!important;place-items:center!important;padding:0!important;
 line-height:1!important;text-align:center!important;text-indent:0!important;
 font-variant-numeric:tabular-nums!important;box-sizing:border-box!important
}
html body .room-daily-medals{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;margin:0!important;padding:0!important;min-height:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
html body .room-daily-medals:empty{display:none!important}
html body .room-daily-medals .room-medal{
 padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important
}

/* 브라우저 Ctrl +/- 배율에서도 중계 화면이 컨테이너 폭에 맞게 자동 재배치 */
html body .self-broadcast-card.studio-broadcast-card{
 container-type:inline-size!important;
 container-name:donghaeng-broadcast!important;
 min-width:0!important;max-width:100%!important
}
html body .studio-broadcast-stage,
html body .studio-frame,
html body .studio-center,
html body .studio-recent,
html body .studio-brand-panel{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body .studio-draw-machine{max-width:100%!important}
@container donghaeng-broadcast (max-width: 900px){
 html body .studio-broadcast-stage{padding:8px 6px 10px!important;overflow:hidden!important}
 html body .studio-title{width:100%!important;max-width:100%!important;min-height:58px!important;margin:0 auto 7px!important}
 html body .studio-title strong{font-size:clamp(17px,4.7cqi,25px)!important;white-space:normal!important;text-align:center!important}
 html body .studio-frame{grid-template-columns:minmax(0,1fr)!important;padding:9px 8px!important;gap:8px!important}
 html body .studio-brand-panel{display:none!important}
 html body .studio-center{min-height:560px!important;width:100%!important}
 html body .studio-recent{min-height:0!important;width:100%!important}
 html body .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 html body .studio-recent-row{min-width:0!important}
}
@container donghaeng-broadcast (max-width: 540px){
 html body .studio-title{padding:5px 16px!important;gap:6px!important;border-width:4px!important}
 html body .studio-title i{font-size:14px!important}
 html body .studio-frame{border-width:5px!important;padding:7px 5px!important}
 html body .studio-center{min-height:500px!important;padding:8px 4px!important;overflow:hidden!important}
 html body .studio-live-clock{min-width:0!important;width:min(230px,92%)!important;padding:7px 10px!important;gap:9px!important}
 html body .studio-live-clock b{font-size:17px!important}
 html body .studio-draw-machine{width:285px!important;height:275px!important;transform:scale(.82)!important;margin:-20px auto -38px!important}
 html body .studio-result-console{width:98%!important;padding:8px 5px 5px!important}
 html body .studio-result-main{gap:3px!important}
 html body .studio-result-ball{width:38px!important;height:38px!important;font-size:13px!important;border-width:2px!important}
 html body .studio-result-ball.power{width:43px!important;height:43px!important}
 html body .studio-result-main>i{height:42px!important;margin:0 1px!important}
 html body .studio-result-label{grid-template-columns:1fr 1px 50px!important;font-size:8px!important}
 html body .studio-recent-list{grid-template-columns:1fr!important}
}

/* ===== 2026-08-13 채팅방 매회차 추첨결과 색상 알림 ===== */
.room-result-chat-card{
 display:grid!important;
 grid-template-columns:34px minmax(145px,auto) 1fr!important;
 align-items:center!important;
 gap:10px!important;
 margin:7px 2px!important;
 padding:11px 14px!important;
 border:2px solid #75b7ea!important;
 border-radius:8px!important;
 background:linear-gradient(135deg,#eef8ff 0%,#fff 58%,#f7fbff 100%)!important;
 box-shadow:0 3px 10px rgba(24,110,172,.14)!important;
 color:#123f66!important
}
.room-result-chat-icon{
 width:30px;
 height:30px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#e2f3ff;
 font-size:18px;
 box-shadow:inset 0 0 0 1px #a9d8f6
}
.room-result-chat-heading{display:flex;flex-direction:column;gap:2px;min-width:0}
.room-result-chat-heading>b{color:#0d4776!important;font-size:13px!important;font-weight:950!important;white-space:nowrap}
.room-result-chat-heading>small{color:#7893a9!important;font-size:7px!important;font-weight:800!important}
.room-result-chat-bracket{
 display:flex;
 align-items:center;
 justify-content:flex-start;
 gap:6px;
 min-width:0;
 font-weight:950
}
.room-result-chat-bracket>span{color:#214d70;font-size:20px;line-height:1;font-weight:950}
.room-result-chat-value{
 width:30px;
 height:30px;
 flex:none;
 display:grid;
 place-items:center;
 border:1px solid transparent;
 border-radius:50%;
 color:#fff!important;
 font-style:normal!important;
 font-size:12px!important;
 line-height:1!important;
 font-weight:950!important;
 text-shadow:0 1px 2px rgba(0,0,0,.22);
 box-shadow:inset 0 1px 2px rgba(255,255,255,.45),0 2px 5px rgba(24,52,77,.2)
}
.room-result-chat-value.is-odd,.room-result-chat-value.is-left{background:#168fd1;border-color:#0875b3}
.room-result-chat-value.is-even,.room-result-chat-value.is-right{background:#ef414b;border-color:#ce2934}
.room-result-chat-value.is-under{background:#168fd1;border-color:#0875b3}
.room-result-chat-value.is-over{background:#ef414b;border-color:#ce2934}
.room-result-chat-value.is-three{background:#8b55d3;border-color:#7040b4}
.room-result-chat-value.is-four{background:#f29125;border-color:#d47712}
.room-result-chat-value.is-small{background:#25a76e;border-color:#168653}
.room-result-chat-value.is-middle{background:#a451c5;border-color:#8737a9}
.room-result-chat-value.is-large{background:#5c6975;border-color:#424e59}
.room-result-chat-value.is-default{background:#7890a3;border-color:#60788b}
@media(max-width:700px){
 .room-result-chat-card{grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;padding:9px 8px!important}
 .room-result-chat-icon{width:26px;height:26px;font-size:15px}
 .room-result-chat-heading>b{font-size:11px!important}
 .room-result-chat-bracket{grid-column:1 / -1;justify-content:center;gap:5px}
 .room-result-chat-value{width:27px;height:27px;font-size:11px!important}
 .member-room-notice-actions{gap:3px}.room-result-sound-toggle{padding:4px 5px;font-size:7px}
}

/* ===== 2026-08-13 실시간 TOP3 카드: 3위 아래 빈 공간 절단 ===== */
body .home-gift-rank-card,
body.home-view .home-gift-rank-card,
body .leftcol>.home-gift-rank-card{
 height:max-content!important;
 max-height:250px!important;
 min-height:0!important;
 align-self:start!important;
 overflow:hidden!important
}
body .home-gift-rank-list{padding-bottom:0!important}
body .home-gift-rank-row:last-child{border-bottom:0!important}
body .home-rice-rank-pages,
body .home-gift-rank-more{display:none!important}
@media(max-width:850px){
 body .home-gift-rank-card,
 body.home-view .home-gift-rank-card,
 body .leftcol>.home-gift-rank-card{max-height:250px!important}
}

/* ===== 2026-08-13 TOP3 외곽 높이 강제 절단 / 시계 좌측 이동·선명화 ===== */
html body .shell .leftcol>section.card.home-gift-rank-card,
html body.home-view .shell .leftcol>section.card.home-gift-rank-card{
 display:block!important;
 grid-row:1!important;
 height:250px!important;
 min-height:250px!important;
 max-height:250px!important;
 align-self:start!important;
 overflow:hidden!important;
 flex:none!important
}
html body .shell .leftcol>section.card.home-gift-rank-card .home-gift-rank-head{min-height:64px!important}
html body .shell .leftcol>section.card.home-gift-rank-card .home-gift-rank-list{height:174px!important;max-height:174px!important;overflow:hidden!important}
html body .shell .leftcol>section.card.home-gift-rank-card .home-gift-rank-row{height:58px!important;min-height:58px!important}

html body .topbar .header-realtime-clock{
 flex:1 1 420px!important;
 min-width:300px!important;
 grid-template-columns:220px 100px!important;
 grid-template-rows:18px 25px!important;
 justify-content:start!important;
 column-gap:12px!important;
 padding:4px 12px 4px 32px!important;
 text-align:left!important
}
html body .topbar .header-realtime-clock>span{
 grid-column:1 / 3!important;
 width:332px!important;
 text-align:center!important;
 color:#315f85!important;
 font-size:9px!important;
 line-height:1!important;
 font-weight:950!important;
 letter-spacing:1.2px!important;
 opacity:1!important;
 text-rendering:geometricPrecision
}
html body .topbar .header-realtime-clock>b{
 justify-self:start!important;
 width:220px!important;
 text-align:right!important;
 color:#0f426e!important;
 font-size:12px!important;
 line-height:1!important;
 font-weight:950!important;
 letter-spacing:-.2px!important;
 text-shadow:none!important
}
html body .topbar .header-realtime-clock>strong{
 justify-self:start!important;
 min-width:100px!important;
 color:#0878df!important;
 font-size:19px!important;
 line-height:1!important;
 font-weight:950!important;
 letter-spacing:.4px!important;
 text-shadow:none!important
}
@media(max-width:1200px){
 html body .topbar .header-realtime-clock{
  flex-basis:250px!important;
  min-width:210px!important;
  grid-template-columns:minmax(135px,1fr) 75px!important;
  column-gap:7px!important;
  padding-inline:10px!important
 }
 html body .topbar .header-realtime-clock>span{grid-column:1 / 3!important;width:auto!important;font-size:7px!important}
 html body .topbar .header-realtime-clock>b{width:auto!important;justify-self:end!important;text-align:right!important;font-size:9px!important}
 html body .topbar .header-realtime-clock>strong{min-width:72px!important;font-size:14px!important}
}
@media(max-width:520px){
 html body .topbar .header-realtime-clock{min-width:100%!important;width:100%!important}
}

/* ===== 2026-08-13 모바일 계정동기화 · 채팅 픽창 접기 · 새창 전용 레이아웃 ===== */
.mobile-room-pick-toggle{display:none}
.mobile-room-pick-drawer{display:block;min-width:0}
html body .member-room-split .mobile-room-pick-toggle.room-action-panel-toggle{
 display:flex!important;align-items:center!important;justify-content:space-between!important;width:calc(100% - 14px)!important;
 min-height:38px!important;margin:5px 7px!important;padding:7px 11px!important;border:1px solid #77add5!important;
 border-radius:8px!important;background:linear-gradient(180deg,#f8fcff,#e9f5ff)!important;color:#174f7c!important;font-weight:900!important;cursor:pointer!important
}
html body .member-room-split .mobile-room-pick-toggle.room-action-panel-toggle>span,
html body .member-room-split .mobile-room-pick-toggle.room-action-panel-toggle>b{font-size:10px!important}
html body .member-room-split .mobile-room-pick-drawer:not(.open){display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.store-quantity{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:7px auto!important;color:#506b82!important;font-size:9px!important;font-weight:800!important}.store-quantity input{width:76px!important;height:30px!important;padding:4px 7px!important;border:1px solid #a8c8e2!important;border-radius:6px!important;background:#fff!important;color:#143d61!important;text-align:center!important;font-size:11px!important;font-weight:900!important}.store-quantity input:focus{outline:2px solid #238af0!important;outline-offset:1px!important}
.rice-store-image{display:block!important;width:74px!important;height:74px!important;margin:0 auto 5px!important;object-fit:contain!important;filter:drop-shadow(0 4px 5px #132f4828)!important}.rice-storeitem h3{margin-top:0!important}

body.dedicated-room-window{overflow:hidden!important;background:#f5f8fb!important}
body.dedicated-room-window .member-room-backdrop{display:none!important}
body.dedicated-room-window .member-room-split.member-room-popup{
 position:fixed!important;inset:0!important;z-index:500!important;
 width:100vw!important;min-width:0!important;max-width:100vw!important;
 height:100dvh!important;max-height:100dvh!important;
 border:0!important;border-radius:0!important;transform:none!important
}
body.dedicated-room-window .member-room-split.member-room-popup #memberRoomSplitInner{
 width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important
}
body.dedicated-room-window .member-room-split.member-room-popup .member-room-body{
 flex:1 1 auto!important;height:auto!important;min-height:0!important
}
body.dedicated-room-window .member-room-window-actions #memberRoomMin,
body.dedicated-room-window .member-room-window-actions #memberRoomMax{display:none!important}

@media(max-width:850px){
 /* 모바일에서도 회원 보유내역과 운영중 방 목록을 숨기지 않습니다. */
 body .shell .leftcol{
  display:flex!important;flex-direction:column!important;width:100%!important;
  min-width:0!important;max-width:none!important;gap:9px!important
 }
 body .leftcol>.login-card.member-info-card{
  display:block!important;order:1!important;width:100%!important;max-height:none!important;
  overflow:visible!important;visibility:visible!important
 }
 body .member-info-card .member-wallet-row{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important
 }
 body .member-info-card .member-item-summary,
 body .member-info-card .member-info-actions,
 body .member-info-card .member-my-room-button{display:grid!important;visibility:visible!important}
 body .leftcol>.home-gift-rank-card{order:2!important}
 body .leftcol>.room-rank-card{
  display:flex!important;order:3!important;width:100%!important;height:auto!important;
  min-height:360px!important;max-height:none!important;overflow:visible!important
 }
 body .leftcol>.room-rank-card #roomRankList{
  display:grid!important;grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important
 }
 body .leftcol>.chat-card{order:4!important}
 body .home-chat-message p{opacity:1!important;-webkit-text-fill-color:currentColor!important}
}

@media(max-width:800px){
 /* 상단 안내판: 방정보 / 전적 / 점수·관리버튼을 각각 한 줄로 정렬 */
 .member-room-split.member-room-popup .member-room-top{
  display:grid!important;
  grid-template-columns:minmax(118px,.82fr) minmax(172px,1.18fr)!important;
  grid-template-areas:"title actions" "stats stats" "score tools"!important;
  align-items:center!important;gap:6px 7px!important;
  min-height:174px!important;height:auto!important;padding:8px!important
 }
 .member-room-split.member-room-popup .member-room-title{
  grid-area:title!important;position:static!important;max-width:none!important;width:100%!important;
  align-self:center!important;overflow:hidden!important
 }
 .member-room-split.member-room-popup .member-room-title>div{min-width:0!important}
 .member-room-split.member-room-popup .member-room-title b,
 .member-room-split.member-room-popup .member-room-title small{
  display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
 }
 .member-room-split.member-room-popup .member-room-window-actions{
  grid-area:actions!important;position:static!important;justify-self:end!important;align-self:start!important
 }
 .member-room-split.member-room-popup .room-header-pick-stats{
  grid-area:stats!important;position:static!important;inset:auto!important;transform:none!important;
  width:100%!important;max-width:none!important;min-height:39px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important
 }
 .member-room-split.member-room-popup .room-header-pick-stats>span{
  min-width:0!important;padding:4px 2px!important;gap:3px!important;justify-content:center!important
 }
 .member-room-split.member-room-popup .room-owner-live-score{
  grid-area:score!important;position:static!important;inset:auto!important;transform:none!important;
  width:100%!important;min-width:0!important;min-height:45px!important;box-sizing:border-box!important
 }
 .member-room-split.member-room-popup .member-room-top-tools,
 .member-room-split.member-room-popup .member-room-top-tools.viewer-tools{
  grid-area:tools!important;position:static!important;inset:auto!important;transform:none!important;
  width:100%!important;min-width:0!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important
 }
 .member-room-split.member-room-popup .member-room-top-tools.viewer-tools{grid-template-columns:1fr!important}
 .member-room-split.member-room-popup .member-room-top-tools button{height:45px!important;font-size:10px!important}

 /* 결과시간과 방 만료시간도 같은 폭의 두 카드로 정돈 */
 .room-result-mini.single.room-result-with-timers{
  display:grid!important;grid-template-columns:1fr 1fr!important;min-height:78px!important;padding:0!important
 }
 .room-result-with-timers .room-result-summary{display:block!important;padding:5px!important}
 .room-result-with-timers .room-last-result{display:none!important}
 .room-result-with-timers .room-result-until{
  width:100%!important;max-width:none!important;min-height:66px!important;padding:7px 5px!important
 }
 .room-result-with-timers .room-expiry-countdown{
  width:auto!important;min-height:66px!important;margin:5px!important;padding:7px 5px!important
 }
 .room-daily-medals{grid-column:1/-1!important;grid-row:2!important;margin:0 5px 5px!important;min-height:52px!important;flex-direction:row!important;justify-content:space-between!important}
 .room-result-with-timers .room-countdown-card>small{font-size:9px!important}
 .room-result-with-timers .room-countdown-card>b{font-size:14px!important}

 /* 채팅을 먼저 보이고 픽 선택기는 버튼으로 올렸다 내립니다. */
 .member-room-split.member-room-popup .member-room-body{
  display:flex!important;flex-direction:column!important;min-height:0!important;overflow-y:auto!important
 }
 .member-room-split.member-room-popup .member-room-chat{
  display:flex!important;flex-direction:column!important;flex:0 0 auto!important;
  min-height:480px!important;overflow:visible!important;background:#fff!important
 }
 .member-room-split.member-room-popup .member-room-messages{
  display:block!important;flex:1 1 40dvh!important;height:40dvh!important;min-height:260px!important;
  max-height:52dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important
 }
 .mobile-room-pick-toggle{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:calc(100% - 16px)!important;min-height:44px!important;margin:6px 8px!important;padding:0 13px!important;
  border:1px solid #2b91da!important;border-radius:8px!important;
  background:linear-gradient(180deg,#eef8ff,#d9eeff)!important;color:#075a98!important;
  font-size:12px!important;font-weight:950!important;cursor:pointer!important
 }
 .mobile-room-pick-toggle>span{font-size:13px!important}.mobile-room-pick-toggle>b{font-size:11px!important}
 .mobile-room-pick-drawer{display:none!important;overflow:hidden!important}
 .mobile-room-pick-drawer.open{display:block!important;overflow:visible!important}
 .member-room-split.member-room-popup .mobile-room-pick-drawer .room-pick-panel{margin-top:0!important}
 .member-room-split.member-room-popup .member-room-compose{flex:0 0 auto!important}
 .member-room-split.member-room-popup .message p,
 .member-room-split.member-room-popup .home-chat-message p{
  opacity:1!important;-webkit-text-fill-color:currentColor!important;text-rendering:geometricPrecision!important
 }
 .member-room-split.member-room-popup .member-room-members{
  display:grid!important;width:100%!important;min-width:0!important;max-width:none!important;
  min-height:420px!important;border-left:0!important;border-top:2px solid #d5e2ec!important
 }
}

@media(max-width:430px){
 .member-room-split.member-room-popup .member-room-top{
  grid-template-columns:minmax(104px,.75fr) minmax(164px,1.25fr)!important;gap:5px!important
 }
 .member-room-split.member-room-popup .member-room-owner-photo{width:34px!important;height:34px!important}
 .member-room-split.member-room-popup .member-room-title b{font-size:13px!important}
 .member-room-split.member-room-popup .member-room-title small{font-size:8px!important}
 .member-room-split.member-room-popup .room-header-pick-stats b{font-size:7px!important}
 .member-room-split.member-room-popup .room-header-pick-stats strong,
 .member-room-split.member-room-popup .room-header-pick-stats em{font-size:9px!important}
 .member-room-split.member-room-popup .member-room-top-tools button{font-size:9px!important;padding:0 4px!important}
}

/* ===== 2026-08-13 모바일 홈 카드 접기/펼치기 + 운영방 TOP10 가로보기 ===== */
.mobile-card-collapse-button,.mobile-account-collapse-head,.mobile-room-rank-nav{display:none}

@media(max-width:850px){
 html body .chat-card .chat-compose{
  position:relative!important;z-index:6!important;display:flex!important;pointer-events:auto!important;
  width:100%!important;min-height:54px!important;touch-action:manipulation!important
 }
 html body .chat-card .chat-compose input{
  display:block!important;min-width:0!important;flex:1 1 auto!important;pointer-events:auto!important;
  -webkit-user-select:text!important;user-select:text!important;touch-action:manipulation!important
 }
 html body .chat-card .chat-compose button{
  display:grid!important;place-items:center!important;flex:0 0 52px!important;width:52px!important;
  min-height:48px!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important
 }
 html body .chat-card .chat-compose button:disabled{opacity:.55!important;cursor:wait!important}
 html body .shell>.leftcol{
  display:flex!important;flex-direction:column!important;width:100%!important;gap:10px!important
 }
 html body .shell>.leftcol>.login-card{order:1!important}
 html body .shell>.leftcol>.home-gift-rank-card{order:2!important}
 html body .shell>.leftcol>.chat-card{order:3!important}
 html body .shell>.leftcol>.room-rank-card{order:4!important}

 .mobile-collapsible-card{position:relative!important;transition:max-height .2s ease,min-height .2s ease!important}
 .mobile-card-collapse-button{
  display:grid!important;place-items:center!important;flex:0 0 34px!important;
  width:34px!important;height:32px!important;min-width:34px!important;padding:0!important;
  border:1px solid #b8cfe2!important;border-radius:7px!important;
  background:linear-gradient(180deg,#fff,#edf5fb)!important;color:#176da9!important;
  font-size:13px!important;font-weight:950!important;line-height:1!important;cursor:pointer!important;
  box-shadow:0 1px 3px rgba(20,72,108,.08)!important
 }
 .mobile-account-collapse-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:50px!important;padding:8px 11px!important;border-bottom:1px solid #dce7ef!important;
  background:#f8fbfe!important
 }
 .mobile-account-collapse-head>strong{font-size:16px!important;color:#123b60!important;font-weight:950!important}
 .login-card>.mobile-account-collapse-head+h3{display:none!important}
 .home-gift-rank-head{position:relative!important;padding-right:50px!important}
 .home-gift-rank-head>.mobile-card-collapse-button{position:absolute!important;right:9px!important;top:14px!important}
 .card-title{gap:8px!important}
 .card-title>.mobile-card-collapse-button{margin-left:2px!important}
 .card-title>span{margin-left:auto!important}

 .login-card.mobile-card-collapsed,
 .home-gift-rank-card.mobile-card-collapsed,
 .chat-card.mobile-card-collapsed,
 .room-rank-card.mobile-card-collapsed{
  display:block!important;height:52px!important;min-height:52px!important;max-height:52px!important;
  overflow:hidden!important;padding-bottom:0!important
 }
 .login-card.mobile-card-collapsed>:not(.mobile-account-collapse-head){display:none!important}
 .home-gift-rank-card.mobile-card-collapsed>:not(.home-gift-rank-head){display:none!important}
 .chat-card.mobile-card-collapsed>:not(.card-title){display:none!important}
 .room-rank-card.mobile-card-collapsed>:not(.card-title){display:none!important}
 .home-gift-rank-card.mobile-card-collapsed .home-gift-rank-head{
  height:50px!important;min-height:50px!important;padding-top:7px!important;padding-bottom:7px!important;border-bottom:0!important
 }
 .home-gift-rank-card.mobile-card-collapsed .home-gift-rank-head small,
 .home-gift-rank-card.mobile-card-collapsed .home-gift-rank-head nav{display:none!important}
 .chat-card.mobile-card-collapsed .card-title,
 .room-rank-card.mobile-card-collapsed .card-title{height:40px!important;margin:0!important}

 html body .shell>.leftcol>.login-card.member-info-card,
 html body .shell>.leftcol>.home-gift-rank-card,
 html body .shell>.leftcol>.chat-card,
 html body .shell>.leftcol>.room-rank-card{
  width:100%!important;max-width:100%!important;margin:0!important
 }
 html body .shell>.leftcol>.room-rank-card:not(.mobile-card-collapsed){
  display:flex!important;height:auto!important;min-height:315px!important;max-height:none!important;overflow:hidden!important
 }
 html body .shell>.leftcol>.chat-card:not(.mobile-card-collapsed){min-height:520px!important}

 html body .room-rank-card #roomRankList{
  display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:12px!important;width:100%!important;min-height:160px!important;max-height:190px!important;
  padding:10px 16px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-padding-inline:16px!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important
 }
 html body .room-rank-card #roomRankList::-webkit-scrollbar{height:5px!important}
 html body .room-rank-card #roomRankList::-webkit-scrollbar-thumb{background:#9db9ce!important;border-radius:999px!important}
 html body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  flex:0 0 210px!important;width:210px!important;min-width:210px!important;max-width:210px!important;
  min-height:150px!important;height:150px!important;margin:0!important;padding:27px 8px 10px!important;
  scroll-snap-align:center!important
 }
 html body .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:76px!important;height:76px!important
 }
 html body .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html body .room-rank-card #roomRankList .room-score-rank .room-realtime-score{font-size:10px!important}
 .mobile-room-rank-nav{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:42px!important;padding:5px 10px 9px!important
 }
 .mobile-room-rank-nav button{
  display:grid!important;place-items:center!important;width:42px!important;height:34px!important;padding:0!important;
  border:1px solid #9fc6e1!important;border-radius:7px!important;background:#eaf6ff!important;
  color:#0b70b5!important;font-size:24px!important;font-weight:900!important;line-height:1!important
 }
 .mobile-room-rank-nav span{color:#668096!important;font-size:10px!important;font-weight:850!important}
}

@media(max-width:430px){
 html body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important
 }
}

/* ===== 2026-08-13 모바일 랭킹/운영방 접기 및 제목 정렬 보정 ===== */
@media(max-width:850px){
 /* 과거 고정 높이보다 우선해 접힌 카드에는 제목줄만 남깁니다. */
 html body .shell>.leftcol>section.card.login-card.mobile-card-collapsed,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed,
 html body .shell>.leftcol>section.card.chat-card.mobile-card-collapsed,
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed{
  display:block!important;flex:none!important;
  width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;
  margin:0!important;overflow:hidden!important;align-self:stretch!important
 }
 html body .shell>.leftcol>section.card.login-card.mobile-card-collapsed,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed{padding:0!important}
 html body .shell>.leftcol>section.card.chat-card.mobile-card-collapsed,
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed{padding:7px 11px!important}

 html body .shell>.leftcol>section.card.login-card.mobile-card-collapsed>:not(.mobile-account-collapse-head),
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed>:not(.home-gift-rank-head),
 html body .shell>.leftcol>section.card.chat-card.mobile-card-collapsed>:not(.card-title),
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed>:not(.card-title){display:none!important}
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed #roomRankList,
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed .room-quick-links,
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed .rule-note,
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed .mobile-room-rank-nav,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed .home-gift-rank-list,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed .home-rice-rank-pages,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed .home-gift-rank-more,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed .home-rice-rank-arrow{display:none!important}

 html body .shell>.leftcol>section.card.login-card.mobile-card-collapsed .mobile-account-collapse-head,
 html body .shell>.leftcol>section.card.home-gift-rank-card.mobile-card-collapsed .home-gift-rank-head{
  width:100%!important;height:54px!important;min-height:54px!important;max-height:54px!important;
  margin:0!important;border-bottom:0!important
 }
 html body .shell>.leftcol>section.card.chat-card.mobile-card-collapsed .card-title,
 html body .shell>.leftcol>section.card.room-rank-card.mobile-card-collapsed .card-title{
  width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important
 }

 /* 운영중인 채팅방 제목·개수·화살표를 가로 한 줄로 고정합니다. */
 html body .shell>.leftcol>section.card.room-rank-card{
  flex-direction:column!important;align-items:stretch!important
 }
 html body .shell>.leftcol>section.card.room-rank-card>.card-title{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  justify-content:flex-start!important;width:100%!important;min-width:0!important;gap:8px!important
 }
 html body .shell>.leftcol>section.card.room-rank-card>.card-title h3{
  flex:0 1 auto!important;min-width:0!important;margin:0!important;
  writing-mode:horizontal-tb!important;white-space:nowrap!important;word-break:keep-all!important;
  overflow:hidden!important;text-overflow:ellipsis!important;font-size:16px!important;line-height:1.25!important
 }
 html body .shell>.leftcol>section.card.room-rank-card>.card-title>span{
  flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;font-size:12px!important
 }
 html body .shell>.leftcol>section.card.room-rank-card>.card-title>.mobile-card-collapse-button{
  flex:0 0 42px!important;width:42px!important;height:40px!important;min-width:42px!important;margin-left:2px!important
 }
}

/* 최종 우선순위: 좌측 회원카드 보유내역 및 쌀 환전 바로가기 */
html body .shell .leftcol>.login-card.member-info-card .member-item-summary{
 display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;
 gap:3px 4px!important;min-height:34px!important;padding:7px 6px!important;
 color:#49677f!important;font-size:10px!important;font-weight:850!important;line-height:1.35!important
}
html body .shell .leftcol>.login-card.member-info-card .member-rice-exchange-link{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
 min-height:24px!important;margin:0!important;padding:3px 7px!important;border:1px solid #65bd8c!important;
 border-radius:999px!important;background:#eafff2!important;color:#087542!important;
 font:inherit!important;font-weight:950!important;line-height:1!important;cursor:pointer!important;
 box-shadow:0 1px 3px #0b7a4620!important
}
html body .shell .leftcol>.login-card.member-info-card .member-rice-exchange-link:hover,
html body .shell .leftcol>.login-card.member-info-card .member-rice-exchange-link:focus-visible{
 background:#0c9c59!important;border-color:#0c9c59!important;color:#fff!important;outline:none!important
}
@media(max-width:850px){
 html body .shell .leftcol>.login-card.member-info-card .member-item-summary{
  display:flex!important;min-height:46px!important;padding:8px 10px!important;
  gap:5px 7px!important;font-size:13px!important;line-height:1.4!important
 }
 html body .shell .leftcol>.login-card.member-info-card .member-rice-exchange-link{
  min-height:31px!important;padding:5px 10px!important;font-size:13px!important
 }
}

/* ===== 2026-08-13 PC 회원카드 버튼 잘림 최소 보정 ===== */
@media(min-width:1280px){
 html body .shell .leftcol{
  grid-template-rows:250px 55px minmax(510px,auto)!important
 }
 html body .shell .leftcol>.login-card.member-info-card{
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important
 }
 html body .shell .leftcol>.room-rank-card{
  margin-top:0!important
 }
}

/* ===== 2026-08-13 채팅 계급 · 닉네임 · 내용 한 줄 표기 ===== */
html body .formatted-chat-message{
 display:block!important;
 white-space:normal!important
}
html body .formatted-chat-message .chat-formatted-line{
 display:block!important;
 margin:0!important;
 color:#152f47!important;
 font-weight:800!important;
 line-height:1.65!important;
 white-space:normal!important;
 word-break:break-word!important
}
html body .formatted-chat-message .chat-formatted-line>b{
 display:inline!important;
 color:#075ba6!important;
 font:inherit!important;
 font-weight:950!important;
 white-space:normal!important
}
html body .formatted-chat-message .chat-grade-slot{
 display:inline-flex!important;
 align-items:center!important;
 vertical-align:middle!important;
 margin-right:2px!important
}
html body .formatted-chat-message .chat-grade-slot .rank-badge{
 display:inline-flex!important;
 align-items:center!important;
 gap:4px!important;
 min-height:25px!important;
 padding:2px 7px 2px 3px!important;
 border:1px solid #b9d7ef!important;
 border-radius:999px!important;
 background:#eef7ff!important;
 color:#0d5e9f!important;
 font-size:10px!important;
 font-weight:950!important;
 line-height:1!important;
 vertical-align:middle!important
}
html body .formatted-chat-message .chat-grade-slot .rankicon{
 display:inline-grid!important;
 place-items:center!important;
 width:20px!important;
 height:20px!important;
 border-radius:50%!important;
 background:#2d6597!important;
 color:#fff!important;
 font-size:9px!important;
 font-style:normal!important;
 flex:none!important
}
html body .formatted-chat-message .chat-grade-slot .operator-rank-badge.is-owner-admin{
 border-color:#efb2b2!important;background:#fff0f0!important;color:#b82626!important
}
html body .formatted-chat-message .chat-grade-slot .operator-rank-badge.is-owner-admin .rankicon{background:#d83333!important}
html body .formatted-chat-message .chat-grade-slot .operator-rank-badge.is-sub-admin{
 border-color:#d4bbed!important;background:#f7efff!important;color:#7137a4!important
}
html body .formatted-chat-message .chat-grade-slot .operator-rank-badge.is-sub-admin .rankicon{background:#7942ad!important}
html body .formatted-chat-message .chat-nickname{
 color:#075ba6!important;
 font-weight:950!important
}
html body .formatted-chat-message .chat-colon{
 color:#496277!important;
 font-weight:900!important
}
html body .formatted-chat-message .chat-message-text{
 display:inline!important;
 opacity:1!important;
 font:inherit!important;
 font-weight:800!important;
 -webkit-text-fill-color:currentColor!important
}

/* 운영공지는 고정판 대신 채팅 흐름 안에서 크고 선명하게 표시 */
html body .realtime-notice-chat{
  border-left:4px solid #efb41c!important;
  background:#fff7cf!important;
  color:#173f63!important;
  padding:10px 12px!important;
}
html body .realtime-notice-chat p{
  margin:0!important;
  color:#173f63!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:800!important;
}
html body .realtime-notice-chat p b{
  color:#9b6100!important;
  font-size:13px!important;
  font-weight:950!important;
}
html body .realtime-notice-chat p span{
  color:#102f4c!important;
  font-weight:850!important;
}
html body .guest-private-chat{background:#f4f7fa!important;color:#71869a!important}
html body .guest-private-chat p{margin:0!important;font-weight:800!important}
html body .chat-login-strip,html body .home-chat-login{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;background:#edf6ff;border-top:1px solid #bdd8ef;color:#315f85;font-weight:800
}
@media(max-width:640px){
 html body .realtime-notice-chat p,html body .realtime-notice-chat p b{font-size:12px!important}
 html body .chat-login-strip,html body .home-chat-login{align-items:stretch;flex-direction:column}
}

/* 로그인 입력란 확대: 확대/축소 환경에서도 클릭 영역과 글씨를 선명하게 유지 */
html body .login-card h3{font-size:16px!important;line-height:1.35!important;margin:0 0 10px!important}
html body .login-card input{
 display:block!important;width:100%!important;min-height:44px!important;
 margin:0 0 9px!important;padding:10px 12px!important;
 font-size:14px!important;line-height:1.4!important;border-radius:6px!important
}
html body .login-card #leftLogin{min-height:42px!important;font-size:14px!important;font-weight:850!important}
html body .login-card .tiny-links{margin-top:9px!important;font-size:10px!important;line-height:1.5!important}
html body .member-room-messages .formatted-chat-message .chat-formatted-line,
html body .home-chat-message.formatted-chat-message .chat-formatted-line{
 font-size:14px!important
}
html body .chat-msg.formatted-chat-message .chat-formatted-line{
 font-size:13px!important
}
@media(max-width:850px){
 html body .member-room-messages .formatted-chat-message .chat-formatted-line,
 html body .home-chat-message.formatted-chat-message .chat-formatted-line,
 html body .chat-msg.formatted-chat-message .chat-formatted-line{
  font-size:11px!important;
  line-height:1.5!important
 }
 html body .member-room-split.member-room-popup .formatted-chat-message .chat-grade-slot .rank-badge{
  min-height:21px!important;padding:1px 5px 1px 2px!important;font-size:8px!important
 }
 html body .member-room-split.member-room-popup .formatted-chat-message .chat-grade-slot .rankicon{
  width:17px!important;height:17px!important;font-size:7px!important
 }
 html body .member-room-split.member-room-popup .member-room-notice.collapsed em{display:none!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-drawer:not(.open){display:none!important;height:0!important;min-height:0!important}
}

/* 최종 모바일 우선순위: 안내판·픽창 접기와 채팅 본문 확대 */
@media(max-width:800px){
 html body .member-room-split.member-room-popup{font-size:10px!important}
 html body .member-room-split.member-room-popup .member-room-top{padding:6px 7px!important;gap:4px!important}
 html body .member-room-split.member-room-popup .member-room-title b{font-size:12px!important}
 html body .member-room-split.member-room-popup .member-room-title small{font-size:7px!important}
 html body .member-room-split.member-room-popup .room-header-pick-stats b{font-size:7px!important}
 html body .member-room-split.member-room-popup .room-header-pick-stats strong,
 html body .member-room-split.member-room-popup .room-header-pick-stats em,
 html body .member-room-split.member-room-popup .room-header-pick-stats i{font-size:8px!important}
 html body .member-room-split.member-room-popup .room-owner-live-score small,
 html body .member-room-split.member-room-popup .room-result-with-timers small{font-size:8px!important}
 html body .member-room-split.member-room-popup .room-owner-live-score b,
 html body .member-room-split.member-room-popup .room-result-with-timers b{font-size:13px!important}
 html body .member-room-split.member-room-popup .member-room-top-tools button{min-height:39px!important;height:39px!important;font-size:9px!important}
 html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{
  grid-template-columns:1fr 1fr!important;min-height:118px!important
 }
 html body .member-room-split.member-room-popup .room-daily-medals{
  grid-column:1/-1!important;grid-row:2!important;min-height:46px!important;margin:0 5px 5px!important;
  flex-direction:row!important;justify-content:space-between!important
 }
 html body .member-room-split.member-room-popup .room-result-with-timers .room-result-until,
 html body .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown{min-height:54px!important;padding:4px!important}
 html body .member-room-split.member-room-popup .member-room-notice{display:flex!important;min-height:36px!important;padding:5px 8px!important;font-size:8px!important;line-height:1.35!important}
 html body .member-room-split.member-room-popup #memberRoomNoticeToggle{display:block!important;flex:none!important}
 html body .member-room-split.member-room-popup .member-room-notice.collapsed{min-height:31px!important;padding-block:3px!important}
 html body .member-room-split.member-room-popup .member-room-notice.collapsed em{display:none!important}
 html body .member-room-split.member-room-popup .member-room-messages{flex:1 1 48dvh!important;height:48dvh!important;min-height:310px!important;max-height:62dvh!important;padding:6px!important}
 html body .member-room-split.member-room-popup .member-room-messages .message{padding:5px 2px!important}
 html body .member-room-split.member-room-popup .room-system-message{font-size:9px!important;line-height:1.4!important}
 html body .member-room-split.member-room-popup .room-result-chat-value{width:27px!important;height:27px!important;font-size:9px!important}
 html body .member-room-split.member-room-popup .room-pick-once-notice{padding:4px 7px!important;font-size:8px!important}
 html body .member-room-split.member-room-popup .room-pick-once-notice b{font-size:9px!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-toggle{min-height:38px!important;margin:4px 7px!important;font-size:10px!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-toggle>span,
 html body .member-room-split.member-room-popup .mobile-room-pick-toggle>b{font-size:10px!important}
 html body .member-room-split.member-room-popup .mobile-room-pick-drawer:not(.open){display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
 html body .member-room-split.member-room-popup .member-room-compose{padding:6px!important}
 html body .member-room-split.member-room-popup .member-room-compose input{height:38px!important;font-size:11px!important}
 html body .member-room-split.member-room-popup .member-room-compose button{width:44px!important}
 html body .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important;gap:3px!important}
html body .member-room-split.member-room-popup .room-size-owner-stack .room-owner-inline-tools button{grid-column:auto!important;min-height:30px!important;padding:2px!important;font-size:7px!important}
}

/* ===== 2026-08-13 채팅방 방장 회원관리 메뉴 레이어 보정 ===== */
html body .quick-gift-menu.room-member-manage-menu{
 position:fixed!important;z-index:10000!important;width:min(280px,calc(100vw - 16px))!important;
 box-sizing:border-box!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;
 border:2px solid #7eb6df!important;box-shadow:0 16px 48px rgba(8,35,60,.38)!important
}
html body .room-member-manage-menu .quick-rice-row{grid-template-columns:minmax(0,1fr) 96px!important}
html body .room-member-manage-menu .room-member-manage-actions button,
html body .room-member-manage-menu #quickGiftSend{font-size:10px!important;font-weight:950!important}
html body .room-chat-member-trigger{position:relative!important;z-index:1!important;cursor:pointer!important}
html body .room-chat-member-trigger:hover,
html body .room-chat-member-trigger:focus-visible{
 background:#dff1ff!important;box-shadow:0 0 0 3px #dff1ff!important;outline:none!important
}
@media(max-width:850px){
 html body .quick-gift-menu.room-member-manage-menu{width:min(310px,calc(100vw - 16px))!important}
 html body .room-member-manage-menu .room-member-manage-actions{grid-template-columns:1fr!important}
 html body .room-member-manage-menu .room-member-manage-actions button{min-height:42px!important}
}

/* ===== 2026-08-13 PC 내 채팅방 버튼 노출 + 운영방 고정 높이 세로 스크롤 ===== */
@media(min-width:851px){
 html body .shell .leftcol>section.card.room-rank-card{
  display:flex!important;flex-direction:column!important;
  height:590px!important;min-height:590px!important;max-height:590px!important;
  overflow:hidden!important;align-self:start!important
 }
 html body .shell .leftcol>section.card.room-rank-card>.card-title,
 html body .shell .leftcol>section.card.room-rank-card>.room-quick-links,
 html body .shell .leftcol>section.card.room-rank-card>.rule-note{
  flex:0 0 auto!important
 }
 html body .shell .leftcol>section.card.room-rank-card>#roomRankList{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;align-content:start!important;
  overscroll-behavior:contain!important;scrollbar-gutter:stable!important;
  padding-right:4px!important
 }
 html body .shell .leftcol>section.card.room-rank-card>#roomRankList::-webkit-scrollbar{width:7px!important}
 html body .shell .leftcol>section.card.room-rank-card>#roomRankList::-webkit-scrollbar-track{
  background:#eef4f8!important;border-radius:999px!important
 }
 html body .shell .leftcol>section.card.room-rank-card>#roomRankList::-webkit-scrollbar-thumb{
  background:#91aec5!important;border-radius:999px!important
 }
}
@media(min-width:1280px){
 html body .shell .leftcol{
  grid-template-rows:270px 55px minmax(510px,auto)!important
 }
 html body .shell .leftcol>.login-card.member-info-card{
  height:270px!important;min-height:270px!important;max-height:270px!important;
  overflow:hidden!important
 }
html body .shell .leftcol>.room-rank-card{
  grid-row:2 / span 2!important;margin-top:0!important
 }
}

/* ===== 2026-08-15 오른쪽 배너 세로 크기 축소 ===== */
html body .rightcol{gap:6px!important}
html body .rightcol .banner-slot{
 min-height:112px!important;height:112px!important;padding:7px!important
}
html body .rightcol .banner-slot.banner-slot-large{
 min-height:150px!important;height:150px!important
}
.board-private-notice{margin:8px 0;padding:10px;border:1px solid #b9d8ef;border-radius:7px;background:#eef8ff;color:#245f89;font-size:10px;font-weight:850}

/* ===== 2026-08-16 로그인 호환·회원정보 폭·브라우저 확대축소 반응형 ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden}
html body .shell,html body .leftcol,html body .maincol,html body .rightcol,
html body .card,html body .pagebox,html body .member-room-split,
html body .member-room-split *{box-sizing:border-box;min-width:0}
html body img,html body video,html body iframe,html body canvas{max-width:100%}

@media(min-width:1501px){
 html body .shell{
  width:min(100%,2100px)!important;
  grid-template-columns:minmax(580px,595px) minmax(520px,1fr) minmax(180px,230px)!important;
  gap:10px!important
 }
 html body .shell .leftcol{
  grid-template-columns:minmax(255px,270px) minmax(300px,1fr)!important;
  gap:8px!important
 }
}
@media(min-width:1181px) and (max-width:1500px){
 html body .shell{
  width:100%!important;
  grid-template-columns:minmax(500px,560px) minmax(480px,1fr) minmax(150px,190px)!important;
  gap:8px!important
 }
 html body .shell .leftcol{
  grid-template-columns:minmax(235px,255px) minmax(245px,1fr)!important;
  gap:7px!important
 }
 html body .rightcol .banner-slot{padding:5px!important}
}

/* ===== 2026-08-16 v3987: 회원별 프로필 복구 + 랭킹/채팅 밀착 배치 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  display:grid!important;
  grid-template-columns:140px minmax(0,1fr)!important;
  grid-template-rows:270px 620px!important;
  gap:8px!important;
  align-items:stretch!important
 }
 html body.home-view .shell .leftcol>.login-card{grid-column:1!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.home-gift-rank-card{grid-column:2!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:140px!important;min-width:140px!important;max-width:140px!important;
  height:620px!important;min-height:620px!important;max-height:620px!important;
  margin:0!important;padding:8px 5px!important;overflow:hidden!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2!important;grid-row:2!important;
  width:100%!important;height:620px!important;min-height:620px!important;max-height:620px!important;
  margin:0!important;display:flex!important;flex-direction:column!important
 }
 html body.home-view .shell .leftcol>.chat-card>.mini-chat{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important
 }
 html body.home-view .room-rank-card #roomRankList{
  padding:5px 0 8px!important;gap:5px!important;align-items:center!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:124px!important;min-width:124px!important;max-width:124px!important;
  height:108px!important;min-height:108px!important;padding:17px 3px 4px!important
 }
 html body.home-view .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:78px!important;height:78px!important;margin:0 auto 2px!important
 }
 html body.home-view .room-rank-card #roomRankList .room-score-rank .room-profile-thumb img{
  width:100%!important;height:100%!important;display:block!important;object-fit:cover!important
 }
}

/* v3987 final precedence: 랭킹과 실시간 채팅 사이 빈 칸 제거 */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;
  grid-template-rows:270px 620px!important;gap:8px!important
 }
 html body.home-view .shell .leftcol>.login-card{grid-column:1!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.home-gift-rank-card{grid-column:2!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:140px!important;min-width:140px!important;max-width:140px!important;
  height:620px!important;min-height:620px!important;max-height:620px!important;margin:0!important;padding:8px 5px!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2!important;grid-row:2!important;width:100%!important;
  height:620px!important;min-height:620px!important;max-height:620px!important;margin:0!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:124px!important;min-width:124px!important;max-width:124px!important;height:108px!important;min-height:108px!important;padding:17px 3px 4px!important
 }
 html body.home-view .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{width:78px!important;height:78px!important}
 html body.home-view .room-rank-card #roomRankList .room-score-rank .room-profile-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
}

/* ===== 2026-08-16 v3986: 채팅방 랭킹/대기실 1열 + 실시간 채팅 확장 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  grid-template-columns:145px minmax(0,1fr)!important;
  grid-template-rows:270px 640px!important;
  column-gap:8px!important;row-gap:8px!important
 }
 html body.home-view .shell .leftcol>.login-card{grid-column:1!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.home-gift-rank-card{grid-column:2!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:145px!important;min-width:145px!important;max-width:145px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  padding-left:0!important;padding-right:0!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  display:flex!important;flex-direction:column!important
 }
 html body.home-view .shell .leftcol>.chat-card>.mini-chat{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important
 }
 html body .room-rank-card .card-title,
 html body .room-rank-card .wide{width:100%!important;max-width:100%!important}
 html body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:110px!important;min-width:110px!important;max-width:110px!important
 }
}
@media(min-width:851px) and (max-width:1180px){
 html body .shell{width:100%!important;grid-template-columns:minmax(300px,38%) minmax(0,1fr)!important;gap:8px!important}
 html body .shell .rightcol{display:none!important}
 html body .shell .leftcol{display:flex!important;flex-direction:column!important;width:100%!important;gap:8px!important}
 html body .shell .leftcol>*{width:100%!important;max-width:100%!important;margin:0!important}
}
@media(max-width:850px){
 html body .shell{display:block!important;width:100%!important;max-width:100%!important;padding:7px!important}
 html body .maincol,html body .leftcol{width:100%!important;max-width:100%!important}
}

/* 채팅 팝업/전용창도 확대율에 따라 가로폭을 넘지 않고 내부만 재배치 */
html body .member-room-split.member-room-popup{max-width:100vw!important}
html body .member-room-split.member-room-popup #memberRoomSplitInner,
html body .member-room-split.member-room-popup .member-room-body,
html body .member-room-split.member-room-popup .member-room-chat{width:100%!important;max-width:100%!important;min-width:0!important}
@media(max-width:1050px){
 html body .member-room-split.member-room-popup .member-room-body{grid-template-columns:minmax(0,1fr)!important}
 html body .member-room-split.member-room-popup .member-room-members{display:none!important}
 html body .member-room-split.member-room-popup .member-room-top{flex-wrap:wrap!important;height:auto!important;min-height:64px!important}
 html body .member-room-split.member-room-popup .member-room-title{flex:1 1 250px!important}
 html body .member-room-split.member-room-popup .room-header-pick-stats{flex:1 1 300px!important;max-width:100%!important}
}

/* ===== 2026-08-16 홈 런타임 복구 후 좌측 패널 정렬 ===== */
html body .shell .leftcol>section.card.room-rank-card{
 background:transparent!important;
 border-color:transparent!important;
 box-shadow:none!important
}
html body .shell .leftcol>section.card.room-rank-card>#roomRankList,
html body .shell .leftcol>section.card.room-rank-card>.card-title,
html body .shell .leftcol>section.card.room-rank-card>.mobile-room-rank-nav{
 background:transparent!important
}
@media(min-width:851px){
 html body .shell .leftcol>section.card.chat-card{
  height:550px!important;
  min-height:550px!important;
  max-height:550px!important;
  display:flex!important;
  flex-direction:column!important
 }
 html body .shell .leftcol>section.card.chat-card>.mini-chat{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important
 }
 html body .shell .leftcol>section.card.chat-card>.chat-compose{flex:0 0 auto!important}
}

/* ===== 2026-08-16 데스크톱 랭킹 폭 축소 + 실시간 채팅 확장 ===== */
@media(min-width:1501px){
 html body.home-view .shell .leftcol{
  grid-template-columns:200px 62px minmax(300px,1fr)!important;
  grid-template-rows:270px 550px!important;
  column-gap:8px!important;
  row-gap:8px!important
 }
 html body.home-view .shell .leftcol>.login-card{grid-column:1 / span 2!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.home-gift-rank-card{grid-column:3!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:200px!important;min-width:200px!important;max-width:200px!important;
  min-height:550px!important;height:550px!important;max-height:550px!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important
 }
}

/* ===== 2026-08-16 실시간 채팅방 랭킹: 큰 프로필·작은 카드·세로 TOP10 ===== */
html body .room-rank-card>.rule-note,
html body .room-rank-card>.mobile-room-rank-nav{display:none!important}
html body .room-rank-card #roomRankList{
 display:flex!important;
 flex-direction:column!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:5px!important;
 width:100%!important;
 min-height:0!important;
 max-height:none!important;
 padding:7px 3px 12px!important;
 overflow-x:hidden!important;
 overflow-y:auto!important;
 scroll-snap-type:none!important
}
html body .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
 flex:0 0 auto!important;
 width:118px!important;
 min-width:118px!important;
 max-width:118px!important;
 min-height:116px!important;
 height:116px!important;
 margin:0 auto!important;
 padding:21px 3px 5px!important;
 gap:1px!important;
 border-radius:7px!important
}
html body .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
 width:74px!important;
 height:74px!important;
 border-radius:5px!important
}
html body .room-rank-card #roomRankList .room-score-rank .room-profile-name,
html body .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
 font-size:8px!important;
 line-height:1.05!important
}
html body .room-rank-card #roomRankList .room-score-rank .room-rank-position{
 left:5px!important;
 top:4px!important;
 min-width:27px!important;
 padding:2px 5px!important;
 font-size:8px!important
}
html body .room-rank-card #roomRankList .room-score-rank .room-profile-lock{
 top:22px!important;
 right:7px!important
}
@media(min-width:1181px) and (max-width:1500px){
 html body.home-view .shell .leftcol{
  grid-template-columns:185px 55px minmax(245px,1fr)!important;
  grid-template-rows:270px 550px!important;
  column-gap:7px!important;
  row-gap:7px!important
 }
 html body.home-view .shell .leftcol>.login-card{grid-column:1 / span 2!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.home-gift-rank-card{grid-column:3!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:185px!important;min-width:185px!important;max-width:185px!important;
  min-height:550px!important;height:550px!important;max-height:550px!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important
 }
}

/* ===== v3987 최종 우선순위: 회원 프로필·홈 밀착 배치·채팅방 통계 확대 ===== */
@media(min-width:1181px){
 html body.home-view .shell .leftcol{
  display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;
  grid-template-rows:270px 620px!important;gap:8px!important
 }
 html body.home-view .shell .leftcol>.login-card{grid-column:1!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.home-gift-rank-card{grid-column:2!important;grid-row:1!important}
 html body.home-view .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:140px!important;min-width:140px!important;max-width:140px!important;
  height:620px!important;min-height:620px!important;max-height:620px!important;margin:0!important;padding:8px 5px!important
 }
 html body.home-view .shell .leftcol>.chat-card{
  grid-column:2!important;grid-row:2!important;width:100%!important;
  height:620px!important;min-height:620px!important;max-height:620px!important;margin:0!important
 }
 html body.home-view .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:124px!important;min-width:124px!important;max-width:124px!important;height:108px!important;min-height:108px!important;padding:17px 3px 4px!important
 }
 html body.home-view .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{width:78px!important;height:78px!important}
}
html body .member-room-owner-photo img,
html body .room-profile-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media(min-width:851px){
 html body .member-room-top>.member-room-title .member-room-owner-photo{
  width:54px!important;height:54px!important;min-width:54px!important;font-size:25px!important
 }
 html body .member-room-top>.room-header-pick-stats{
  width:auto!important;max-width:42%!important;min-width:400px!important;
  min-height:42px!important;padding:6px 9px!important;gap:7px!important
 }
 html body .member-room-top>.room-header-pick-stats>span{
  min-height:29px!important;padding:5px 12px!important;gap:5px!important
 }
 html body .member-room-top>.room-header-pick-stats b{font-size:10px!important}
 html body .member-room-top>.room-header-pick-stats strong,
 html body .member-room-top>.room-header-pick-stats em{font-size:12px!important}
 html body .member-room-top>.room-header-pick-stats i{font-size:11px!important}
}

/* ===== v3994 전체 메뉴 사이드바 크기 고정 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  display:grid!important;
  grid-template-columns:110px 132px minmax(0,1fr)!important;
  grid-template-rows:286px 640px!important;
  column-gap:4px!important;row-gap:8px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:246px!important;min-width:246px!important;max-width:246px!important;
  height:286px!important;min-height:286px!important;max-height:286px!important;
  overflow:visible!important;padding-bottom:8px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:286px!important;min-height:286px!important;max-height:286px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:110px!important;min-width:110px!important;max-width:110px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;padding:7px 0!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;
  margin:0!important;display:flex!important;flex-direction:column!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card>.mini-chat{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  width:96px!important;min-width:96px!important;max-width:96px!important;
  height:104px!important;min-height:104px!important;
  padding:17px 2px 4px!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:72px!important;height:72px!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.card-title{
  padding-left:2px!important;padding-right:2px!important;gap:2px!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.card-title h3{
  font-size:9px!important;white-space:nowrap!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links,
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  width:104px!important;max-width:104px!important;margin-left:auto!important;margin-right:auto!important
 }
html body:not(.member-room-split-open) .login-card.member-info-card .member-my-room-button{
  display:flex!important;visibility:visible!important;position:relative!important;
  width:calc(100% - 14px)!important;min-height:36px!important;height:36px!important;
  margin:7px!important;padding:7px 10px!important;box-sizing:border-box!important;
  align-items:center!important;justify-content:center!important;overflow:visible!important
 }
}

/* ===== v3997 최종 우선순위: 대기실 버튼을 패널 안에 완전히 수용 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .room-rank-card,
 html body:not(.member-room-split-open) .room-rank-card *{box-sizing:border-box!important}
 html body:not(.member-room-split-open) .room-rank-card>.card-title,
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding-left:3px!important;padding-right:3px!important;
  overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0 3px!important;align-items:center!important;justify-content:center!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-size:8px!important
 }
}

/* ===== v4000 홈 로그인·쌀 선물 TOP3 크기 및 입력 가독성 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:125px 145px minmax(0,1fr)!important;
  grid-template-rows:300px 640px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card{
  grid-column:1 / span 2!important;
  width:274px!important;min-width:274px!important;max-width:274px!important;
  height:300px!important;min-height:300px!important;max-height:300px!important;
  padding:12px 10px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;
  height:300px!important;min-height:300px!important;max-height:300px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:125px!important;min-width:125px!important;max-width:125px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card h3{
  font-size:14px!important;line-height:1.35!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card input{
  min-height:40px!important;padding:10px 11px!important;
  font-size:14px!important;line-height:20px!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card input::placeholder{
  font-size:13px!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card .wide{
  min-height:40px!important;font-size:13px!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card .tiny-links{
  font-size:9px!important
 }
}

/* ===== v4001 로그인 후 회원정보·쌀 선물 TOP3 표시 영역 확대 ===== */
@media(min-width:1501px){
 html body:not(.member-room-split-open) .shell{
  grid-template-columns:minmax(620px,630px) minmax(520px,1fr) minmax(180px,230px)!important
 }
}

/* ===== v4002 홈페이지 전체 글자 소폭 확대·선명도 개선 ===== */
body.home-view{
 -webkit-font-smoothing:antialiased!important;
 -moz-osx-font-smoothing:grayscale!important;
 text-rendering:optimizeLegibility!important
}
body.home-view .shell,
body.home-view .shell button,
body.home-view .shell input,
body.home-view .shell textarea,
body.home-view .shell select{
 font-family:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif!important;
 letter-spacing:-.15px
}
body.home-view .card-title h3{font-size:13px!important;font-weight:900!important}
body.home-view .card-title span{font-size:10px!important;font-weight:750!important}
body.home-view .login-card h3{font-size:15px!important;font-weight:900!important}
body.home-view .login-card input{font-size:15px!important;font-weight:600!important}
body.home-view .login-card input::placeholder{font-size:14px!important;font-weight:550!important;color:#7b8997!important}
body.home-view .login-card .wide{font-size:14px!important;font-weight:850!important}
body.home-view .login-card .tiny-links{font-size:10px!important;font-weight:650!important;color:#6f7f8d!important}
body.home-view .member-info-name b{font-size:12px!important;font-weight:950!important}
body.home-view .member-info-name small{font-size:9px!important;font-weight:650!important;color:#718497!important}
body.home-view .member-info-tabs button,
body.home-view .member-info-actions button{font-size:9px!important;font-weight:750!important}
body.home-view .member-wallet b{font-size:10px!important;font-weight:900!important}
body.home-view .member-item-summary{font-size:9px!important;font-weight:700!important;line-height:1.55!important}
body.home-view .home-gift-rank-head h3{font-size:16px!important;font-weight:950!important}
body.home-view .home-gift-rank-head small{font-size:10px!important;color:#778694!important}
body.home-view .home-gift-rank-head nav button{font-size:11px!important;font-weight:750!important}
body.home-view .home-gift-rank-member>b{font-size:12px!important;font-weight:950!important}
body.home-view .home-gift-rank-member>small{font-size:9px!important;color:#778694!important}
body.home-view .home-gift-rank-score>b{font-size:11px!important}
body.home-view .room-rank-card>.card-title h3{font-size:10px!important;font-weight:950!important}
body.home-view .room-rank-card>.card-title span,
body.home-view .room-rank-card .room-profile-name,
body.home-view .room-rank-card .room-realtime-score{font-size:9px!important;font-weight:850!important}
body.home-view .room-rank-card .sidebar-lobby-open-btn{font-size:9px!important;font-weight:900!important}
body.home-view .chat-card .card-title h3{font-size:13px!important;font-weight:950!important}
body.home-view .chat-card .card-title span{font-size:10px!important;font-weight:850!important}
body.home-view .chat-card .mini-chat{font-size:12px!important;font-weight:650!important;line-height:1.55!important}
body.home-view .chat-card .chat-compose input{font-size:13px!important;font-weight:650!important}
body.home-view .chat-card .chat-compose button{font-size:14px!important;font-weight:900!important}
@media(max-width:850px){
 body.home-view .card-title h3{font-size:12px!important}
 body.home-view .chat-card .mini-chat{font-size:11px!important}
 body.home-view .login-card input{font-size:14px!important}
}
@media(min-width:1181px) and (max-width:1500px){
 html body:not(.member-room-split-open) .shell{
  grid-template-columns:minmax(570px,610px) minmax(480px,1fr) minmax(150px,190px)!important
 }
}
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:130px 150px minmax(0,1fr)!important;
  grid-template-rows:310px 640px!important;
  column-gap:6px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card,
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:286px!important;min-width:286px!important;max-width:286px!important;
  height:310px!important;min-height:310px!important;max-height:310px!important;
  box-sizing:border-box!important
 }
 html body:not(.member-room-split-open) .home-gift-rank-head h3{font-size:16px!important;font-weight:950!important}
 html body:not(.member-room-split-open) .home-gift-rank-head small{font-size:10px!important;color:#778694!important}
 html body:not(.member-room-split-open) .home-gift-rank-head nav button{font-size:11px!important;font-weight:750!important}
 html body:not(.member-room-split-open) .home-gift-rank-member>b{font-size:12px!important;font-weight:950!important}
 html body:not(.member-room-split-open) .home-gift-rank-member>small{font-size:9px!important;color:#778694!important}
 html body:not(.member-room-split-open) .home-gift-rank-score>b{font-size:11px!important}
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:310px!important;min-height:310px!important;max-height:310px!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card input{
  min-height:44px!important;height:44px!important;
  font-size:14px!important;line-height:22px!important
 }
 html body:not(.member-room-split-open) .leftcol>.login-card .wide{
  min-height:42px!important;font-size:13px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:130px!important;min-width:130px!important;max-width:130px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important
 }
}

/* v4002 최종 우선순위: 로그인 입력 글씨 확대 */
@media(min-width:1181px){
 html body.home-view:not(.member-room-split-open) .leftcol>.login-card input{
  font-size:15px!important;font-weight:650!important
 }
 html body.home-view:not(.member-room-split-open) .leftcol>.login-card input::placeholder{
  font-size:14px!important;font-weight:600!important
 }
 html body.home-view:not(.member-room-split-open) .leftcol>.login-card .wide{
  font-size:14px!important;font-weight:850!important
 }
}

/* ===== v4004 회원정보 글자 확대·홈 전체 랜덤볼 중계·최근 결과 잘림 방지 ===== */
.broadcast-nav-dropdown>.topnav-dropdown-menu{width:210px!important}
.broadcast-nav-dropdown>.topnav-dropdown-menu button{font-size:13px!important;font-weight:900!important}

.home-random-live{
 width:100%;min-width:0;overflow:hidden;border:0;border-radius:0;
 background:transparent;box-shadow:none;container-type:inline-size
}
.home-random-live-title{margin:0 0 9px!important}
.home-broadcast-tabs{margin-bottom:8px!important}
.home-random-live-head{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 min-height:58px;padding:10px 14px;border-bottom:1px solid #965826;
 background:linear-gradient(180deg,#7b421d,#5a2c12);color:#fff
}
.home-random-live-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.home-random-live-head span{padding:4px 7px;border-radius:999px;background:#f2483f;font-size:9px;font-weight:950;white-space:nowrap}
.home-random-live-head h2{margin:0;font-size:18px;font-weight:950;letter-spacing:-.35px;white-space:nowrap}
.home-random-live-head small{color:#e8c7a2;font-size:9px;font-weight:700;line-height:1.4}
.home-random-live-head button{
 flex:none;border:1px solid #d9952b;border-radius:999px;background:#2c1408;color:#ffd169;
 padding:9px 13px;font-size:10px;font-weight:950;cursor:pointer
}
.home-random-live-head button:hover{background:#43200c;color:#fff0a9}
.home-random-live .home-live-broadcast-card,.home-random-live .studio-stage-wrap{width:100%!important;max-width:100%!important;overflow:visible!important}
.home-random-live .studio-broadcast-stage{padding:14px 12px 16px!important;border-radius:0!important}
.home-random-live .studio-title{width:min(100%,920px)!important;min-height:82px!important;margin:0 auto 10px!important}
.home-random-live .studio-title strong{font-size:32px!important}
.home-random-live .studio-frame{grid-template-columns:minmax(140px,160px) minmax(0,1fr) minmax(200px,220px)!important;gap:10px!important;padding:15px 14px 14px!important;border-width:8px!important;border-radius:25px!important}
.home-random-live .studio-brand-panel{display:flex!important;min-height:640px!important}
.home-random-live .studio-recent{display:block!important;min-height:640px!important}
.home-random-live .studio-center{width:100%!important;max-width:100%!important;min-height:640px!important;padding:14px 12px 13px!important}
.home-random-live .random-analysis-menu,.home-random-live .road-result-card{margin-top:8px!important}

/* 최근 결과의 여섯 번째 공까지 패널 안에 온전히 표시 */
.studio-recent-row{padding-inline:7px!important}
.studio-mini-balls{width:100%!important;gap:3px!important;overflow:visible!important}
.studio-mini-balls>span{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:8px!important}
.studio-mini-balls>i{height:22px!important;margin:0 1px!important;flex:0 0 1px!important}

@media(min-width:1181px){
 html body.home-view:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:150px 174px minmax(0,1fr)!important;
  grid-template-rows:330px 640px!important;column-gap:6px!important
 }
 html body.home-view:not(.member-room-split-open) .shell .leftcol>.login-card,
 html body.home-view:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:330px!important;min-width:330px!important;max-width:330px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important;
  padding:13px 12px!important;overflow:visible!important
 }
 html body.home-view:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body.home-view:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:150px!important;min-width:150px!important;max-width:150px!important
 }
 html body.home-view:not(.member-room-split-open) .shell .leftcol>.chat-card{grid-column:2 / span 2!important;grid-row:2!important}
 html body.home-view .member-info-head{min-height:70px!important;padding:12px 10px 10px!important;gap:12px!important}
 html body.home-view .member-info-avatar{width:64px!important;height:64px!important;min-width:64px!important}
 html body.home-view .member-info-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
 html body.home-view .member-info-name b{font-size:17px!important;line-height:1.35!important}
 html body.home-view .member-info-tabs button{min-height:38px!important;font-size:13px!important;font-weight:850!important}
 html body.home-view .member-wallet-row{min-height:42px!important}
 html body.home-view .member-wallet b{font-size:13px!important}
 html body.home-view .member-item-summary{min-height:48px!important;font-size:12px!important;font-weight:800!important;line-height:1.55!important}
 html body.home-view .member-info-actions button{min-height:34px!important;font-size:12px!important;font-weight:800!important}
 html body.home-view .login-card.member-info-card .member-my-room-button{min-height:42px!important;height:42px!important;font-size:13px!important}
}

@media(max-width:850px){
 .broadcast-nav-dropdown>.topnav-dropdown-menu{width:auto!important}
 .home-random-live .studio-broadcast-stage{padding:5px!important}
 .home-random-live .studio-title{min-height:52px!important}
 .home-random-live .studio-title strong{font-size:18px!important}
 .home-random-live .studio-frame{grid-template-columns:minmax(0,1fr)!important;padding:7px 5px!important;border-width:5px!important}
 .home-random-live .studio-brand-panel{display:none!important}
 .home-random-live .studio-recent{min-height:0!important}
 .home-random-live .studio-recent-list{display:grid!important;grid-template-columns:1fr!important}
 .home-random-live .studio-center{min-height:525px!important;padding:9px 5px!important}
 .member-info-card .member-info-name small{display:none!important}
}

/* ===== v4005 모든 PC 메뉴 회원 프로필·쌀 선물 TOP3 크기 고정 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:150px 174px minmax(0,1fr)!important;
  grid-template-rows:330px 640px!important;
  column-gap:6px!important;row-gap:8px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card,
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;
  width:330px!important;min-width:330px!important;max-width:330px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important;
  padding:13px 12px!important;overflow:visible!important;box-sizing:border-box!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:330px!important;min-height:330px!important;max-height:330px!important;
  box-sizing:border-box!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;
  width:150px!important;min-width:150px!important;max-width:150px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important
 }
 html body:not(.member-room-split-open) .member-info-head{
  min-height:70px!important;padding:12px 10px 10px!important;gap:12px!important
 }
 html body:not(.member-room-split-open) .member-info-avatar{
  width:64px!important;height:64px!important;min-width:64px!important
 }
 html body:not(.member-room-split-open) .member-info-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important
 }
 html body:not(.member-room-split-open) .member-info-name b{font-size:17px!important;line-height:1.35!important}
 html body:not(.member-room-split-open) .member-info-tabs button{min-height:38px!important;font-size:13px!important;font-weight:850!important}
 html body:not(.member-room-split-open) .member-wallet-row{min-height:42px!important}
 html body:not(.member-room-split-open) .member-wallet b{font-size:13px!important}
 html body:not(.member-room-split-open) .member-item-summary{min-height:48px!important;font-size:12px!important;font-weight:800!important;line-height:1.55!important}
 html body:not(.member-room-split-open) .member-info-actions button{min-height:34px!important;font-size:12px!important;font-weight:800!important}
html body:not(.member-room-split-open) .login-card.member-info-card .member-my-room-button{
  min-height:42px!important;height:42px!important;font-size:13px!important
 }
}

/* ===== v4006 프로필 대폭 확대·패밀리 예약 공간·홈 중계 확대 대응 ===== */
.member-family-slot{
 display:block;flex:0 0 108px;width:108px;height:78px;margin-left:auto;
 background:transparent;border:0;box-shadow:none;pointer-events:none
}

@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:166px 188px minmax(0,1fr)!important;
  grid-template-rows:360px 640px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card,
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;
  width:360px!important;min-width:360px!important;max-width:360px!important;
  height:360px!important;min-height:360px!important;max-height:360px!important;
  padding:10px 12px 12px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;height:360px!important;min-height:360px!important;max-height:360px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  width:166px!important;min-width:166px!important;max-width:166px!important
 }
 html body:not(.member-room-split-open) .member-info-head{
  min-height:94px!important;padding:8px 8px 9px!important;gap:11px!important;box-sizing:border-box!important
 }
 html body:not(.member-room-split-open) .member-info-avatar{
  width:82px!important;height:82px!important;min-width:82px!important;font-size:32px!important;border-width:2px!important
 }
 html body:not(.member-room-split-open) .member-info-name{flex:0 1 auto!important;min-width:58px!important}
 html body:not(.member-room-split-open) .member-info-name b{
  font-size:20px!important;line-height:1.3!important;font-weight:950!important;letter-spacing:-.25px!important
 }
 html body:not(.member-room-split-open) .member-family-slot{
  display:block!important;flex:0 0 108px!important;width:108px!important;height:78px!important
 }
 html body:not(.member-room-split-open) .member-info-tabs button{
  min-height:42px!important;padding:9px 4px!important;font-size:15px!important;font-weight:900!important
 }
 html body:not(.member-room-split-open) .member-wallet-row{
  min-height:45px!important;padding:8px 7px!important;box-sizing:border-box!important
 }
 html body:not(.member-room-split-open) .member-wallet i{
  width:24px!important;height:24px!important;font-size:11px!important
 }
 html body:not(.member-room-split-open) .member-wallet b{font-size:15px!important;font-weight:950!important}
 html body:not(.member-room-split-open) .member-item-summary{
  min-height:54px!important;padding:6px 7px 7px!important;font-size:13px!important;font-weight:850!important;line-height:1.55!important
 }
 html body:not(.member-room-split-open) .member-info-actions button{
  min-height:36px!important;padding:8px 3px!important;font-size:13px!important;font-weight:850!important
 }
 html body:not(.member-room-split-open) .login-card.member-info-card .member-my-room-button{
  min-height:46px!important;height:46px!important;font-size:15px!important;font-weight:950!important
 }
}

/* 브라우저 확대 시 중계 카드의 실제 가용 폭을 기준으로 안전하게 재배치합니다. */
@container (max-width:940px){
 .home-random-live .studio-broadcast-stage{padding:9px 7px 12px!important;overflow:hidden!important}
 .home-random-live .studio-title{width:100%!important;min-height:64px!important;padding:7px 20px!important}
 .home-random-live .studio-title strong{font-size:clamp(21px,4cqi,28px)!important;text-align:center!important;white-space:normal!important}
 .home-random-live .studio-frame{
  grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
  padding:10px 8px!important;border-width:6px!important;border-radius:20px!important
 }
 .home-random-live .studio-brand-panel{display:none!important}
 .home-random-live .studio-center{width:100%!important;min-height:585px!important;padding:11px 8px!important;overflow:hidden!important}
 .home-random-live .studio-recent{display:block!important;width:100%!important;min-height:0!important;padding:9px!important}
 .home-random-live .studio-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .home-random-live .studio-recent-row{min-width:0!important;min-height:72px!important}
}

@container (max-width:620px){
 .home-random-live .studio-title{min-height:54px!important}
 .home-random-live .studio-title strong{font-size:19px!important}
 .home-random-live .studio-center{min-height:535px!important;padding:9px 5px!important}
 .home-random-live .studio-recent-list{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:850px){
 .member-family-slot{display:none!important}
}

/* ===== v4007 프로필 이전 크기·내부 글자 확대 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  grid-template-columns:150px 174px minmax(0,1fr)!important;
  grid-template-rows:330px 640px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card,
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;
  width:330px!important;min-width:330px!important;max-width:330px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important;
  padding:8px 10px 10px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>section.card.home-gift-rank-card{
  display:flex!important;flex-direction:column!important;align-self:stretch!important;
  height:330px!important;min-height:330px!important;max-height:330px!important;
  background:#fff!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>section.card.home-gift-rank-card .home-gift-rank-head{
  flex:0 0 64px!important;min-height:64px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>section.card.home-gift-rank-card .home-gift-rank-list{
  flex:0 0 174px!important;height:174px!important;max-height:174px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  width:150px!important;min-width:150px!important;max-width:150px!important
 }
 html body:not(.member-room-split-open) .member-info-head{
  min-height:72px!important;padding:5px 7px 6px!important;gap:10px!important
 }
 html body:not(.member-room-split-open) .member-info-avatar{
  width:64px!important;height:64px!important;min-width:64px!important;font-size:27px!important;border-width:2px!important
 }
 html body:not(.member-room-split-open) .member-info-name{min-width:62px!important}
 html body:not(.member-room-split-open) .member-info-name b{
  color:#102f4c!important;font-size:18px!important;line-height:1.3!important;
  font-weight:950!important;letter-spacing:-.2px!important;text-rendering:optimizeLegibility!important
 }
 html body:not(.member-room-split-open) .member-family-slot{
  flex:0 0 88px!important;width:88px!important;height:58px!important
 }
 html body:not(.member-room-split-open) .member-info-tabs button{
  min-height:40px!important;padding:8px 3px!important;color:#213f5a!important;
  font-size:14px!important;line-height:1.25!important;font-weight:950!important;
  text-rendering:optimizeLegibility!important
 }
 html body:not(.member-room-split-open) .member-wallet-row{
  min-height:42px!important;padding:7px 6px!important;gap:3px!important
 }
 html body:not(.member-room-split-open) .member-wallet i{
  width:22px!important;height:22px!important;font-size:11px!important;font-weight:950!important
 }
 html body:not(.member-room-split-open) .member-wallet b{
  color:#173b59!important;font-size:14px!important;line-height:1.2!important;font-weight:950!important;
  text-rendering:optimizeLegibility!important
 }
 html body:not(.member-room-split-open) .member-item-summary{
  min-height:50px!important;padding:5px 6px 6px!important;color:#173b59!important;
  font-size:12.5px!important;line-height:1.5!important;font-weight:900!important;
  text-rendering:optimizeLegibility!important
 }
 html body:not(.member-room-split-open) .member-info-actions button{
  min-height:34px!important;padding:7px 2px!important;color:#284760!important;
  font-size:12.5px!important;line-height:1.25!important;font-weight:900!important;
  text-rendering:optimizeLegibility!important
 }
 html body:not(.member-room-split-open) .login-card.member-info-card .member-my-room-button{
  min-height:42px!important;height:42px!important;font-size:14px!important;font-weight:950!important
 }
}

/* ===== v4008 회원정보 핵심 글자 강제 확대 =====
   마지막 규칙으로 배치해 화면별 레이아웃 규칙에도 실제 표시 글자가 유지된다. */
html body .login-card.member-info-card .member-info-name b{
 color:#102f4c!important;font-size:21px!important;line-height:1.35!important;
 font-weight:950!important;letter-spacing:-.25px!important;text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-info-tabs button{
 min-height:42px!important;padding:8px 4px!important;color:#1d405e!important;
 font-size:16px!important;line-height:1.3!important;font-weight:950!important;
 text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-wallet-row{
 min-height:44px!important;padding:7px 7px!important;gap:4px!important
}
html body .login-card.member-info-card .member-wallet i{
 width:24px!important;height:24px!important;font-size:12px!important;font-weight:950!important
}
html body .login-card.member-info-card .member-wallet b{
 color:#173b59!important;font-size:15px!important;line-height:1.25!important;font-weight:950!important;
 text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-item-summary{
 color:#173b59!important;font-size:14px!important;line-height:1.55!important;font-weight:900!important;
 text-rendering:optimizeLegibility!important
}
html body .login-card.member-info-card .member-info-actions button{
 min-height:36px!important;padding:7px 3px!important;color:#244861!important;
 font-size:14px!important;line-height:1.3!important;font-weight:950!important;
 text-rendering:optimizeLegibility!important
}
@media(max-width:850px){
 html body .login-card.member-info-card .member-info-name b{font-size:19px!important}
 html body .login-card.member-info-card .member-info-tabs button{font-size:15px!important}
 html body .login-card.member-info-card .member-wallet b{font-size:14px!important}
 html body .login-card.member-info-card .member-item-summary{font-size:13px!important}
 html body .login-card.member-info-card .member-info-actions button{font-size:13px!important}
}

/* ===== v4011 최종 적용: 회원정보 가독성·랭킹 대기실 컴팩트 ===== */
/* 파일의 최하단에 두어 이전 화면별 규칙보다 항상 우선한다. */
html body .login-card.member-info-card .member-info-name b{color:#0b2d4c!important;font-size:23px!important;line-height:1.28!important;font-weight:1000!important;letter-spacing:-.35px!important;text-rendering:optimizeLegibility!important}
html body .login-card.member-info-card .member-info-tabs button{color:#173d5e!important;font-size:17px!important;line-height:1.25!important;font-weight:1000!important;letter-spacing:-.3px!important;text-rendering:optimizeLegibility!important}
html body .login-card.member-info-card .member-wallet b{color:#123957!important;font-size:16px!important;line-height:1.2!important;font-weight:1000!important;letter-spacing:-.2px!important;text-rendering:optimizeLegibility!important}
html body .login-card.member-info-card .member-item-summary{color:#123957!important;font-size:15px!important;line-height:1.48!important;font-weight:950!important;letter-spacing:-.25px!important;text-rendering:optimizeLegibility!important}
html body .login-card.member-info-card .member-info-actions button{color:#153d5c!important;font-size:15px!important;line-height:1.25!important;font-weight:1000!important;letter-spacing:-.3px!important;text-rendering:optimizeLegibility!important}

/* ===== v4012 회원정보 대폭 확대·대기실 버튼 잘림 방지 ===== */
html body .login-card.member-info-card .member-info-name b{font-size:27px!important;line-height:1.22!important;font-weight:1000!important}
html body .login-card.member-info-card .member-info-tabs button{font-size:20px!important;line-height:1.22!important;font-weight:1000!important}
html body .login-card.member-info-card .member-wallet b{font-size:19px!important;line-height:1.18!important;font-weight:1000!important}
html body .login-card.member-info-card .member-item-summary{font-size:17px!important;line-height:1.4!important;font-weight:1000!important}
html body .login-card.member-info-card .member-info-actions button{font-size:17px!important;line-height:1.22!important;font-weight:1000!important}
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{grid-template-columns:132px 174px minmax(0,1fr)!important}
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{margin-left:24px!important;width:calc(100% - 24px)!important}
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{grid-column:2 / span 2!important;width:100%!important;min-width:0!important;max-width:none!important}
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{width:132px!important;min-width:132px!important;max-width:132px!important;padding:6px 0!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{width:100%!important;min-width:0!important;padding:5px 0!important;overflow:visible!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{display:block!important;box-sizing:border-box!important;width:108px!important;max-width:108px!important;min-height:34px!important;padding:0 4px!important;margin:0 auto!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{gap:4px!important;padding:6px 0 10px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{width:86px!important;min-width:86px!important;max-width:86px!important;height:94px!important;min-height:94px!important;padding:15px 2px 4px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{width:62px!important;height:62px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{font-size:7px!important;line-height:1.05!important}
}

/* ===== v4021 프로필 칸 채움: 중계화면과 동일한 두께·잘림 방지 =====
   화면별 기존 규칙보다 늦게 선언하여 PC·모바일 모두 아래 수치를 정확히 적용한다. */
html body .member-info-card .member-info-head{position:relative!important;min-height:86px!important;padding:10px 12px!important}
html body .member-info-card .member-info-name > b{color:#082b4b!important;font-size:22px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.35px!important}
html body .member-info-card .member-info-tabs > button{min-height:48px!important;padding:7px 4px!important;color:#082e50!important;font-family:inherit!important;font-size:18px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.3px!important}
html body .member-info-card .member-wallet-row{min-height:46px!important}
html body .member-info-card .member-wallet-row .member-wallet > i{width:25px!important;height:25px!important;font-size:13px!important;line-height:25px!important;font-weight:900!important}
html body .member-info-card .member-wallet-row .member-wallet > b{color:#082e50!important;font-family:inherit!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.1px!important}
html body .member-info-card .member-item-summary{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:66px!important;padding:6px 3px!important}
html body .member-info-card .member-item-summary .member-summary-line{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}
html body .member-info-card .member-item-summary .member-summary-line,
html body .member-info-card .member-item-summary .member-summary-line > span,
html body .member-info-card .member-item-summary .member-summary-line > button{color:#082e50!important;font-family:inherit!important;font-size:16px!important;line-height:1.25!important;font-weight:850!important;letter-spacing:-.25px!important}
html body .member-info-card .member-info-actions{display:none!important}
html body .member-info-card .member-header-logout{position:absolute!important;right:10px!important;top:10px!important;min-height:34px!important;padding:6px 10px!important;border:1px solid #bad0e3!important;border-radius:8px!important;background:#f8fbff!important;color:#174a73!important;font-family:inherit!important;font-size:15px!important;line-height:1.1!important;font-weight:850!important;cursor:pointer!important}
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{height:390px!important;min-height:390px!important;max-height:390px!important}
}

/* v4021 홈도 중계화면과 동일한 정보 밀도·글자 두께로 고정 */
html body.home-view .member-info-card,
html body.home-view .home-gift-rank-card,
html body.home-view .room-rank-card,
html body.home-view .chat-card{font-weight:600!important}
html body.home-view .home-gift-rank-head h3,
html body.home-view .chat-card .card-title h3{font-size:16px!important;font-weight:750!important}
html body.home-view .home-gift-rank-head small,
html body.home-view .home-gift-rank-head nav button{font-size:10px!important;font-weight:650!important}
html body.home-view .home-gift-rank-member>b{font-size:13px!important;font-weight:750!important}
html body.home-view .home-gift-rank-member>small{font-size:10px!important;font-weight:600!important}
html body.home-view .home-gift-rank-score>b{font-size:12px!important;font-weight:750!important}
html body.home-view .room-rank-card>.card-title h3{font-size:11px!important;font-weight:700!important}
html body.home-view .room-rank-card>.card-title span,
html body.home-view .room-rank-card .room-profile-name,
html body.home-view .room-rank-card .room-realtime-score{font-size:10px!important;font-weight:700!important}
html body.home-view .room-rank-card .sidebar-lobby-open-btn{font-size:10px!important;font-weight:750!important}
html body.home-view .chat-card .card-title span{font-size:10px!important;font-weight:700!important}
html body.home-view .chat-card .mini-chat{font-size:12px!important;font-weight:550!important;line-height:1.5!important}
html body.home-view .chat-card .chat-compose input{font-size:13px!important;font-weight:600!important}
html body.home-view .chat-card .chat-compose button{font-size:13px!important;font-weight:750!important}

/* ===== v4022 홈·중계 공통: 중계 제목/탭 제거 후 방송을 최상단에 배치 ===== */
html body .broadcast-stage-first{margin-top:0!important;padding-top:0!important}
html body .broadcast-stage-first .self-broadcast-card{margin-top:0!important}
@media(min-width:851px){
 html body .topbar{display:grid!important;grid-template-columns:220px minmax(0,1fr) 220px!important;align-items:center!important;gap:0!important;padding:0 22px!important}
 html body .topbar .brand{justify-self:start!important}
 html body .topbar .topnav{justify-content:center!important;align-items:center!important;overflow:visible!important}
 html body .topbar .header-realtime-clock{justify-self:center!important;text-align:center!important}
}

/* ===== v4024 실시간 채팅방 랭킹 1~10위 세로 배치 =====
   대기실과 각 방 카드를 같은 높이로 맞춰, 실시간 채팅 바로 왼쪽에서
   1위부터 10위까지 한 줄씩 확인할 수 있게 한다. */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  padding:7px 6px!important;box-sizing:border-box!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.card-title{
  flex:0 0 auto!important;margin:0 0 5px!important;min-height:22px!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{
  display:block!important;flex:0 0 auto!important;width:100%!important;
  padding:0!important;margin:0 0 5px!important;overflow:visible!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links #goCurrentRoomQuick{display:none!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:1px!important;width:100%!important;max-width:none!important;height:48px!important;min-height:48px!important;
  margin:0!important;padding:3px!important;border:1px solid #0c6eb8!important;border-radius:9px!important;
  background:linear-gradient(180deg,#229de9,#087bc8)!important;box-shadow:0 3px 8px rgba(6,91,155,.22)!important;
  color:#fff!important;font-size:11px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.2px!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn strong{
  color:#fff!important;font:inherit!important;font-size:12px!important;font-weight:1000!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;
  gap:4px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0 1px 2px!important;
  overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:grid!important;grid-template-columns:23px 38px minmax(0,1fr)!important;grid-template-rows:1fr!important;
  align-items:center!important;column-gap:4px!important;position:relative!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;
  margin:0!important;padding:3px!important;border:1px solid #d0dfeb!important;border-radius:8px!important;
  background:#fff!important;box-shadow:0 1px 3px rgba(30,67,101,.12)!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  display:grid!important;place-items:center!important;width:22px!important;height:22px!important;margin:0!important;
  border-radius:6px!important;background:#386b97!important;color:#fff!important;font-size:9px!important;line-height:1!important;font-weight:1000!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-1 .room-rank-position{background:#f0ab00!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2 .room-rank-position{background:#74879b!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3 .room-rank-position{background:#ad734d!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  display:block!important;width:38px!important;height:38px!important;margin:0!important;border-radius:7px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name{
  display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#123d60!important;font-size:10px!important;line-height:1.1!important;font-weight:900!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
  display:none!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-lock{
  position:absolute!important;right:3px!important;bottom:2px!important;font-size:8px!important;line-height:1!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-1::before,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-1::after,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2::before,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2::after,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3::before,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3::after{display:none!important;animation:none!important}
}

/* v4025 우선 규칙: 상단 현재 시간은 로고와 메뉴 사이에 고정한다. */
@media(min-width:1181px){
 html body .topbar{grid-template-columns:220px 360px minmax(0,1fr)!important}
 html body .topbar .brand{grid-column:1!important}
 html body .topbar .header-realtime-clock{
  grid-column:2!important;grid-row:1!important;justify-self:stretch!important;
  width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;
  grid-template-columns:minmax(0,1fr) 92px!important;grid-template-rows:18px 25px!important;
  column-gap:9px!important;padding:4px 14px!important;border-left:0!important;border-right:0!important;
  background:transparent!important;text-align:center!important
 }
 html body .topbar .header-realtime-clock>span{width:auto!important;text-align:center!important}
 html body .topbar .header-realtime-clock>b{width:auto!important;justify-self:end!important;text-align:right!important}
 html body .topbar .header-realtime-clock>strong{min-width:92px!important;justify-self:start!important}
 html body .topbar .topnav{grid-column:3!important;grid-row:1!important;justify-self:stretch!important;justify-content:center!important}
}

/* ===== v4026 실시간 채팅방 랭킹 이전 카드형 복구 =====
   v4024의 10위 압축 목록을 취소하고, 기존의 큰 프로필 카드와 가로형 대기실 버튼으로 되돌린다. */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  display:block!important;padding:6px 0!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.card-title{
  margin:0!important;min-height:0!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{
  display:block!important;width:100%!important;padding:5px 0!important;margin:0!important;overflow:visible!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:block!important;width:108px!important;max-width:108px!important;height:auto!important;min-height:34px!important;
  margin:0 auto!important;padding:0 4px!important;border-radius:6px!important;white-space:nowrap!important;
  background:linear-gradient(180deg,#1598e6,#0878c7)!important;color:#fff!important;font-size:10px!important;line-height:34px!important;font-weight:900!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn span,
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn strong{
  display:inline!important;color:inherit!important;font:inherit!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  gap:4px!important;width:100%!important;min-height:0!important;margin:0!important;padding:6px 0 10px!important;
  overflow-x:hidden!important;overflow-y:auto!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  position:relative!important;width:86px!important;min-width:86px!important;max-width:86px!important;
  height:94px!important;min-height:94px!important;margin:0 auto!important;padding:15px 2px 4px!important;
  border-radius:7px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  display:block!important;position:absolute!important;left:4px!important;top:4px!important;width:auto!important;height:auto!important;
  margin:0!important;padding:2px 4px!important;border-radius:5px!important;background:#536a7d!important;color:#fff!important;font-size:8px!important;line-height:1!important;font-weight:900!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  display:block!important;width:62px!important;height:62px!important;margin:0!important;border-radius:5px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{
  display:block!important;font-size:7px!important;line-height:1.05!important;font-weight:800!important
 }
}

/* ===== v4027 상단 시간과 메뉴 사이 여백 제거 ===== */
@media(min-width:1181px){
 html body .topbar{grid-template-columns:220px 250px max-content!important}
 html body .topbar .header-realtime-clock{
  grid-template-columns:minmax(0,1fr) 82px!important;padding:4px 4px!important;column-gap:6px!important
 }
 html body .topbar .header-realtime-clock>strong{min-width:82px!important}
 html body .topbar .topnav{justify-self:start!important;justify-content:flex-start!important}
}

/* ===== v4028 1·2·3위 금·은·동 카드와 반짝임 유지 ===== */
@media(min-width:1181px){
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-1{
  background:linear-gradient(145deg,#fff8c8 0%,#f4cd4d 58%,#d7a51c 100%)!important;border-color:#d5a91f!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-2{
  background:linear-gradient(145deg,#fbfdff 0%,#d4dbe2 58%,#aab4bf 100%)!important;border-color:#aab4be!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank-3{
  background:linear-gradient(145deg,#f8dfcd 0%,#c98a5d 58%,#a9633d 100%)!important;border-color:#a96942!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-1::before,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2::before,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3::before{
  display:block!important;animation:roomMedalLightSweep 3.2s ease-in-out infinite!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2::before{animation-delay:.45s!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3::before{animation-delay:.9s!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-1::after,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2::after,
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3::after{
  display:block!important;animation:roomMedalTwinkle 1.35s ease-in-out infinite!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-2::after{animation-delay:.35s!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank-3::after{animation-delay:.7s!important}
}

/* ===== v4029 final: 공통 사이드바·10위 랭킹·중계 글꼴 통일 ===== */
html body,
html body button,
html body input,
html body select,
html body textarea{
 font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;
 font-synthesis:none!important;text-rendering:optimizeLegibility!important
}
@media(min-width:1181px){
 html body:not(.member-room-split-open) .shell .leftcol{
  display:grid!important;grid-template-columns:150px 174px minmax(0,1fr)!important;
  grid-template-rows:330px 640px!important;column-gap:8px!important;row-gap:8px!important;align-items:stretch!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.login-card.member-info-card{
  grid-column:1 / span 2!important;grid-row:1!important;width:332px!important;min-width:332px!important;max-width:332px!important;
  height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.home-gift-rank-card{
  grid-column:3!important;grid-row:1!important;width:100%!important;height:330px!important;min-height:330px!important;max-height:330px!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.room-rank-card{
  grid-column:1!important;grid-row:2!important;width:150px!important;min-width:150px!important;max-width:150px!important;
  height:640px!important;min-height:640px!important;max-height:640px!important;display:flex!important;flex-direction:column!important;
  padding:7px 6px!important;box-sizing:border-box!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .shell .leftcol>.chat-card{
  grid-column:2 / span 2!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:640px!important;min-height:640px!important;max-height:640px!important
 }
 html body:not(.member-room-split-open) .room-rank-card>.card-title{flex:0 0 auto!important;margin:0 0 5px!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links{flex:0 0 auto!important;margin:0 0 6px!important;padding:0!important}
 html body:not(.member-room-split-open) .room-rank-card>.room-quick-links .sidebar-lobby-open-btn{
  display:flex!important;width:100%!important;max-width:none!important;height:46px!important;min-height:46px!important;
  align-items:center!important;justify-content:center!important;margin:0!important;padding:3px!important;white-space:nowrap!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:5px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0 2px 4px!important;
  overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;scrollbar-width:thin!important;scrollbar-color:#7b9bb6 #edf4fa!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank{
  display:grid!important;grid-template-columns:22px 40px minmax(0,1fr)!important;align-items:center!important;column-gap:4px!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:52px!important;min-height:52px!important;
  margin:0!important;padding:4px!important;border-radius:8px!important;overflow:hidden!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-rank-position{
  display:grid!important;place-items:center!important;position:static!important;width:21px!important;height:21px!important;padding:0!important;font-size:9px!important;line-height:1!important
 }
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{width:40px!important;height:40px!important;border-radius:7px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-name{font-size:10px!important;line-height:1.15!important;font-weight:850!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-realtime-score{display:none!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList::-webkit-scrollbar{width:7px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList::-webkit-scrollbar-thumb{background:#7b9bb6!important;border-radius:9px!important}
 html body:not(.member-room-split-open) .room-rank-card #roomRankList::-webkit-scrollbar-track{background:#edf4fa!important;border-radius:9px!important}
}

/* 실시간 채팅방 랭킹: 프로필 확대 */
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank{
  grid-template-columns:108px minmax(0,1fr) !important;
  min-height:118px !important;
  gap:10px !important;
  padding:8px !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb{
  width:100px !important;
  height:100px !important;
  min-width:100px !important;
  border-radius:10px !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* 실시간 채팅방 랭킹: 사진의 초록색 표시 크기 */
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank{
  grid-template-columns:92px minmax(0,1fr) !important;
  min-height:108px !important;
  gap:8px !important;
  padding:6px !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb{
  width:88px !important;
  height:80px !important;
  min-width:88px !important;
  border-radius:8px !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* 실시간 채팅방 랭킹: 프로필 이미지 실제 확대 */
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank{
  width:132px !important;
  max-width:132px !important;
  min-height:110px !important;
  box-sizing:border-box !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-shortcut,
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb{
  width:96px !important;
  height:84px !important;
  min-width:96px !important;
  min-height:84px !important;
  max-width:none !important;
  max-height:none !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-shortcut img,
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
}

/* 실시간 채팅방 랭킹: 초록색 표시 영역 크기로 고정 */
#roomRankList .room-profile-shortcut{
  width:154px !important;
  max-width:calc(100% - 8px) !important;
  height:110px !important;
  min-height:110px !important;
  margin:4px auto !important;
  padding:6px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#roomRankList .room-profile-shortcut .room-profile-thumb{
  width:100px !important;
  height:84px !important;
  min-width:100px !important;
  min-height:84px !important;
  max-width:none !important;
  max-height:none !important;
}
#roomRankList .room-profile-shortcut .room-profile-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* 실시간 채팅방 랭킹 카드: 부모 폭 제한 해제 */
.room-rank-card,
#roomRankList{
  overflow:visible !important;
}
#roomRankList{
  width:154px !important;
  max-width:none !important;
}
#roomRankList .room-profile-shortcut{
  width:154px !important;
  max-width:none !important;
  height:110px !important;
}


/* 홈 화면 글꼴·굵기 통일 */
html body.home-view,
html body.home-view *{
  font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;
  font-weight:700 !important;
}

/* 모든 회원 프로필: 정사각형 사진 */
html body .member-info-card .member-info-avatar{
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  min-height:72px !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
html body .member-info-card .member-info-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
}

/* 모든 회원 닉네임: 보라색 표시 영역 수준으로 확대 */
html body .member-info-card .member-info-name{
  min-width:120px !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
}
html body .member-info-card .member-info-name b{
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

/* 상단 메뉴 글꼴·굵기 통일 */
html body .topbar .topnav > button,
html body .topbar .topnav .topnav-main,
html body .topbar .topnav .topnav-toggle,
html body .topbar .topnav-dropdown-menu button{
  font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:800 !important;
}

/* 프로필 닉네임: 분홍색 표시 영역에 맞춤 */
html body .member-info-card .member-info-name{
  width:100px !important;
  min-width:100px !important;
  height:42px !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body .member-info-card .member-info-name b{
  font-size:26px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* 회원정보 상단: 사진 · 닉네임 · 로그아웃 한 줄 정렬 */
.member-info-card .member-info-head {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 82px !important;
}

.member-info-card .member-family-slot {
  display: none !important;
}

.member-info-card .member-info-name {
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.member-info-card .member-header-logout {
  margin: 0 !important;
  white-space: nowrap !important;
  justify-self: end !important;
}

/* 닉네임 바로 오른쪽에 로그아웃 배치 */
.member-info-card .member-info-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.member-info-card .member-info-avatar {
  flex: 0 0 72px !important;
  margin-right: 12px !important;
}

.member-info-card .member-info-name {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 170px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.member-info-card .member-header-logout {
  flex: 0 0 auto !important;
  margin: 0 0 0 8px !important;
  transform: none !important;
}

/* 로그아웃: 회원정보 카드 우측 상단 고정 */
.member-info-card {
  position: relative !important;
}

.member-info-card .member-info-head {
  position: static !important;
}

.member-info-card .member-header-logout {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 5 !important;
  margin: 0 !important;
}

/* 홈 쌀후원 TOP3: 카드 폭 확대 */
.home-gift-rank-card {
  width: calc(100% + 20px) !important;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* 주간·월간 TOP3: 닉네임 잘림 방지 */
#homeGiftTop5 .home-gift-rank-row {
  display: grid !important;
  grid-template-columns: 25px 44px minmax(100px, 1fr) 68px !important;
  column-gap: 6px !important;
  align-items: center !important;
}

#homeGiftTop5 .home-gift-rank-member {
  min-width: 100px !important;
  overflow: visible !important;
}

#homeGiftTop5 .home-gift-rank-member b {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#homeGiftTop5 .home-gift-rank-member small {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#homeGiftTop5 .home-gift-rank-score {
  min-width: 68px !important;
  white-space: nowrap !important;
}

/* TOP3 최종 고정: 폭 확대 + 주간/월간 닉네임 안 잘림 */
html body .shell .leftcol > section.card.home-gift-rank-card {
  width: calc(100% + 20px) !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body .shell .leftcol > section.card.home-gift-rank-card #homeGiftTop5 .home-gift-rank-row {
  display: grid !important;
  grid-template-columns: 25px 44px minmax(105px, 1fr) 70px !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body .shell .leftcol > section.card.home-gift-rank-card #homeGiftTop5 .home-gift-rank-member {
  min-width: 105px !important;
  overflow: visible !important;
}

html body .shell .leftcol > section.card.home-gift-rank-card #homeGiftTop5 .home-gift-rank-member > b {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body .shell .leftcol > section.card.home-gift-rank-card #homeGiftTop5 .home-gift-rank-member > small {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .shell .leftcol > section.card.home-gift-rank-card #homeGiftTop5 .home-gift-rank-score {
  min-width: 70px !important;
  white-space: nowrap !important;
}

/* 실시간 채팅방 랭킹 프로필 떨림 완전 제거 */
html body .room-rank-card #roomRankList,
html body .room-rank-card #roomRankList .room-profile-shortcut,
html body .room-rank-card #roomRankList .room-score-rank,
html body .room-rank-card #roomRankList .room-profile-thumb,
html body .room-rank-card #roomRankList .room-profile-thumb img,
html body .room-rank-card #roomRankList .room-rank-position {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

html body .room-rank-card #roomRankList .room-score-rank::before,
html body .room-rank-card #roomRankList .room-score-rank::after,
html body .room-rank-card #roomRankList .room-profile-shortcut::before,
html body .room-rank-card #roomRankList .room-profile-shortcut::after {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

html body .room-rank-card #roomRankList .room-profile-shortcut {
  will-change: auto !important;
  backface-visibility: hidden !important;
}

/* PC 상단 메뉴 중앙 정렬 + 홈 버튼 숨김 */
@media (min-width: 851px) {
  html body .topbar {
    position: relative !important;
  }

  html body .topbar > .topnav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  html body .topbar > .topnav > button[data-page="home"] {
    display: none !important;
  }
}

/* 비로그인 채팅방 랭킹 안내 */
.room-rank-private {
  min-height: 145px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 6px !important;
  padding: 12px !important;
}

.room-rank-private p {
  margin: 0 !important;
  font-size: 11px !important;
}

.room-rank-private .room-rank-login {
  min-width: 72px !important;
  margin-top: 3px !important;
}


/* ===== 20260816 최종 레이아웃 복구 ===== */

/* 회원 닉네임 표시 공간 */
html body .member-info-card .member-info-name {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 125px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html body .member-info-card .member-info-name > b {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}

/* 쌀후원TOP3 오른쪽 선을 실시간 채팅 오른쪽 선에 맞춤 */
@media (min-width: 851px) {
  html body .shell .leftcol > .home-gift-rank-card,
  html body .shell .leftcol > section.card.home-gift-rank-card {
    width: calc(100% + 32px) !important;
    min-width: calc(100% + 32px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 3 !important;
  }

  html body .home-gift-rank-card #homeGiftTop5 {
    width: 100% !important;
    overflow: hidden !important;
  }

  html body .home-gift-rank-card .home-gift-rank-row {
    grid-template-columns: 25px 44px minmax(112px, 1fr) 72px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body .home-gift-rank-card .home-gift-rank-member,
  html body .home-gift-rank-card .home-gift-rank-member > b {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* 실시간 채팅방 랭킹 프로필 큰 크기로 복구 */
html body:not(.member-room-split-open) .room-rank-card #roomRankList {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 5px 4px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  transform: none !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank {
  flex: 0 0 140px !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
  padding: 10px 5px 5px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb {
  display: block !important;
  width: 118px !important;
  height: 84px !important;
  min-width: 118px !important;
  min-height: 84px !important;
  max-width: 118px !important;
  max-height: 84px !important;
  margin: 0 auto !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html body .room-rank-card #roomRankList .room-realtime-score,
html body .room-rank-card #roomRankList .room-profile-name {
  display: none !important;
}

html body .room-rank-card #roomRankList *,
html body .room-rank-card #roomRankList *::before,
html body .room-rank-card #roomRankList *::after {
  transition: none !important;
  animation: none !important;
}

/* 실시간 채팅방 랭킹 프로필 오른쪽 잘림 방지 */
html body:not(.member-room-split-open) .room-rank-card {
  overflow: visible !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 5px 8px !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank {
  flex: 0 0 132px !important;
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  height: 108px !important;
  min-height: 108px !important;
  max-height: 108px !important;
  padding: 10px 4px 5px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
}

html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 실시간 채팅방 랭킹: 프로필 확대 */
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank{
  grid-template-columns:108px minmax(0,1fr) !important;
  min-height:118px !important;
  gap:10px !important;
  padding:8px !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb{
  width:100px !important;
  height:100px !important;
  min-width:100px !important;
  border-radius:10px !important;
}
html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* ===== 채팅방 랭킹 프로필: 고정 크기 / 잘림 / 떨림 방지 ===== */
@media (min-width: 851px) {
  html body:not(.member-room-split-open) .room-rank-card,
  html body:not(.member-room-split-open) .room-rank-card #roomRankList {
    overflow: visible !important;
  }

  html body:not(.member-room-split-open) .room-rank-card #roomRankList {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-profile-shortcut.room-score-rank {
    position: relative !important;
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    padding: 10px 4px 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 7px !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-score-rank .room-profile-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body:not(.member-room-split-open) .room-rank-card #roomRankList .room-rank-position {
    position: absolute !important;
    z-index: 100 !important;
    top: 2px !important;
    left: 3px !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
}

/* ===== 랭킹 프로필 좌측 영역에 꽉 채우기 ===== */
@media (min-width: 851px) {
  html body .room-rank-card {
    overflow: hidden !important;
  }

  html body .room-rank-card #roomRankList {
    display: flex !important;
    flex-flow: row nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px 7px !important;
    margin: 0 !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut.room-score-rank {
    position: relative !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    padding: 9px 4px 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut .room-profile-thumb {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    margin: 0 auto !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut .room-profile-thumb img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  html body .room-rank-card #roomRankList .room-rank-position {
    position: absolute !important;
    z-index: 100 !important;
    top: 2px !important;
    left: 3px !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    transform: none !important;
  }

  html body .room-rank-card #roomRankList .room-realtime-score,
  html body .room-rank-card #roomRankList .room-profile-name {
    display: none !important;
  }
}

/* ===== TOP3 완료 후 랭킹 프로필 오른쪽 선 확장 ===== */
@media (min-width: 851px) {
  html body .room-rank-card #roomRankList {
    width: calc(100% + 16px) !important;
    min-width: calc(100% + 16px) !important;
    max-width: none !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
    padding: 5px 4px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut.room-score-rank {
    position: relative !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    padding: 9px 4px 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut .room-profile-thumb {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut .room-profile-thumb img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html body .room-rank-card #roomRankList .room-rank-position {
    z-index: 100 !important;
    top: 2px !important;
    left: 3px !important;
  }
}

/* ===== 모바일 로그인창 전체 폭 확장 ===== */
@media (max-width: 850px) {
  html body .shell .leftcol > .login-card,
  html body .shell .leftcol > section.card.login-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    min-height: 270px !important;
    height: 270px !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
  }

  html body .login-card input,
  html body .login-card .wide,
  html body .login-card button.blue {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  html body .login-card .tiny-links {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ===== 모바일 실시간 채팅방 랭킹: 잘림 방지 + 좌우 슬라이드 ===== */
@media (max-width: 850px) {
  html body .room-rank-card,
  html body .room-rank-card #roomRankList {
    overflow: visible !important;
  }

  html body .room-rank-card #roomRankList {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 132px !important;
    min-height: 132px !important;
    padding: 7px 12px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body .room-rank-card #roomRankList::-webkit-scrollbar {
    display: none !important;
  }

  html body .room-rank-card #roomRankList > .room-profile-shortcut,
  html body .room-rank-card #roomRankList > .room-profile-shortcut.room-score-rank {
    position: relative !important;
    display: block !important;
    flex: 0 0 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    padding: 10px 5px 5px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
  }

  html body .room-rank-card #roomRankList .room-profile-thumb {
    display: block !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  html body .room-rank-card #roomRankList .room-profile-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body .room-rank-card #roomRankList .room-rank-position {
    position: absolute !important;
    z-index: 100 !important;
    top: 2px !important;
    left: 3px !important;
    right: auto !important;
    bottom: auto !important;
  }

  html body .mobile-room-rank-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-top: 4px !important;
  }

  html body .mobile-room-rank-nav button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* 채팅방 회차 결과 카드 */
.room-result-chat-card{padding:0!important;background:transparent!important;border:0!important}
.room-result-card-layout{display:flex;align-items:center;gap:13px;max-width:820px;padding:9px 12px;border:2px solid #55a9f6;border-radius:8px;background:#f7fcff;color:#073867;box-shadow:0 3px 9px rgba(30,112,180,.10)}
.room-result-card-result{display:flex;align-items:center;gap:8px;min-width:280px}
.room-result-card-flag{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:50%;background:#e3f3ff;font-size:15px}
.room-result-card-result>div>b,.room-result-card-picks>b{display:block;font-size:13px;white-space:nowrap}
.room-result-card-result>div>small{display:block;margin-top:2px;font-size:9px;color:#6e91ad}
.room-result-card-balls,.room-result-card-picks>div{display:flex;align-items:center;gap:5px}
.room-result-card-ball{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;color:#fff;font-size:12px;font-weight:900;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.22);box-shadow:inset 0 2px 2px rgba(255,255,255,.45),0 2px 3px rgba(0,0,0,.18)}
.room-result-card-ball.round{border-radius:50%}
.room-result-card-ball.square{border-radius:5px}
.room-result-card-ball.cool{background:linear-gradient(145deg,#35b7f4,#0874bf)}
.room-result-card-ball.warm{background:linear-gradient(145deg,#ff6f71,#d62231)}
.room-result-card-ball.green{background:linear-gradient(145deg,#40cf96,#078d61)}
.room-result-card-picks{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid #bdd8ed}
.room-result-card-pick{display:flex;align-items:center;gap:4px}
.room-result-card-pick small{font-size:11px;font-weight:800;color:#537897}
.room-result-card-empty{font-size:12px;color:#788fa2}
.room-result-card-status{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:7px;background:#e7f0f7;font-size:12px;white-space:nowrap}
.room-result-card-status strong{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#7896aa;color:#fff;font-size:17px;line-height:1}
.room-result-card-status.hit{background:#ddf8ea;color:#087544}
.room-result-card-status.hit strong{background:#16af65}
.room-result-card-status.miss{background:#ffe6e8;color:#c92331}
.room-result-card-status.miss strong{background:#dc2632}
@media(max-width:760px){
 .room-result-card-layout{gap:8px;flex-wrap:wrap;padding:8px}
 .room-result-card-result{min-width:0;width:100%}
 .room-result-card-picks{padding-left:0;border-left:0}
}

/* 채팅 결과 카드 레이아웃 충돌 복구 */
#roomMessages .room-result-chat-card{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:8px 0!important;
  padding:0!important;
  overflow:visible!important;
}
#roomMessages .room-result-card-layout{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#roomMessages .room-result-card-result{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:275px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
#roomMessages .room-result-card-result>div,
#roomMessages .room-result-card-balls,
#roomMessages .room-result-card-picks,
#roomMessages .room-result-card-picks>div{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
}
#roomMessages .room-result-card-result>div:first-of-type{
  display:block!important;
}
#roomMessages .room-result-card-picks{
  padding-left:12px!important;
  border-left:1px solid #bdd8ed!important;
}
#roomMessages .room-result-card-pick{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
#roomMessages .room-result-card-ball{
  display:inline-flex!important;
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  margin:0!important;
  padding:0!important;
}
#roomMessages .room-result-card-status{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  height:auto!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
#roomMessages .room-result-card-status strong{
  display:inline-flex!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
}

@media(max-width:760px){
  #roomMessages .room-result-card-layout{
    flex-wrap:wrap!important;
    gap:7px!important;
    padding:8px!important;
  }
  #roomMessages .room-result-card-result{
    width:100%!important;
    min-width:0!important;
  }
  #roomMessages .room-result-card-picks{
    padding-left:0!important;
    border-left:0!important;
  }
  #roomMessages .room-result-card-status{
    margin-left:0!important;
  }
}

/* 결과 카드 간격·정렬 마감 */
#roomMessages .room-result-card-layout{
  max-width:900px!important;
  gap:0!important;
  padding:9px 14px!important;
}
#roomMessages .room-result-card-result{
  flex:0 0 306px!important;
  min-width:306px!important;
  gap:10px!important;
  padding-right:14px!important;
  border-right:1px solid #bdd8ed!important;
}
#roomMessages .room-result-card-result>div:first-of-type{
  min-width:93px!important;
}
#roomMessages .room-result-card-result>div>b{
  font-size:13px!important;
  letter-spacing:-.35px!important;
}
#roomMessages .room-result-card-result>div>small{
  font-size:9px!important;
  line-height:1.2!important;
}
#roomMessages .room-result-card-balls{
  gap:6px!important;
}
#roomMessages .room-result-card-picks{
  flex:1 1 auto!important;
  min-width:220px!important;
  gap:10px!important;
  padding:0 14px!important;
  border-left:0!important;
}
#roomMessages .room-result-card-picks>b{
  min-width:76px!important;
  color:#174d78!important;
  font-size:13px!important;
  letter-spacing:-.35px!important;
}
#roomMessages .room-result-card-picks>div{
  gap:10px!important;
}
#roomMessages .room-result-card-pick{
  gap:5px!important;
}
#roomMessages .room-result-card-pick small{
  font-size:11px!important;
  color:#527694!important;
}
#roomMessages .room-result-card-status{
  flex:0 0 auto!important;
  margin-left:0!important;
  padding:6px 10px!important;
}

@media(max-width:760px){
  #roomMessages .room-result-card-layout{max-width:none!important}
  #roomMessages .room-result-card-result{
    flex:0 0 100%!important;
    min-width:0!important;
    padding:0 0 7px!important;
    border-right:0!important;
    border-bottom:1px solid #bdd8ed!important;
  }
  #roomMessages .room-result-card-picks{
    min-width:0!important;
    padding:0!important;
  }
}

/* 결과 카드: 고정 3열 정렬 + 파란 테두리 제거 */
#roomMessages .room-result-card-layout{
  display:grid!important;
  grid-template-columns:305px minmax(300px,1fr) 82px!important;
  align-items:center!important;
  column-gap:14px!important;
  width:min(900px,100%)!important;
  max-width:900px!important;
  min-height:58px!important;
  border:0!important;
  border-radius:8px!important;
  background:#f7fcff!important;
  box-shadow:0 3px 10px rgba(28,93,145,.10)!important;
}
#roomMessages .room-result-card-result{
  width:305px!important;
  min-width:305px!important;
  padding-right:14px!important;
  border-right:1px solid #d8e7f2!important;
}
#roomMessages .room-result-card-picks{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  gap:12px!important;
}
#roomMessages .room-result-card-picks>b{
  flex:0 0 80px!important;
  min-width:80px!important;
}
#roomMessages .room-result-card-picks>div{
  flex:1 1 auto!important;
  min-width:0!important;
}
#roomMessages .room-result-card-status{
  justify-self:end!important;
  margin:0!important;
}

/* 이전 결과 카드에 남아있을 수 있는 파란 외곽선 제거 */
#roomMessages .room-result-chat-card,
#roomMessages .room-result-chat-card .room-result-card-layout{
  border-color:transparent!important;
}

@media(max-width:760px){
  #roomMessages .room-result-card-layout{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
  }
  #roomMessages .room-result-card-result{
    width:100%!important;
    min-width:0!important;
    padding-right:0!important;
    border-right:0!important;
  }
  #roomMessages .room-result-card-picks>b{
    flex-basis:auto!important;
    min-width:auto!important;
  }
}

/* 우측 방장 픽 패널 간소화 */
.dh-past-pick-compact{
 display:flex!important;align-items:center!important;gap:8px!important;
 min-height:38px!important;margin:6px 8px!important;padding:8px 10px!important;
 border:1px solid #d8e5ee!important;border-radius:8px!important;
 background:#fff!important;font-size:12px!important;box-sizing:border-box!important
}
.dh-past-pick-compact>b{color:#164e78!important}
.dh-pick-registered{color:#5e7e96!important;font-weight:800!important}
.dh-pick-result-icon{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:21px!important;height:21px!important;border-radius:50%!important;
 background:#8199ab!important;color:#fff!important;font-size:14px!important;font-weight:900!important
}
.dh-past-pick-compact.is-hit{border-color:#77d6a5!important;background:#f4fff8!important}
.dh-past-pick-compact.is-hit .dh-pick-result-icon{background:#13af63!important}
.dh-past-pick-compact.is-hit strong{color:#087d48!important}
.dh-past-pick-compact.is-miss{border-color:#ffadb4!important;background:#fff8f8!important}
.dh-past-pick-compact.is-miss .dh-pick-result-icon{background:#df3540!important}
.dh-past-pick-compact.is-miss strong{color:#cc2f3b!important}

/* 지난 방장 픽: 회차 · 등록 · O/X 판정 */
.dh-compact-past-pick{
  display:grid!important;
  grid-template-columns:76px 52px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  margin:6px 8px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid #dce8f1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.dh-compact-round{font-weight:800!important;color:#174d78!important}
.dh-compact-registered{font-weight:700!important;color:#71889a!important}
.dh-compact-status{display:flex!important;align-items:center!important;gap:6px!important;font-weight:800!important}
.dh-compact-status i{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:22px!important;height:22px!important;border-radius:50%!important;
  background:#8199ab!important;color:#fff!important;font-style:normal!important;font-size:14px!important;
}
.dh-compact-past-pick.is-hit .dh-compact-status{color:#087d48!important}
.dh-compact-past-pick.is-hit .dh-compact-status i{background:#16af65!important}
.dh-compact-past-pick.is-miss .dh-compact-status{color:#cc2f3b!important}
.dh-compact-past-pick.is-miss .dh-compact-status i{background:#df3540!important}

/* 지난 픽 카드 전체 한 줄 */
.dh-whole-past-pick{
  display:grid!important;
  grid-template-columns:82px 54px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  margin:6px 8px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid #dce8f1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#174d78!important;
}
.dh-whole-round{font-size:12px!important;font-weight:900!important}
.dh-whole-registered{font-size:12px!important;font-weight:800!important;color:#71889a!important}
.dh-whole-status{display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important}
.dh-whole-status i{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:23px!important;height:23px!important;min-width:23px!important;
  border-radius:50%!important;background:#8098aa!important;color:#fff!important;
  font-style:normal!important;font-size:14px!important;font-weight:900!important;
}
.dh-whole-past-pick.is-hit .dh-whole-status{color:#078348!important}
.dh-whole-past-pick.is-hit .dh-whole-status i{background:#13ae62!important}
.dh-whole-past-pick.is-miss .dh-whole-status{color:#cd2e3a!important}
.dh-whole-past-pick.is-miss .dh-whole-status i{background:#df3540!important}

/* 우측 지난 픽 내역: 한 줄 아이콘형 */
#roomOwnerPickSidepanel .room-prev-result-list.compact-list{
  display:grid!important;
  gap:0!important;
  max-height:330px!important;
  overflow-y:auto!important;
  padding:4px 8px!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact{
  display:grid!important;
  grid-template-columns:76px 48px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 4px!important;
  border:0!important;
  border-bottom:1px solid #dce8f1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact>strong{
  font-size:12px!important;
  font-weight:900!important;
  color:#174d78!important;
}
#roomOwnerPickSidepanel .room-prev-registered{
  color:#71889a!important;
  font-size:12px!important;
  font-weight:800!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.hit{color:#078348!important}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.hit i{background:#16af65!important}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.miss{color:#cd2e3a!important}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.miss i{background:#df3540!important}

/* 우측 지난 픽 내역: 한 줄 아이콘형 */
#roomOwnerPickSidepanel .room-prev-result-list.compact-list{
  display:grid!important;
  gap:0!important;
  max-height:330px!important;
  overflow-y:auto!important;
  padding:4px 8px!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact{
  display:grid!important;
  grid-template-columns:76px 48px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 4px!important;
  border:0!important;
  border-bottom:1px solid #dce8f1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact>strong{
  font-size:12px!important;
  font-weight:900!important;
  color:#174d78!important;
}
#roomOwnerPickSidepanel .room-prev-registered{
  color:#71889a!important;
  font-size:12px!important;
  font-weight:800!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.hit{color:#078348!important}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.hit i{background:#16af65!important}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.miss{color:#cd2e3a!important}
#roomOwnerPickSidepanel .room-prev-result-item.compact .room-prev-status.miss i{background:#df3540!important}

/* 우측 지난 픽 내역: 회차 · 등록 · O/X 결과 */
#roomOwnerPickSidepanel .dh-simple-pick-list{
  display:grid!important;
  gap:0!important;
  max-height:330px!important;
  overflow-y:auto!important;
  padding:4px 8px!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row{
  display:grid!important;
  grid-template-columns:76px 48px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 4px!important;
  border:0!important;
  border-bottom:1px solid #dce8f1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>b{
  color:#174d78!important;
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>span{
  color:#71889a!important;
  font-size:12px!important;
  font-weight:800!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>strong{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>strong i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row.hit>strong{color:#078348!important}
#roomOwnerPickSidepanel .dh-simple-pick-row.hit>strong i{background:#16af65!important}
#roomOwnerPickSidepanel .dh-simple-pick-row.miss>strong{color:#cd2e3a!important}
#roomOwnerPickSidepanel .dh-simple-pick-row.miss>strong i{background:#df3540!important}

/* 우측 지난 픽 내역: 회차 · 등록 · O/X 결과 */
#roomOwnerPickSidepanel .dh-simple-pick-list{
  display:grid!important;
  gap:0!important;
  max-height:330px!important;
  overflow-y:auto!important;
  padding:4px 8px!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row{
  display:grid!important;
  grid-template-columns:76px 48px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 4px!important;
  border:0!important;
  border-bottom:1px solid #dce8f1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>b{
  color:#174d78!important;
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>span{
  color:#71889a!important;
  font-size:12px!important;
  font-weight:800!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>strong{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>strong i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row.hit>strong{color:#078348!important}
#roomOwnerPickSidepanel .dh-simple-pick-row.hit>strong i{background:#16af65!important}
#roomOwnerPickSidepanel .dh-simple-pick-row.miss>strong{color:#cd2e3a!important}
#roomOwnerPickSidepanel .dh-simple-pick-row.miss>strong i{background:#df3540!important}

/* 지난 픽 한 줄: 등록 대신 실제 방장픽 표시 */
#roomOwnerPickSidepanel .dh-simple-pick-row{
  grid-template-columns:62px minmax(0,1fr) 64px!important;
  gap:6px!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-value{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#376583!important;
  font-size:11px!important;
  font-weight:800!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>strong{
  gap:4px!important;
}
#roomOwnerPickSidepanel .dh-simple-pick-row>strong i{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
}

/* 진행중인 픽: 지난 픽과 동일한 한 줄 형식 */
#roomOwnerPickSidepanel .dh-current-simple-pick{
  padding-bottom:8px!important;
}
#roomOwnerPickSidepanel .dh-current-pick-line{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 68px!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:7px!important;
  padding:8px 4px!important;
  border-top:1px solid #dce8f1!important;
  color:#174d78!important;
}
#roomOwnerPickSidepanel .dh-current-pick-line>b{
  font-size:12px!important;
  font-weight:900!important;
}
#roomOwnerPickSidepanel .dh-current-pick-line>span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#376583!important;
  font-size:11px!important;
  font-weight:800!important;
}
#roomOwnerPickSidepanel .dh-current-pick-line>strong{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#71889a!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#roomOwnerPickSidepanel .dh-current-pick-line>strong i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:21px!important;
  height:21px!important;
  border-radius:50%!important;
  background:#8098aa!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:14px!important;
}

/* 모바일: 방개설 남은시간을 상단 뒤로가기 영역으로 이동 */
.room-mobile-expiry-countdown{display:none!important}

@media(max-width:800px){
 html body .member-room-split.member-room-popup .member-room-top{
  min-height:196px!important;
  padding-bottom:48px!important;
 }
 html body .member-room-split.member-room-popup .member-room-top-tools,
 html body .member-room-split.member-room-popup .member-room-top-tools.viewer-tools{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:202px!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown{
  grid-column:1/-1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:32px!important;
  padding:4px 8px!important;
  border:1px solid #e2b824!important;
  border-radius:7px!important;
  background:linear-gradient(145deg,#fffce6,#fff0a9)!important;
  color:#7b5700!important;
  box-sizing:border-box!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown small{
  color:#987000!important;
  font-size:8px!important;
  font-weight:850!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown b{
  color:#7b5700!important;
  font-size:13px!important;
  font-weight:950!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown.expired{
  border-color:#cf6e75!important;
  background:#fff0f1!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown.expired b{color:#c6343e!important}

 html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{
  grid-template-columns:1fr!important;
  min-height:66px!important;
 }
 html body .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown{
  display:none!important;
 }
}

/* 모바일 상단: 뒤로가기(노랑) · 방개설 타이머(초록) 한 줄 배치 */
@media(max-width:800px){
 html body .member-room-split.member-room-popup .member-room-top-tools,
 html body .member-room-split.member-room-popup .member-room-top-tools.viewer-tools{
  position:absolute!important;
  inset:0!important;
  transform:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  pointer-events:none!important;
 }

 html body .member-room-split.member-room-popup .member-room-top-tools .top-room-back{
  position:absolute!important;
  top:5px!important;
  right:8px!important;
  width:60px!important;
  min-width:60px!important;
  height:34px!important;
  padding:0!important;
  font-size:0!important;
  pointer-events:auto!important;
 }
 html body .member-room-split.member-room-popup .member-room-top-tools .top-room-back::before{
  content:"←"!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1!important;
 }

 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown{
  position:absolute!important;
  top:5px!important;
  right:76px!important;
  width:164px!important;
  min-width:164px!important;
  height:34px!important;
  min-height:34px!important;
  padding:4px 7px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  border:1px solid #1caf69!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#0f735b,#075144)!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown small{
  color:#bff3da!important;
  font-size:7px!important;
  white-space:nowrap!important;
 }
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown b{
  color:#fff!important;
  font-size:12px!important;
  white-space:nowrap!important;
 }

 /* 모바일에서 삭제 버튼은 상단 배치와 겹치지 않도록 숨김 */
 html body .member-room-split.member-room-popup .member-room-top-tools .top-room-delete{
  display:none!important;
 }

 html body .member-room-split.member-room-popup .member-room-top{
  min-height:154px!important;
 }
}
@media(max-width:430px){
 html body .member-room-split.member-room-popup .room-mobile-expiry-countdown{
  right:72px!important;
  width:156px!important;
  min-width:156px!important;
 }
}

/* 모바일 상단 타이머 아래의 불필요한 빈 공간 제거 */
@media(max-width:800px){
 html body .member-room-split.member-room-popup .member-room-top{
  min-height:132px!important;
  height:132px!important;
  padding:8px!important;
  box-sizing:border-box!important;
 }
 html body .member-room-split.member-room-popup .room-header-pick-stats{
  bottom:5px!important;
 }
}

/* 모바일 안내 접힘: 펼치기 버튼만 남기고 노란 배경 제거 */
@media(max-width:800px){
 html body .member-room-split.member-room-popup .member-room-notice.collapsed{
  display:flex!important;
  justify-content:flex-end!important;
  min-height:34px!important;
  padding:2px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
 }
 html body .member-room-split.member-room-popup .member-room-notice.collapsed>span,
 html body .member-room-split.member-room-popup .member-room-notice.collapsed #roomResultSoundToggle{
  display:none!important;
 }
 html body .member-room-split.member-room-popup .member-room-notice.collapsed .member-room-notice-actions{
  display:flex!important;
  margin-left:auto!important;
 }
 html body .member-room-split.member-room-popup .member-room-notice.collapsed #memberRoomNoticeToggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid #d8ae26!important;
  border-radius:6px!important;
  background:#fff9dc!important;
  color:#735800!important;
 }
}

/* 모바일: 방개설 남은시간을 상단 빈 영역으로 이동 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .room-mobile-expiry-countdown{
    position:absolute !important;
    top:-82px !important;
    right:62px !important;
    left:auto !important;
    z-index:30 !important;
    width:178px !important;
    min-width:178px !important;
    height:35px !important;
    min-height:35px !important;
    transform:none !important;
  }
}
@media (max-width:430px){
  html body .member-room-split.member-room-popup .room-mobile-expiry-countdown{
    top:-82px !important;
    right:58px !important;
    width:170px !important;
    min-width:170px !important;
  }
}

/* 모바일: '결과값 나오기까지' 실제 타이머 카드 위치 이동 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{
    position:relative !important;
    overflow:visible !important;
  }

  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-summary{
    position:static !important;
  }

  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-until{
    position:absolute !important;
    top:-53px !important;
    right:78px !important;
    left:auto !important;
    z-index:50 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    width:230px !important;
    min-width:230px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:4px 10px !important;
    box-sizing:border-box !important;
    border:1px solid #e2b824 !important;
    border-radius:7px !important;
    background:linear-gradient(145deg,#fffce6,#fff0a9) !important;
  }
}

@media (max-width:430px){
  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-until{
    right:76px !important;
    width:218px !important;
    min-width:218px !important;
  }
}

/* 모바일: 결과 타이머를 상단 버튼들과 같은 줄로 정렬 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-until{
    top:-46px !important;
    right:78px !important;
    height:36px !important;
    min-height:36px !important;
    padding:3px 10px !important;
    border:1px solid #20b883 !important;
    border-radius:8px !important;
    background:#064b43 !important;
    box-shadow:none !important;
    text-align:center !important;
  }

  html body .member-room-split.member-room-popup .room-result-until small{
    color:#ffe36b !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
  }

  html body .member-room-split.member-room-popup .room-result-until b{
    color:#ffffff !important;
    font-size:14px !important;
    font-weight:950 !important;
    line-height:1.15 !important;
    text-shadow:0 1px 1px #002d28 !important;
  }
}

@media (max-width:430px){
  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-until{
    right:76px !important;
  }
}

/* 모바일: 결과값 나오기까지 타이머 배경 제거 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-until{
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  html body .member-room-split.member-room-popup .room-result-until small{
    color:#ffdf54 !important;
  }

  html body .member-room-split.member-room-popup .room-result-until b{
    color:#ffffff !important;
    text-shadow:0 1px 2px #001d35 !important;
  }
}

/* 모바일: 결과 타이머 이동 후 남는 하얀 결과 영역 제거 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers{
    position:relative !important;
    display:block !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  html body .member-room-split.member-room-popup .room-result-mini.single.room-result-with-timers .room-result-summary{
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  html body .member-room-split.member-room-popup .room-result-with-timers .room-last-result,
  html body .member-room-split.member-room-popup .room-result-with-timers .room-daily-medals,
  html body .member-room-split.member-room-popup .room-result-with-timers .room-expiry-countdown{
    display:none !important;
  }
}

/* 모바일: 안내 접힘 상태에서는 펼치기 버튼만 표시 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .member-room-notice.collapsed{
    display:flex !important;
    width:max-content !important;
    min-width:0 !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 8px 0 auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed > span,
  html body .member-room-split.member-room-popup .member-room-notice.collapsed .room-result-sound-toggle{
    display:none !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed .member-room-notice-actions{
    display:flex !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed #memberRoomNoticeToggle{
    display:block !important;
    min-width:76px !important;
    height:31px !important;
    margin:0 !important;
  }
}

/* 모바일: 접힌 안내 영역의 빈 줄 제거, 펼치기 버튼만 표시 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .member-room-chat{
    position:relative !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed{
    position:absolute !important;
    top:0 !important;
    right:8px !important;
    z-index:30 !important;
    display:flex !important;
    width:max-content !important;
    height:31px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed .member-room-notice-actions{
    width:auto !important;
    height:31px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed #memberRoomNoticeToggle{
    height:31px !important;
    min-height:31px !important;
  }
}

/* 모바일: 접힌 안내 영역의 빈 줄 제거, 펼치기 버튼만 표시 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .member-room-chat{
    position:relative !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed{
    position:absolute !important;
    top:0 !important;
    right:8px !important;
    z-index:30 !important;
    display:flex !important;
    width:max-content !important;
    height:31px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed .member-room-notice-actions{
    width:auto !important;
    height:31px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html body .member-room-split.member-room-popup .member-room-notice.collapsed #memberRoomNoticeToggle{
    height:31px !important;
    min-height:31px !important;
  }
}

/* 모바일: 메시지 입력창 아래에 남는 빈 채팅방 높이 제거 */
@media (max-width:800px){
  html body .member-room-split.member-room-popup .member-room-body{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
  }

  html body .member-room-split.member-room-popup .member-room-chat{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    flex:0 0 auto !important;
  }

  html body .member-room-split.member-room-popup .member-room-compose{
    margin-bottom:0 !important;
  }
}

/* 모바일 전용창: 입력창 아래 빈 공간 없이 채팅 목록이 남은 높이를 사용 */
@media (max-width:800px){
  html body.dedicated-room-window .member-room-split.member-room-popup .member-room-body,
  html body .member-room-split.member-room-popup .member-room-body{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  html body.dedicated-room-window .member-room-split.member-room-popup .member-room-chat,
  html body .member-room-split.member-room-popup .member-room-chat{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  html body.dedicated-room-window .member-room-split.member-room-popup .member-room-messages,
  html body .member-room-split.member-room-popup .member-room-messages{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
  }

  html body .member-room-split.member-room-popup .member-room-compose{
    flex:0 0 auto !important;
    margin:0 !important;
  }
}

/* 선물창: 현재 선물 가능한 보유 쌀 */
.room-member-gift-balance{
  margin:8px 12px 5px;
  text-align:right;
  color:#725818;
  font-size:12px;
  font-weight:800;
}
.room-member-gift-balance b{
  color:#d45119;
  font-size:14px;
  font-weight:950;
}

@media(max-width:800px){
  .member-room-split.member-room-popup .room-member-gift-balance{
    margin:8px 12px 5px;
    font-size:11px;
  }
  .member-room-split.member-room-popup .room-member-gift-balance b{
    font-size:13px;
  }
}


/* ROOM_NICKNAME_EFFECTS */
.chat-nickname{position:relative;display:inline-block}
.nickname-effect-sparkle::before,.nickname-effect-sparkle::after{
 content:"✦";position:absolute;pointer-events:none;opacity:0;color:#ffd23f;
 text-shadow:0 0 7px #fff2a6;animation:dhNickSparkle 1.55s infinite ease-in-out
}
.nickname-effect-sparkle::before{left:-12px;top:-10px}
.nickname-effect-sparkle::after{right:-13px;bottom:-9px;color:#74d9ff;animation-delay:.72s}
.nickname-effect-flash{overflow:hidden;padding:2px 4px;margin:-2px -4px}
.nickname-effect-flash::after{
 content:"";position:absolute;top:-55%;bottom:-55%;left:-35%;width:23%;pointer-events:none;
 transform:skewX(-18deg);background:linear-gradient(105deg,transparent,#ffffffa8 43%,#fff 50%,#bff4ff 58%,transparent);
 animation:dhNickFlash 2.6s infinite
}
.nickname-effect-aurora{
 background:linear-gradient(100deg,#1676d8,#7848df,#ed4fa4,#13a8c8,#1676d8)!important;
 background-size:320% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;
 color:transparent!important;animation:dhNickAurora 3.4s linear infinite
}
.nickname-effect-wave::before,.nickname-effect-wave::after{
 content:"";position:absolute;inset:-7px -11px;border:2px solid #4fd8ff;border-radius:999px;
 pointer-events:none;opacity:0;animation:dhNickWave 2.2s infinite
}
.nickname-effect-wave::after{border-color:#9a7bff;animation-delay:1.1s}
@keyframes dhNickSparkle{0%,100%{transform:scale(.1) rotate(0);opacity:0}40%,60%{transform:scale(1.15) rotate(90deg);opacity:1}}
@keyframes dhNickFlash{0%,52%{left:-35%;opacity:0}56%{opacity:1}74%,100%{left:120%;opacity:0}}
@keyframes dhNickAurora{to{background-position:320% 0}}
@keyframes dhNickWave{0%{transform:scale(.65);opacity:.82}75%,100%{transform:scale(1.42);opacity:0}}

/* 오로라 효과: 눈에 보이는 색상 변화와 빛 번짐 */
.chat-nickname.nickname-effect-aurora{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#1874d1!important;
  font-weight:900!important;
  animation:dhNickAuroraVisible 2.4s ease-in-out infinite!important;
}

.chat-nickname.nickname-effect-aurora::after{
  content:"✦";
  position:absolute;
  right:-13px;
  top:-10px;
  font-size:12px;
  pointer-events:none;
  animation:dhNickAuroraStar 1.2s ease-in-out infinite!important;
}

@keyframes dhNickAuroraVisible{
  0%,100%{
    color:#1874d1;
    text-shadow:0 0 0 transparent;
  }
  33%{
    color:#7b45c6;
    text-shadow:0 0 5px #b08aff,0 0 10px #d3b8ff;
  }
  66%{
    color:#d9368d;
    text-shadow:0 0 5px #ff9bd0,0 0 10px #ffc2e3;
  }
}

@keyframes dhNickAuroraStar{
  0%,100%{opacity:.15;transform:scale(.55) rotate(0deg);color:#66d9ff}
  50%{opacity:1;transform:scale(1.25) rotate(100deg);color:#ffd75c}
}

/* 채팅방 파동 효과가 배경 뒤로 숨지 않도록 보정 */
.chat-nickname.nickname-effect-wave{
  overflow:visible!important;
  isolation:isolate;
}

.chat-nickname.nickname-effect-wave::before,
.chat-nickname.nickname-effect-wave::after{
  z-index:3!important;
  box-sizing:border-box;
}


/* ALL_NICKNAME_EFFECTS_ROOM_FIX */
.chat-nickname.nickname-effect-sparkle,
.chat-nickname.nickname-effect-aurora{
  overflow:visible!important;
  isolation:isolate;
}

/* 반짝이: 닉네임 밝기 변화 + 별 레이어 전면 표시 */
.chat-nickname.nickname-effect-sparkle{
  animation:dhSparkleRoom 1.45s ease-in-out infinite!important;
}
.chat-nickname.nickname-effect-sparkle::before,
.chat-nickname.nickname-effect-sparkle::after{
  z-index:4!important;
  font-size:15px!important;
  display:block!important;
}
@keyframes dhSparkleRoom{
  0%,100%{
    filter:brightness(1) saturate(1);
    text-shadow:0 0 2px #ffd95a;
  }
  50%{
    filter:brightness(1.5) saturate(1.45);
    text-shadow:0 0 5px #fff,0 0 12px #ffd95a,0 0 18px #ffbc42;
  }
}

/* 플래시: 빛줄기를 닉네임 전면에 표시 */
.chat-nickname.nickname-effect-flash{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  animation:dhFlashRoomGlow 2.6s ease-in-out infinite!important;
}
.chat-nickname.nickname-effect-flash::after{
  z-index:4!important;
  display:block!important;
}
@keyframes dhFlashRoomGlow{
  0%,52%,100%{filter:brightness(1);text-shadow:none}
  58%,70%{filter:brightness(1.45);text-shadow:0 0 7px #82eaff,0 0 14px #d9faff}
}

/* 오로라: 색상 필터 흐름 + 별빛을 전면에 표시 */
.chat-nickname.nickname-effect-aurora{
  position:relative!important;
  color:#1874d1!important;
  animation:dhAuroraRoom 2.5s ease-in-out infinite!important;
}
.chat-nickname.nickname-effect-aurora::before,
.chat-nickname.nickname-effect-aurora::after{
  z-index:4!important;
  display:block!important;
}
@keyframes dhAuroraRoom{
  0%,100%{
    filter:hue-rotate(0deg) brightness(1);
    text-shadow:0 0 4px #61d9ff,0 0 10px #a683ff;
  }
  33%{
    filter:hue-rotate(95deg) brightness(1.38);
    text-shadow:0 0 6px #90ffde,0 0 15px #76e9ff;
  }
  66%{
    filter:hue-rotate(220deg) brightness(1.25);
    text-shadow:0 0 6px #ff91d2,0 0 15px #d8a0ff;
  }
}


/* PREMIUM_NICKNAME_EFFECTS */
.shop-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.shop-category-tabs button{border:1px solid #9ccaf0;background:#fff;color:#28628e;border-radius:20px;padding:8px 14px;font-weight:800;cursor:pointer}
.shop-category-tabs button.active{background:#167fd2;border-color:#167fd2;color:#fff}
.storeitem.premium-nickname-effect{border:2px solid #d7b14b;background:linear-gradient(145deg,#fffdf4,#fff8e2)}
.storeitem.premium-nickname-effect h3{color:#926a08}
.chat-nickname.nickname-effect-fire,.chat-nickname.nickname-effect-frost,.chat-nickname.nickname-effect-gold,.chat-nickname.nickname-effect-crystal,.chat-nickname.nickname-effect-galaxy{position:relative;display:inline-block;overflow:visible!important;isolation:isolate}
.chat-nickname.nickname-effect-fire{animation:dhNickFire 1s ease-in-out infinite;text-shadow:0 -2px 7px #ff6b2d,0 0 14px #ffcf50}
.chat-nickname.nickname-effect-fire::after{content:"🔥";position:absolute;font-size:11px;right:-12px;top:-10px;animation:dhNickFireFlicker .7s ease-in-out infinite alternate}
.chat-nickname.nickname-effect-frost{animation:dhNickFrost 1.7s ease-in-out infinite;text-shadow:0 0 8px #d9faff,0 0 15px #7bdfff}
.chat-nickname.nickname-effect-frost::after{content:"❄";position:absolute;right:-11px;top:-8px;color:#e9fbff;font-size:11px;animation:dhNickSnow 1.4s infinite ease-in-out}
.chat-nickname.nickname-effect-gold{background:linear-gradient(105deg,#956600,#ffdc70,#fff2ae,#b98000);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;animation:dhNickGold 2.2s linear infinite}
.chat-nickname.nickname-effect-crystal{background:linear-gradient(100deg,#41dfe3,#8b7cff,#f3a1ff,#49e7c1);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;animation:dhNickCrystal 2.6s linear infinite}
.chat-nickname.nickname-effect-crystal::after{content:"◆";position:absolute;right:-10px;top:-5px;color:#baffff;font-size:10px;animation:dhNickCrystalGem 1.3s infinite ease-in-out}
.chat-nickname.nickname-effect-galaxy{background:linear-gradient(100deg,#8561e9,#c78dff,#78e4ff,#9b58d9);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent!important;animation:dhNickGalaxy 3s linear infinite}
.chat-nickname.nickname-effect-galaxy::after{content:"✦";position:absolute;right:-12px;top:-9px;color:#e8dcff;font-size:12px;animation:dhNickOrbit 1.8s infinite ease-in-out}
@keyframes dhNickFire{50%{filter:brightness(1.4) saturate(1.5);transform:translateY(-1px)}}
@keyframes dhNickFireFlicker{to{transform:translateY(-4px) scale(1.18);opacity:.55}}
@keyframes dhNickFrost{50%{filter:brightness(1.4);text-shadow:0 0 11px #d9faff,0 0 20px #63cfff}}
@keyframes dhNickSnow{50%{opacity:.35;transform:translateY(5px) rotate(90deg)}}
@keyframes dhNickGold{to{background-position:300% 0}}
@keyframes dhNickCrystal{to{background-position:300% 0}}
@keyframes dhNickCrystalGem{50%{transform:rotate(45deg) scale(1.3);opacity:.35}}
@keyframes dhNickGalaxy{to{background-position:300% 0}}
@keyframes dhNickOrbit{50%{transform:translateY(-7px) rotate(160deg);opacity:.35}}


/* SHOP_CATEGORY_SLIDER */
.shop-category-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 0 12px;
  padding:7px 8px;
  border:1px solid #b9d8ee;
  border-radius:9px;
  background:linear-gradient(90deg,#edf9ff,#f7fcff);
}
.shop-category-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-behavior:smooth;
  white-space:nowrap;
}
.shop-category-tabs::-webkit-scrollbar{display:none}
.shop-category-tabs button{
  flex:0 0 auto;
  min-width:76px;
  border:1px solid #9ccaf0;
  background:#fff;
  color:#28628e;
  border-radius:20px;
  padding:8px 14px;
  font-weight:800;
  cursor:pointer;
}
.shop-category-tabs button.active{
  background:#167fd2;
  border-color:#167fd2;
  color:#fff;
}
.shop-category-arrow{
  flex:0 0 32px;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:#167fd2;
  color:#fff;
  font-size:24px;
  line-height:26px;
  font-weight:800;
  cursor:pointer;
}
.shop-category-arrow:hover{background:#075fae}
@media(max-width:700px){
  .shop-category-toolbar{margin:8px 0;padding:6px;gap:5px}
  .shop-category-tabs{gap:7px}
  .shop-category-tabs button{min-width:70px;padding:7px 11px;font-size:12px}
  .shop-category-arrow{flex-basis:29px;width:29px;height:29px;font-size:21px}
}


/* PREMIUM_NICKNAME_EFFECT_VISIBILITY_FIX */
.chat-nickname.nickname-effect-fire{
  color:#ff3f20!important;
  font-weight:900!important;
  text-shadow:0 -2px 7px #ff641f,0 0 14px #ffcc45,0 0 23px #ff6b28!important;
  animation:dhNickFireStrong .85s ease-in-out infinite!important;
}
.chat-nickname.nickname-effect-fire::before{
  content:"🔥";
  position:absolute;
  left:-14px;
  top:-9px;
  font-size:12px;
  animation:dhNickFireFlicker .58s ease-in-out infinite alternate;
}
.chat-nickname.nickname-effect-frost{
  color:#54bff5!important;
  font-weight:900!important;
  text-shadow:0 0 7px #dfffff,0 0 15px #69d9ff,0 0 23px #76bfff!important;
  animation:dhNickFrostStrong 1.25s ease-in-out infinite!important;
}
.chat-nickname.nickname-effect-gold{
  color:transparent!important;
  font-weight:900!important;
  background:linear-gradient(105deg,#a86f00 0%,#ffd44a 26%,#fff6b3 48%,#e7ae12 70%,#916000 100%)!important;
  background-size:300% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  text-shadow:0 0 7px #e4ab28!important;
  animation:dhNickGold 1.7s linear infinite!important;
}
.chat-nickname.nickname-effect-crystal{
  color:transparent!important;
  font-weight:900!important;
  background:linear-gradient(100deg,#20d7e7,#618fff,#cd77ff,#53efd5,#20d7e7)!important;
  background-size:350% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  text-shadow:0 0 9px #77f6ff!important;
  animation:dhNickCrystal 1.9s linear infinite!important;
}
.chat-nickname.nickname-effect-galaxy{
  color:transparent!important;
  font-weight:900!important;
  background:linear-gradient(100deg,#5d2bbd,#c984ff,#6eeaff,#ae58ff,#4c1b9b)!important;
  background-size:350% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  text-shadow:0 0 7px #b589ff,0 0 17px #7646c9!important;
  animation:dhNickGalaxy 2.1s linear infinite!important;
}
.chat-nickname.nickname-effect-galaxy::before{
  content:"✦  ·";
  position:absolute;
  left:-20px;
  top:-10px;
  color:#efe2ff!important;
  font-size:10px;
  letter-spacing:5px;
  animation:dhNickOrbit 1.35s ease-in-out infinite;
}
@keyframes dhNickFireStrong{
  0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
  50%{transform:translateY(-1px) scale(1.035);filter:brightness(1.45) saturate(1.65)}
}
@keyframes dhNickFrostStrong{
  0%,100%{filter:brightness(1);transform:translateY(0)}
  50%{filter:brightness(1.42);transform:translateY(-1px)}
}


/* PARTICIPANT_NICKNAME_CLICK_FIX */
.member-room-user.member-clickable,
.member-room-user.member-clickable > span,
.member-room-user.member-clickable > span > b{
  pointer-events:auto!important;
  cursor:pointer!important;
}
.member-room-user.member-clickable > span:hover > b{
  color:#0876c9!important;
  text-decoration:underline;
}
.member-room-user .member-action-icons,
.member-room-user .member-action-icons button{
  pointer-events:auto!important;
}


/* PARTICIPANT_NICKNAME_ONLY_CLICK */
.member-room-user.member-clickable{
  cursor:default!important;
}
.member-room-user.member-clickable > span{
  cursor:default!important;
}
.member-participant-nickname{
  display:inline-block;
  pointer-events:auto!important;
  cursor:pointer!important;
  color:#10283e;
}
.member-participant-nickname:hover,
.member-participant-nickname:focus{
  color:#0876c9!important;
  text-decoration:underline;
  outline:none;
}
.member-room-user .member-action-icons,
.member-room-user .member-action-icons button{
  pointer-events:auto!important;
}


/* PARTICIPANT_NICKNAME_CLICK_TARGET */
.member-room-user.member-clickable > span > b,
.member-participant-nickname{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.member-room-user.member-clickable > span > b:hover,
.member-participant-nickname:hover{
  color:#0876c9!important;
  text-decoration:underline!important;
}


/* PARTICIPANT_NATIVE_NICKNAME_BUTTON */
button.member-participant-nickname{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline!important;
  position:relative!important;
  z-index:50!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#10283e!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:inherit!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
button.member-participant-nickname:hover,
button.member-participant-nickname:focus{
  color:#0876c9!important;
  text-decoration:underline!important;
  outline:none!important;
}


/* QUICK_GIFT_MENU_ABOVE_ROOM_WINDOW */
#quickGiftMenu.quick-gift-menu{
  position:fixed!important;
  z-index:30000!important;
  display:block;
  visibility:visible;
  pointer-events:auto!important;
}