/* ======================================================
   07-player.css — Trinh phat walled-garden
   ====================================================== */
/* ====== TRÌNH PHÁT WALLED GARDEN ====== */
  .player{position:fixed;inset:0;z-index:30;background:#120C1C;display:none;flex-direction:column}
  .player.open{display:flex}
  .pbar{display:flex;align-items:center;gap:14px;padding:18px clamp(16px,4vw,30px)}
  .back{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:17px;color:#120C1C;
    background:#FFB300;padding:15px 24px;border-radius:20px;display:flex;align-items:center;gap:8px;
    min-height:58px;box-shadow:0 5px 0 #FF8F00;transition:transform .1s}
  .back:active{transform:translateY(4px);box-shadow:0 1px 0 #FF8F00}
  .back svg{width:24px;height:24px}
  .pnow{color:#fff;font-weight:700;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* .pstage và layout .pframe do 06b-dock.css quản lý (tránh xung đột).
     Ở đây chỉ giữ phần trang trí khung video. */
  .pframe{border-radius:20px;overflow:hidden;background:#000;
    box-shadow:0 24px 70px rgba(0,0,0,.6)}
  .pframe iframe{width:100%;height:100%;border:0;display:block}

  /* khung viền padding cho stage */
  .pstage{padding:0 clamp(10px,3vw,32px) 24px}

  /* loading có animation */
  .loading{position:absolute;inset:0;display:grid;place-items:center;background:#120C1C}
  .loading.hide{display:none}
  .seedload{width:80px;height:80px;border-radius:28px;background:#2BB673;display:grid;place-items:center;
    font-size:44px;animation:bounce 1s ease-in-out infinite}
  @keyframes bounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.08)}}


/* ---- loading co chu ---- */
.loading{flex-direction:column;gap:16px}
.loading .ltext{color:#fff;font-weight:600;font-size:16px;opacity:.9}

/* ---- man loi ---- */
.loi{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;background:#15101F;padding:24px;text-align:center}
.loi.hide{display:none}
.loi-emoji{font-size:54px}
.loi-msg{color:#fff;font-weight:600;font-size:18px;max-width:340px;line-height:1.4}
.loi-actions{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap;justify-content:center}
.loi-btn{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;
  padding:14px 24px;border-radius:18px;min-height:56px;transition:transform .1s}
.loi-btn:active{transform:translateY(2px)}
.loi-thu{background:#FFB300;color:#3A2A00;box-shadow:0 4px 0 #FF8F00}
.loi-chon{background:rgba(255,255,255,.18);color:#fff;display:inline-flex;align-items:center}

/* ---- banner "dang xem tiep" ---- */
.tieptuc{position:absolute;left:50%;top:18px;transform:translate(-50%,-12px);z-index:4;
  background:rgba(0,0,0,.82);color:#fff;font-weight:700;font-size:15px;
  padding:10px 18px;border-radius:16px;opacity:0;pointer-events:none;
  transition:opacity .3s, transform .3s}
.tieptuc.show{opacity:1;transform:translate(-50%,0)}