/* ONEKH Player - gold playlist skin */
.onekhp { width:100%; margin:1rem 0; padding:18px; box-sizing:border-box; color:#d5d6da; background:#191c20; border-radius:3px; }
.onekhp-heading { font-size:1.15rem; font-weight:700; margin:0 0 .65rem; color:#c8c9cd; }
.onekhp-stage { position:relative; width:100%; aspect-ratio:16/9; background:#000; overflow:hidden; }
.onekhp-video,.onekhp-frame { display:block; width:100%; height:100%; min-height:220px; border:0; background:#000; }
.onekhp-stage iframe { position:absolute; inset:0; width:100%; height:100%; min-height:0; }
.onekhp-controls { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:.8rem 0 1rem; color:#c7c7c7; }
.onekhp-controls button { cursor:pointer; border:1px solid #b98a1d; color:#171717; background:linear-gradient(#f6d46b,#bd8917); padding:.55rem .7rem; font-size:15px; }
.onekhp-controls button:hover { filter:brightness(1.08); }
.onekhp-controls label { display:inline-flex; align-items:center; gap:.35rem; }
.onekhp-volume { width:110px; accent-color:#e3a91f; }
.onekhp-status { margin-left:auto; color:#c8c8c8; }
.onekhp-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin:.75rem 0 0; padding:0; max-height:250px; overflow-y:auto; overflow-x:hidden; scrollbar-width:auto; }
.onekhp-item { min-width:0; min-height:60px; border:2px solid #080808; border-radius:0; cursor:pointer; color:#fff; background:linear-gradient(#f5d46d,#bd8918); font-size:25px; line-height:1.1; text-align:center; padding:.5rem .25rem; }
.onekhp-item:hover { filter:brightness(1.12); }
.onekhp-item.is-active { background:linear-gradient(#ffd900,#d99c00); color:#fff; font-weight:700; box-shadow:inset 0 0 0 2px #1a1a1a; }
@media(max-width:600px) { .onekhp { padding:10px; } .onekhp-list { grid-template-columns:repeat(5,minmax(0,1fr)); max-height:250px; } .onekhp-item { min-height:48px; font-size:20px; } .onekhp-status { width:100%; margin-left:0; } .onekhp-controls button { padding:.45rem .55rem; } }
