SCREEN: LIVE ROOM
════════════════════════════════════════════ */
#screen-live{padding-bottom:0;background:#000;}
.live-room{position:relative;width:100%;height:100%;display:flex;flex-direction:column;}
.lr-video{flex:1;position:relative;overflow:hidden;background:#050508;min-height:0;}
.lr-vid-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.lr-vid-emoji{font-size:90px;animation:floatY 4s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6));}
.lr-vid-grad{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 30%,transparent 52%,rgba(0,0,0,.96) 100%);}
.lr-scan-line{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.lr-scan-line::after{content:'';position:absolute;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(255,59,92,.3),transparent);animation:scanLine 4s linear infinite;}
.lr-top{position:absolute;top:0;left:0;right:0;padding:13px;display:flex;align-items:center;justify-content:space-between;z-index:10;}
.lr-host-pill{display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);border-radius:100px;padding:6px 13px 6px 7px;border:1px solid rgba(255,255,255,.1);}
.lr-live-badge{display:flex;align-items:center;gap:4px;background:#ff3b5c;border-radius:100px;padding:4px 9px;}
.lr-live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:livePulse 1s infinite;}
.lr-live-txt{font-size:10px;font-weight:700;color:#fff;letter-spacing:.08em;}
.lr-viewers{display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);border-radius:100px;padding:7px 11px;border:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.85);}
.lr-close{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.lr-stream-info{position:absolute;bottom:255px;left:13px;right:13px;z-index:10;}
.lr-stream-title{font-family:var(--fd);font-size:17px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.9);margin-bottom:3px;}
.lr-stream-cat{font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;}
.lr-gifts-float{position:absolute;bottom:255px;right:12px;z-index:15;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none;}
.lgf-item{display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:6px 13px 6px 9px;animation:giftLandPop .6s cubic-bezier(.22,1,.36,1) both;opacity:0;}
.lgf-emoji{font-size:17px;}
.lgf-name{font-size:11px;font-weight:600;}
.lgf-sender{font-size:10px;color:rgba(255,255,255,.55);margin-bottom:1px;}
.lgf-ntc{display:flex;align-items:center;gap:2px;font-family:var(--fd);font-size:10px;font-weight:700;color:var(--gold);}
.lr-comments{position:absolute;bottom:160px;left:0;width:72%;padding:0 12px;z-index:10;display:flex;flex-direction:column;gap:5px;pointer-events:none;}
.lrc-item{display:flex;align-items:center;gap:7px;animation:fadeUp .3s ease both;}
.lrc-av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;}
.lrc-bubble{background:rgba(0,0,0,.6);backdrop-filter:blur(6px);border-radius:100px;padding:5px 11px;font-size:11px;line-height:1.3;}
.lrc-name{font-weight:600;color:var(--purp);}
.lr-bottom{position:absolute;bottom:0;left:0;right:0;z-index:20;padding:14px 12px calc(14px + var(--safe));background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.7) 70%,transparent 100%);}
.lr-quick-gifts{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0;}
.lr-quick-gifts::-webkit-scrollbar{display:none;}
.lqg-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.lqg-btn{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .2s;}
.lqg-btn:active{transform:scale(.88);}
.lqg-btn.exc{border-color:rgba(245,197,66,.45);background:rgba(245,197,66,.08);}
.lqg-label{font-size:9px;color:rgba(255,255,255,.45);white-space:nowrap;}
.lqg-price{display:flex;align-items:center;gap:2px;font-family:var(--fd);font-size:10px;font-weight:700;color:var(--gold);}
.lr-input-row{display:flex;align-items:center;gap:9px;margin-top:11px;}
.lr-input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:12px 17px;color:#fff;font-family:var(--fb);font-size:14px;outline:none;}
.lr-input::placeholder{color:rgba(255,255,255,.35);}
.lr-send-btn{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;}
.lr-gift-btn-live{width:42px;height:42px;border-radius:50%;background:var(--ntc);display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;flex-shrink:0;border:none;box-shadow:0 2px 14px rgba(245,197,66,.45);transition:transform .15s;-webkit-tap-highlight-color:transparent;}
.lr-gift-btn-live:active{transform:scale(.88);}
#lg-popup{position:absolute;inset:0;z-index:600;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;}
#lg-popup.show{opacity:1;}
.lg-popup-inner{text-align:center;animation:giftLandPop .8s cubic-bezier(.22,1,.36,1) both;position:relative;z-index:2;}
.lgp-emoji{font-size:86px;filter:drop-shadow(0 0 28px rgba(245,197,66,.8));animation:floatY 2s ease-in-out infinite;}
.lgp-label{font-family:var(--fd);font-size:20px;font-weight:800;margin-top:10px;text-shadow:0 2px 12px rgba(0,0,0,.9);}
.lgp-from{font-size:12px;color:rgba(255,255,255,.55);margin-top:3px;}
.lgp-price{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fd);font-size:26px;font-weight:800;color:var(--gold);margin-top:7px;}
.lg-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.lg-ring{position:absolute;border-radius:50%;border:2px solid rgba(245,197,66,.5);animation:ringExpand 1.2s ease both;}

/* ════════════════════════════════════════════