/* =====================================================
   asia.com.ge — NX Player (2026-10-10)
   Skin for js/nx-player.js. Everything is scoped to .nxp.
   ===================================================== */
.nxp {
    --a: #B78CFF; --a2: #8B5CF6; --pink: #FF4D8D; --glow: rgba(183, 140, 255, .45);
    position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; isolation: isolate;
    border-radius: 14px; background: #000; color: #fff; user-select: none; -webkit-user-select: none;
    font: 500 14px/1.2 "NxSite", "Noto Sans Georgian", "Inter", system-ui, sans-serif; outline: none;
    -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
@supports not (aspect-ratio: 1) { .nxp { height: 0; padding-top: 56.25%; } }
.nxp *, .nxp *::before, .nxp *::after { box-sizing: border-box; }
.nxp svg { width: 22px; height: 22px; fill: currentColor; display: block; }
.nxp svg.st { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.nxp button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.nxp [hidden] { display: none !important; }

.nxp-v { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; object-fit: contain; }
.nxp-v::cue { background: rgba(0, 0, 0, .62); font-size: 1.05em; line-height: 1.35; }

/* poster + big play */
.nxp-poster { position: absolute; inset: 0; background: #07070D center / cover no-repeat; transition: opacity .45s; }
.nxp-poster::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, .05) 30%, rgba(0, 0, 0, .55) 100%), linear-gradient(180deg, rgba(0, 0, 0, .45), transparent 28%, transparent 62%, rgba(0, 0, 0, .7)); }
.nxp:not(.is-idle) .nxp-poster { opacity: 0; pointer-events: none; }
.nxp-big {
    position: absolute; z-index: 4; left: 50%; top: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%;
    display: grid; place-items: center;
    background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, #B28AF8, #7C4FE0);
    box-shadow: 0 0 0 8px rgba(183, 140, 255, .16), 0 0 46px var(--glow), 0 12px 30px rgba(0, 0, 0, .5);
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s, opacity .3s;
}
.nxp-big svg { width: 34px; height: 34px; margin-left: 5px; }
.nxp-big:hover { transform: scale(1.08); box-shadow: 0 0 0 12px rgba(183, 140, 255, .2), 0 0 60px var(--glow), 0 12px 30px rgba(0, 0, 0, .5); }
.nxp-big::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 2px solid rgba(183, 140, 255, .55); animation: nxpPulse 2.2s ease-out infinite; }
@keyframes nxpPulse { from { transform: scale(.9); opacity: 1; } to { transform: scale(1.35); opacity: 0; } }
.nxp:not(.is-idle):not(.is-ended) .nxp-big { opacity: 0; pointer-events: none; transform: scale(.7); }
.nxp.is-ended .nxp-big { display: none; }

/* title + age on top */
.nxp-top { position: absolute; z-index: 3; left: 0; right: 0; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 16px 18px 40px; background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent); pointer-events: none; transition: opacity .3s; }
.nxp-title { display: flex; flex-direction: column; gap: 3px; min-width: 0; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.nxp-title b { font-size: 16px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nxp-title span { font-size: 12.5px; color: rgba(255, 255, 255, .78); }
.nxp-title span:empty { display: none; }
.nxp-age { flex: 0 0 auto; padding: 4px 9px; border-radius: 8px; font-style: normal; font-size: 12px; font-weight: 800; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .25); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.nxp.is-playing:not(.is-ctl) .nxp-top { opacity: 0; }

/* spinner, center flash, double-tap ripples */
.nxp-spin { position: absolute; z-index: 3; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px; opacity: 0; pointer-events: none; transition: opacity .2s .15s; }
.nxp-spin i { position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .14); border-top-color: var(--a); border-right-color: var(--pink); animation: nxpSpin .8s linear infinite; filter: drop-shadow(0 0 8px var(--glow)); }
@keyframes nxpSpin { to { transform: rotate(360deg); } }
.nxp.is-wait .nxp-spin { opacity: 1; }
.nxp-flash { position: absolute; z-index: 3; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; border-radius: 50%; display: grid; place-items: center; background: rgba(0, 0, 0, .5); opacity: 0; pointer-events: none; }
.nxp-flash svg { width: 30px; height: 30px; }
.nxp-flash.is-on { animation: nxpFlash .6s ease-out; }
@keyframes nxpFlash { 0% { opacity: .95; transform: scale(.75); } 100% { opacity: 0; transform: scale(1.3); } }
.nxp-tap { position: absolute; z-index: 2; top: 0; bottom: 0; width: 38%; display: grid; place-items: center; opacity: 0; pointer-events: none; }
.nxp-tap.is-l { left: 0; border-radius: 0 50% 50% 0 / 0 50% 50% 0; background: radial-gradient(ellipse at 0 50%, rgba(255, 255, 255, .16), transparent 70%); }
.nxp-tap.is-r { right: 0; border-radius: 50% 0 0 50% / 50% 0 0 50%; background: radial-gradient(ellipse at 100% 50%, rgba(255, 255, 255, .16), transparent 70%); }
.nxp-tap span { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; }
.nxp-tap svg { width: 30px; height: 30px; }
.nxp-tap.is-on { animation: nxpTap .65s ease-out; }
@keyframes nxpTap { 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 0; } }

/* controls */
.nxp-ctl {
    position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; padding: 40px 14px 10px;
    background: linear-gradient(180deg, transparent, rgba(5, 4, 12, .55) 40%, rgba(5, 4, 12, .88));
    opacity: 0; transform: translateY(8px); transition: opacity .28s, transform .28s; pointer-events: none;
}
.nxp.is-ctl .nxp-ctl, .nxp.is-paused:not(.is-idle) .nxp-ctl, .nxp.is-menu .nxp-ctl, .nxp.is-ad .nxp-ctl { opacity: 1; transform: none; pointer-events: auto; }
.nxp.is-idle .nxp-ctl { display: none; }
.nxp.is-playing:not(.is-ctl):not(.is-menu) { cursor: none; }

.nxp-bar { position: relative; height: 18px; display: flex; align-items: center; cursor: pointer; outline: none; touch-action: none; }
.nxp-rail { position: relative; flex: 1; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .2); transition: height .15s; }
.nxp-bar:hover .nxp-rail, .nxp.is-drag .nxp-rail, .nxp-bar:focus-visible .nxp-rail { height: 6px; }
.nxp-buf, .nxp-prog { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: inherit; }
.nxp-buf { background: rgba(255, 255, 255, .3); }
.nxp-prog { background: linear-gradient(90deg, var(--a2), var(--a) 60%, var(--pink)); box-shadow: 0 0 10px var(--glow); }
.nxp-knob { position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(183, 140, 255, .35), 0 2px 6px rgba(0, 0, 0, .4); transform: scale(0); transition: transform .15s; pointer-events: none; }
.nxp-bar:hover .nxp-knob, .nxp.is-drag .nxp-knob, .nxp.is-touch .nxp-knob { transform: scale(1); }
.nxp-marks i { position: absolute; top: 0; bottom: 0; width: 4px; margin-left: -2px; background: #FBBF24; border-radius: 1px; }
.nxp-tip { position: absolute; bottom: 22px; left: 0; padding: 4px 8px; border-radius: 7px; font-size: 12px; font-weight: 700; background: rgba(12, 10, 24, .92); border: 1px solid rgba(183, 140, 255, .35); transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity .15s; white-space: nowrap; }
.nxp-bar:hover .nxp-tip, .nxp.is-drag .nxp-tip { opacity: 1; }
.nxp.is-ad .nxp-bar { pointer-events: none; }
.nxp.is-ad .nxp-prog { background: #FBBF24; box-shadow: none; }
.nxp.is-ad .nxp-knob, .nxp.is-ad .nxp-marks { display: none; }

.nxp-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; }
.nxp-l, .nxp-r { display: flex; align-items: center; gap: 2px; min-width: 0; }
.nxp-b { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; transition: background .2s, color .2s, transform .15s; }
.nxp-b:hover { background: rgba(255, 255, 255, .1); color: #E3D2FF; }
.nxp-b:active { transform: scale(.92); }
.nxp-b:focus-visible, .nxp-qb:focus-visible { outline: 2px solid var(--a); outline-offset: 1px; }
.nxp-pp svg { width: 26px; height: 26px; }
.nxp-time { margin-left: 8px; font-size: 13px; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, .78); white-space: nowrap; }
.nxp-time b { color: #fff; font-weight: 700; }
.nxp-qb { height: 26px; padding: 0 8px; margin-right: 4px; border-radius: 7px; font-size: 11.5px; font-weight: 800; letter-spacing: .03em; background: linear-gradient(135deg, var(--a), var(--a2)); box-shadow: 0 0 12px var(--glow); }

.nxp-vol { display: flex; align-items: center; }
.nxp-vol input { -webkit-appearance: none; appearance: none; width: 0; height: 4px; margin: 0; border-radius: 4px; opacity: 0; background: linear-gradient(90deg, #fff var(--v, 100%), rgba(255, 255, 255, .25) var(--v, 100%)); transition: width .25s, opacity .25s, margin .25s; cursor: pointer; }
.nxp-vol:hover input, .nxp-vol:focus-within input { width: 76px; opacity: 1; margin: 0 6px 0 2px; }
.nxp-vol input::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(183, 140, 255, .4); }
.nxp-vol input::-moz-range-thumb { width: 12px; height: 12px; border: 0; border-radius: 50%; background: #fff; }
.nxp-mu .x { display: none; }
.nxp.is-muted .nxp-mu .x { display: block; }
.nxp.is-muted .nxp-mu .w1, .nxp.is-muted .nxp-mu .w2 { display: none; }

/* settings menu + episodes drawer */
.nxp-menu {
    position: absolute; z-index: 8; right: 12px; bottom: 66px; width: 250px; max-height: calc(100% - 84px); overflow-y: auto; padding: 6px;
    border-radius: 14px; background: rgba(14, 11, 28, .94); border: 1px solid rgba(183, 140, 255, .25);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    opacity: 0; transform: translateY(8px) scale(.98); transform-origin: 100% 100%; pointer-events: none; transition: opacity .2s, transform .22s cubic-bezier(.22, 1, .36, 1);
    scrollbar-width: thin;
}
.nxp-menu.is-on { opacity: 1; transform: none; pointer-events: auto; }
.nxp-menu ul { list-style: none; margin: 0; padding: 0; }
.nxp-mi { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 10px; border-radius: 9px; text-align: left; color: #fff; text-decoration: none; font-size: 13.5px; }
.nxp-mi:hover { background: rgba(183, 140, 255, .14); }
.nxp-mi span { flex: 1; }
.nxp-mi em { font-style: normal; font-size: 12.5px; color: rgba(255, 255, 255, .6); }
.nxp-mi svg { width: 18px; height: 18px; color: rgba(255, 255, 255, .55); }
.nxp-mi.is-on { color: #E3D2FF; font-weight: 700; }
.nxp-mi.is-on svg { color: var(--a); }
.nxp-mi:not(.is-on) > svg:first-child:last-child { display: none; }
.nxp-mh { width: 100%; display: flex; align-items: center; gap: 6px; padding: 9px 8px 10px; margin-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, .1) !important; font-weight: 700; }
.nxp-mh svg { width: 18px; height: 18px; }

.nxp-eps {
    position: absolute; z-index: 8; top: 0; right: 0; bottom: 0; width: min(340px, 86%); display: flex; flex-direction: column;
    background: rgba(12, 10, 24, .95); border-left: 1px solid rgba(183, 140, 255, .25); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    transform: translateX(102%); transition: transform .32s cubic-bezier(.22, 1, .36, 1);
}
.nxp-eps.is-on { transform: none; }
.nxp-eps-h { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 10px; }
.nxp-eps-h b { font-size: 15px; }
.nxp-eps-h button { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; }
.nxp-eps-h button:hover { background: rgba(255, 255, 255, .1); }
.nxp-eps-l { flex: 1; overflow-y: auto; padding: 0 10px 12px; scrollbar-width: thin; }
.nxp-eps-s { margin: 10px 4px 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; color: var(--a); text-transform: uppercase; }
.nxp-eps-l button { width: 100%; display: flex; align-items: center; gap: 10px; padding: 9px 10px; margin-bottom: 4px; border-radius: 10px; text-align: left; font-size: 13px; transition: background .2s; }
.nxp-eps-l button:hover { background: rgba(255, 255, 255, .07); }
.nxp-eps-l button i { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; font-style: normal; font-weight: 800; font-size: 12px; background: rgba(255, 255, 255, .08); }
.nxp-eps-l button.is-cur { background: linear-gradient(90deg, rgba(183, 140, 255, .24), rgba(183, 140, 255, .06)); }
.nxp-eps-l button.is-cur i { background: linear-gradient(135deg, var(--a), var(--a2)); box-shadow: 0 0 12px var(--glow); }

/* toast, error, next-episode card */
.nxp-toast { position: absolute; z-index: 7; left: 16px; bottom: 82px; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 12px; background: rgba(14, 11, 28, .9); border: 1px solid rgba(183, 140, 255, .3); font-size: 13px; opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .3s, transform .3s; }
.nxp-toast.is-on { opacity: 1; transform: none; pointer-events: auto; }
.nxp-toast button { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; background: rgba(183, 140, 255, .2); font-weight: 700; font-size: 12.5px; }
.nxp-toast button svg { width: 15px; height: 15px; }
.nxp-err { position: absolute; z-index: 7; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; padding: 20px; background: rgba(5, 4, 12, .82); }
.nxp-err.is-on { display: flex; }
.nxp-err b { font-size: 16px; }
.nxp-err button { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 11px; font-weight: 700; background: linear-gradient(135deg, var(--a), var(--a2)); }
.nxp-err button svg { width: 18px; height: 18px; }
.nxp-nextcard { position: absolute; z-index: 7; right: 18px; bottom: 84px; width: 260px; padding: 14px; border-radius: 14px; background: rgba(14, 11, 28, .94); border: 1px solid rgba(183, 140, 255, .35); box-shadow: 0 14px 34px rgba(0, 0, 0, .5); opacity: 0; transform: translateX(16px); pointer-events: none; transition: opacity .3s, transform .35s cubic-bezier(.22, 1, .36, 1); }
.nxp-nextcard.is-on { opacity: 1; transform: none; pointer-events: auto; }
.nxp-nextcard p { margin: 0 0 4px; font-size: 11.5px; color: rgba(255, 255, 255, .6); }
.nxp-nextcard b { display: block; font-size: 14.5px; margin-bottom: 12px; }
.nxp-nextcard div { display: flex; gap: 8px; }
.nxp-nextcard button { height: 38px; padding: 0 14px; border-radius: 10px; font-weight: 700; font-size: 13px; background: rgba(255, 255, 255, .1); }
.nxp-nextcard .is-go { position: relative; flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; background: linear-gradient(135deg, var(--a), var(--a2)); overflow: hidden; }
.nxp-nextcard .is-go > svg:first-child { position: absolute; left: 6px; top: 50%; width: 26px; height: 26px; margin-top: -13px; fill: none; stroke: #fff; stroke-width: 2.4; stroke-dasharray: 101; stroke-dashoffset: 101; transform: rotate(-90deg); }
.nxp-nextcard.is-on .is-go > svg:first-child { animation: nxpCount var(--n, 8s) linear forwards; }
@keyframes nxpCount { to { stroke-dashoffset: 0; } }
.nxp-nextcard .is-go svg:not(:first-child) { width: 16px; height: 16px; }

/* casting */
.nxp-castov { position: absolute; z-index: 2; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: radial-gradient(circle, rgba(139, 92, 246, .3), rgba(5, 4, 12, .92)); }
.nxp-castov svg { width: 56px; height: 56px; color: var(--a); }
.nxp-castov span { color: rgba(255, 255, 255, .7); }
.nxp.is-casting .nxp-castov { display: flex; }

/* ---------- ads ---------- */
.nxp-adui { position: absolute; z-index: 7; inset: 0; display: none; pointer-events: none; }
.nxp.is-ad .nxp-adui { display: block; }
.nxp.is-ad .nxp-top, .nxp.is-ad .nxp-r > :not(.nxp-fs), .nxp.is-ad .nxp-bk, .nxp.is-ad .nxp-fw, .nxp.is-ad .nxp-nx, .nxp.is-ad .nxp-bns { display: none !important; }
.nxp-ad-tag { position: absolute; left: 14px; top: 14px; padding: 5px 10px; border-radius: 8px; font-size: 12px; font-weight: 800; color: #1A1206; background: #FBBF24; }
.nxp-ad-tag b { font-weight: 800; margin-left: 4px; font-variant-numeric: tabular-nums; }
.nxp-ad-more { position: absolute; right: 14px; top: 14px; display: flex; align-items: center; gap: 4px; padding: 7px 10px 7px 14px; border-radius: 10px; font-size: 13px; font-weight: 700; color: #fff; text-decoration: none; background: rgba(0, 0, 0, .55); border: 1px solid rgba(255, 255, 255, .25); pointer-events: auto; }
.nxp-ad-more svg { width: 16px; height: 16px; }
.nxp-ad-more:hover { background: rgba(0, 0, 0, .75); }
.nxp-ad-skip { position: absolute; right: 0; bottom: 88px; display: flex; align-items: center; gap: 8px; min-width: 150px; justify-content: center; padding: 12px 18px; border-radius: 12px 0 0 12px; font-size: 14px; font-weight: 700; background: rgba(0, 0, 0, .7) !important; border: 1px solid rgba(255, 255, 255, .3) !important; border-right: 0 !important; pointer-events: auto; transition: background .2s; }
.nxp-ad-skip b { display: inline-grid; place-items: center; min-width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, .18); font-size: 12px; }
.nxp-ad-skip:disabled { cursor: default; color: rgba(255, 255, 255, .75); }
.nxp-ad-skip:not(:disabled):hover { background: rgba(255, 255, 255, .95) !important; color: #000; }
.nxp-ad-skip svg { width: 16px; height: 16px; }

.nxp-bns { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.nxp-bn { position: absolute; pointer-events: auto; opacity: 0; transform: scale(.94); transition: opacity .45s, transform .5s cubic-bezier(.22, 1, .36, 1); }
.nxp-bn.is-pause { transform: translateY(40px); }
.nxp-bn.is-on { opacity: 1; transform: none; }
.nxp-bn.is-off { opacity: 0; transform: translateY(16px); }
.nxp-bn a { display: block; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .15); }
.nxp-bn img { display: block; width: 100%; height: auto; }
.nxp-bn-x { position: absolute; right: -9px; top: -9px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(14, 11, 28, .95) !important; border: 1px solid rgba(255, 255, 255, .35) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .5); }
.nxp-bn-x svg { width: 13px; height: 13px; }
.nxp-bn-tag { position: absolute; left: 6px; top: 6px; padding: 2px 6px; border-radius: 5px; font-size: 9.5px; font-weight: 700; background: rgba(0, 0, 0, .6); color: rgba(255, 255, 255, .85); pointer-events: none; }

/* fullscreen (real and pseudo) */
.nxp.is-fs { border-radius: 0; }
.nxp.is-pfs { position: fixed; z-index: 2147483000; inset: 0; width: 100vw; height: 100vh; height: 100dvh; aspect-ratio: auto; }
.nxp:fullscreen { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
.nxp:-webkit-full-screen { width: 100%; height: 100%; border-radius: 0; }
.nxp.is-fs .nxp-b { width: 46px; height: 46px; }
.nxp.is-fs svg { width: 25px; height: 25px; }

/* narrow players / phones */
.nxp.is-narrow .nxp-time { font-size: 12px; margin-left: 4px; }
.nxp.is-narrow .nxp-b { width: 36px; height: 36px; }
.nxp.is-narrow .nxp-big { width: 68px; height: 68px; margin: -34px 0 0 -34px; }
.nxp.is-narrow .nxp-big svg { width: 28px; height: 28px; }
.nxp.is-narrow .nxp-menu { right: 8px; bottom: 58px; width: min(240px, calc(100% - 16px)); }
.nxp.is-narrow .nxp-nextcard { right: 10px; bottom: 70px; width: min(240px, calc(100% - 20px)); }
.nxp.is-narrow .nxp-ad-skip { bottom: 70px; min-width: 0; padding: 10px 14px; font-size: 13px; }
.nxp.is-narrow .nxp-toast { left: 10px; bottom: 70px; }
.nxp.is-narrow .nxp-ctl { padding: 30px 8px 6px; }
.nxp.is-tiny .nxp-bk, .nxp.is-tiny .nxp-fw, .nxp.is-tiny .nxp-pi, .nxp.is-tiny .nxp-vol input { display: none !important; }
.nxp.is-tiny .nxp-top { padding: 10px 12px 30px; }
.nxp.is-tiny .nxp-title b { font-size: 14px; }
.nxp.is-touch .nxp-vol input { display: none; }
.nxp.is-touch .nxp-tip { display: none; }

@media (prefers-reduced-motion: reduce) { .nxp *, .nxp *::before { animation: none !important; transition: none !important; } }

/* inside the film page's 16:9 box */
#playerjs1 > .nxp { height: 100%; aspect-ratio: auto; border-radius: inherit; }
#playerjs1 > .nxp:fullscreen { border-radius: 0; }
/* YouTube links play in YouTube's own frame */
.nxp-yt { position: absolute; z-index: 9; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.nxp.is-yt .nxp-ctl, .nxp.is-yt .nxp-spin { display: none; }
.nxp.is-ad .nxp-time { display: none; }
/* the smallest phones (≈ 270–320 px player): everything still fits on one row */
.nxp.is-tiny .nxp-b { width: 32px; height: 34px; }
.nxp.is-tiny .nxp-b svg { width: 20px; height: 20px; }
.nxp.is-tiny .nxp-pp svg { width: 23px; height: 23px; }
.nxp.is-tiny .nxp-qb, .nxp.is-tiny .nxp-nx { display: none !important; }
.nxp.is-tiny .nxp-time { font-size: 11.5px; margin-left: 2px; }
.nxp.is-tiny .nxp-row { gap: 4px; }