/* ANKR Player skins base (v27 draft). Filename kept so index.html stays unchanged; skin rules live in pack.css (loaded by skin.js).
   Rule: skins may only change colour, background, filter, shadow, border-colour, text-shadow, font-family on the switcher/tag, and the decoration layer.
   Never position/size/margin/padding/transform/display on existing player elements. Enforced by the hotspot-rect test. */
#ankrSkinDeco{position:fixed;inset:0;pointer-events:none !important;z-index:2147483000;display:none;overflow:hidden}
html:not([data-ankr-skin="default"]) #ankrSkinDeco{display:block}
#ankrSkinDeco *{pointer-events:none !important}
/* visitor skin switcher (same element, same box in every skin) */
#ankrSkinSwitch{position:absolute;left:58.6%;top:44.2%;width:96px;box-sizing:border-box;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:40;font:700 10px/1 system-ui,sans-serif;letter-spacing:.06em;padding:4px 8px;border-radius:999px;border:1px solid rgba(240,190,110,.55);background:rgba(20,12,4,.78);color:#f3d9a4;cursor:pointer;pointer-events:auto}
#ankrSkinSwitch:hover,#ankrSkinSwitch:focus-visible{border-color:#ffb24a;outline:none;box-shadow:0 0 0 2px rgba(255,178,74,.35)}
@media (orientation:portrait){#ankrSkinSwitch{left:auto;right:3%;top:auto;bottom:1.2%}}
/* skin browser panel (hidden until the switcher is tapped) */
#ankrSkinPanel{position:absolute;left:58.6%;top:calc(44.2% + 22px);z-index:2147483100;width:210px;max-height:min(60vh,320px);overflow:auto;box-sizing:border-box;padding:8px;border-radius:12px;border:1px solid rgba(240,190,110,.55);background:rgba(14,9,4,.95);color:#f3d9a4;font:600 12px/1.2 system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.6)}
#ankrSkinPanel[hidden]{display:none}
@media (orientation:portrait){#ankrSkinPanel{position:fixed;left:50%;right:auto;top:50%;bottom:auto;translate:-50% -50%;width:min(86vw,300px);max-height:70vh}}
#ankrSkinFilter{width:100%;box-sizing:border-box;margin:0 0 6px;padding:6px 8px;border-radius:8px;border:1px solid rgba(240,190,110,.4);background:#000;color:#f3d9a4;font:inherit}
#ankrSkinPanel ul{list-style:none;margin:0;padding:0}
#ankrSkinPanel li{display:flex;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;cursor:pointer}
#ankrSkinPanel li[hidden]{display:none}
#ankrSkinPanel li:hover,#ankrSkinPanel li:focus-visible{background:rgba(255,178,74,.16);outline:none}
#ankrSkinPanel li[aria-selected="true"]{background:rgba(255,178,74,.28);color:#fff}