@media (max-width: 480px) {

  html[data-rc~="skel"] {
    --skel-in: 16px;                 
    --skel-pt: 6px;                  
    --skel-pet-mb: 14px;             
    --skel-key-h: 44px;              
    --skel-hair: rgba(255, 196, 78, .25);   
    --skel-hdr: 1;                   
    --skel-live: .9;                 
    
    --skel-win-b: calc(var(--skel-pt) + var(--skel-lcd-h, 220px) + var(--skel-pet-mb));
  }

  
  html[data-rc~="skel"], html[data-rc~="skel"] body { overscroll-behavior: none; }
  html[data-rc~="skel"]:not(.skel-chat):not(:has(.play-panel:not([hidden]))),
  html[data-rc~="skel"]:not(.skel-chat):not(:has(.play-panel:not([hidden]))) body { overflow: hidden; }
  html[data-rc~="skel"].skel-overflow, html[data-rc~="skel"].skel-overflow body { overflow-y: auto !important; }   
  
  html[data-rc~="skel"] .player-cards .is-marquee { animation: none !important; transform: none !important; }
  html[data-rc~="skel"] .player-cards .np-line,
  html[data-rc~="skel"] .player-cards .np-show-clip { -webkit-mask-image: none !important; mask-image: none !important; }

  
  html[data-rc~="skel"] .cx-modebar-row.deck-row,
  html[data-rc~="skel"] #player-min,
  html[data-rc~="skel"] .player-row,
  html[data-rc~="skel"] .np-ident,
  html[data-rc~="skel"] .now-label,
  html[data-rc~="skel"] .up-next-line,
  html[data-rc~="skel"] #start-hint,
  html[data-rc~="skel"] .progress { display: none !important; }
  
  html[data-rc~="skel"]:not(.skel-chat):not(.sk-leave-chat) .chat-panel { display: none !important; }   
  html[data-rc~="skel"]:not(.skel-chat) #bub-layer { visibility: hidden !important; }   

  
  html[data-rc~="skel"] .shell { padding-left: 0 !important; padding-right: 0 !important; }
  html[data-rc~="skel"] .topbar { border-radius: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

  
  
  @media (min-height: 700px) {
    html[data-rc~="skel"][data-skel-hdr="m"]  { --skel-hdr: 1.25; --skel-live: 1.02; }
    html[data-rc~="skel"][data-skel-hdr="l"]  { --skel-hdr: 1.42; --skel-live: 1.05; }
    html[data-rc~="skel"][data-skel-hdr="xl"] { --skel-hdr: 1.6;  --skel-live: 1.1; }
  }
  
  html[data-rc~="skel"] .wm-brand .brand-mark { height: calc(36px * var(--skel-hdr)); }
  html[data-rc~="skel"] .wm-brand .brand-mark { translate: 0 -4px; }   
  html[data-rc~="skel"] .live { gap: calc(8px * var(--skel-live, 1)); min-width: calc(81px * var(--skel-live, 1)); }   
  html[data-rc~="skel"] .live .lbl-on { height: calc(42px * var(--skel-live, 1)); }        
  html[data-rc~="skel"] .live .dot { width: calc(8px * var(--skel-live, 1)); height: calc(8px * var(--skel-live, 1)); }
  
  html[data-rc~="skel"][data-skel-nav="band"] .wm-brand .brand-mark { --ch-accent: var(--mk-acc-lt); }
  html[data-rc~="skel"] .live:not(.is-off) .lbl-on { opacity: .84; }
  
  html[data-rc~="skel"] .live::after { top: -2px; bottom: -2px; }
  html[data-rc~="skel"] .topbar { padding-left: var(--skel-in) !important; padding-right: var(--skel-in) !important; }   
  html[data-rc~="skel"] .live.is-off .dot::after { animation: none !important; opacity: 0 !important; }                       
  
  html[data-rc~="skel"] .live.is-off .lbl-off { display: none !important; }
  
  html[data-rc~="skel"] .live.is-off .lbl-on { display: inline-block !important; animation: none !important; opacity: .84; filter: none !important; }
  html[data-rc~="skel"] .live.is-off .lbl-on .lbl-shine { animation: none !important; }
  html[data-rc~="skel"] .live.is-off .dot { filter: none !important; opacity: 1 !important; }
  
  html[data-rc~="skel"] body.offair .live .lbl-on { background-image: none !important; background-color: var(--bone-dim, #8f8473) !important; opacity: .7; }
  html[data-rc~="skel"] body.offair .live .lbl-on .lbl-shine { display: none !important; }
  html[data-rc~="skel"] body.offair .live .dot { opacity: .35 !important; }   

  
  html[data-rc~="skel"] .player-info,
  html[data-rc~="skel"] .player-body,
  html[data-rc~="skel"] .player-now,
  html[data-rc~="skel"] .player-controls,
  html[data-rc~="skel"] .player-stack { display: contents !important; }   

  html[data-rc~="skel"] .player-cards {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "pet   pet   pet"
      "keys  keys  keys"
      "gapa  gapa  gapa"
      "show  show  show"
      "gap   gap   gap"
      "play  track clock"
      "foot  foot  foot"
      "net   net   net";
    
    grid-template-rows: auto auto minmax(18px, 1fr) auto minmax(6px, 2fr) auto auto auto;
    min-height: calc(100svh - var(--skel-top, 52px) - env(safe-area-inset-top, 0px));   
    box-sizing: border-box;
    align-items: center;
    column-gap: 14px;
    margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    max-height: none !important; overflow: visible !important;
    padding: var(--skel-pt) var(--skel-in) calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    
    background: linear-gradient(to bottom, #000 0, #000 var(--skel-win-b), var(--ink) var(--skel-win-b)) !important;
  }
  
  html[data-rc~="skel"][data-skel-keys="bottom"] .player-cards {
    grid-template-areas:
      "pet   pet   pet"
      "gapa  gapa  gapa"
      "show  show  show"
      "gap   gap   gap"
      "play  track clock"
      "foot  foot  foot"
      "net   net   net"
      "keys  keys  keys";
    grid-template-rows: auto minmax(8px, 1fr) auto minmax(6px, 2fr) auto auto auto auto;
    --skel-keys-b: calc(14px + env(safe-area-inset-bottom, 0px) + var(--skel-key-h) + 4px - var(--deck-tuck));
    background: linear-gradient(to top, var(--ink) 0, var(--ink) var(--skel-keys-b), #000 var(--skel-keys-b)) !important;
  }

  
  html[data-rc~="skel"].pet-on .bes-box {
    grid-area: pet; justify-self: center;
    width: var(--skel-lcd-w, 352px) !important; height: var(--skel-lcd-h, 220px);
    padding: 0 !important; margin: 0 0 var(--skel-pet-mb) !important;
  }
  html[data-rc~="skel"].pet-on .bes-box .wa3pet-lcd {
    width: 100% !important; height: 100% !important;
    --pet-fill: 0.62; --pet-fill-show: 0.62; --pet-floor: 0.09;   
  }

  
  html[data-rc~="skel"] .skel-keys {
    grid-area: keys; justify-self: center; position: relative; box-sizing: border-box;
    width: calc(100% - 8px);           
    margin: calc(-1 * var(--deck-tuck)) 0 0;   
    border-top-left-radius: 0; border-top-right-radius: 0;   
  }
  html[data-rc~="skel"][data-skel-keys="bottom"] .skel-keys { margin-top: 18px; }   
  
  html[data-rc~="skel"] .skel-keys::before {
    content: ""; position: absolute; z-index: 3; pointer-events: none;
    left: -20px; right: -20px; top: 0; height: var(--deck-tuck);   
    background: #000; box-shadow: 0 1px 0 rgba(255, 222, 188, .05);
  }
  html[data-rc~="skel"] .skel-keys::after {
    content: ""; position: absolute; z-index: 3; pointer-events: none;
    left: 0; right: 0; top: var(--deck-tuck); height: 13px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .52), rgba(0, 0, 0, 0));
  }
  
  html[data-rc~="skel"] .skel-tools { grid-area: foot; justify-self: end; margin: 14px 0 0; }
  
  html[data-rc~="skel"] .skel-tool svg,
  html[data-rc~="skel"] .skel-key .deck-pad { transform: none !important; }

  
  html[data-rc~="skel"] .skel-key.deck-key,
  html[data-rc~="skel"] .skel-tool.deck-key {
    animation: none;                   
    background-image: linear-gradient(to bottom,
      transparent 0, transparent calc(100% - 5px),
      rgba(0,0,0,var(--cap-lip-line)) calc(100% - 5px), rgba(0,0,0,var(--cap-lip-line)) calc(100% - 4px),
      rgba(255,255,255,var(--cap-lip-shelf)) calc(100% - 4px), rgba(255,255,255,var(--cap-lip-shelf)) calc(100% - 1px),
      rgba(255,255,255,var(--cap-lip-cut)) calc(100% - 1px), rgba(255,255,255,var(--cap-lip-cut)) 100%),
      var(--blast);
  }
  html[data-rc~="skel"] .skel-key.deck-key.on,
  html[data-rc~="skel"] .skel-key.deck-key:active,
  html[data-rc~="skel"] .skel-tool.deck-key:active {
    
    background-image: linear-gradient(to bottom,
      transparent 0, transparent calc(100% - 7px),
      rgba(0,0,0,var(--cap-lip-line-d)) calc(100% - 7px), rgba(0,0,0,var(--cap-lip-line-d)) calc(100% - 6px),
      rgba(255,255,255,var(--cap-lip-shelf-d)) calc(100% - 6px), rgba(255,255,255,var(--cap-lip-shelf-d)) calc(100% - 1px),
      rgba(255,255,255,var(--cap-lip-cut-d)) calc(100% - 1px), rgba(255,255,255,var(--cap-lip-cut-d)) 100%),
      var(--blast);
  }
  html[data-rc~="skel"] .skel-key.deck-key {
    flex: 1 1 0; width: auto; min-width: 0; height: var(--skel-key-h);
    flex-direction: column; justify-content: flex-start; align-items: center; gap: 0; padding: 0 0 5px;
  }
  html[data-rc~="skel"] .skel-tool.deck-key { width: 40px; height: 40px; padding: 0 0 4px; }   
  html[data-rc~="skel"] .skel-tool svg { width: 17px; height: auto; }
  html[data-rc~="skel"] .skel-key::after { display: none; }    
  html[data-rc~="skel"] .skel-key .deck-pad { margin-top: 9px; align-self: center; width: 24px; }
  
  html[data-rc~="skel"] .skel-key-lbl {
    margin-top: 9px; font: 400 11px/1 var(--chb-font, var(--pixel)); letter-spacing: .07em; text-transform: uppercase; white-space: nowrap;
  }

  
  html[data-rc~="skel"] .np-show { grid-area: show; margin: 0 !important; position: relative; }   
  html[data-rc~="skel"] .np-show-txt { flex-direction: column !important; align-items: flex-start !important; row-gap: 5px; min-width: 0; padding-right: 0 !important; }
  html[data-rc~="skel"] .np-show-clip { flex: 0 1 auto; min-width: 0; max-width: 100% !important; overflow: hidden; }
  
  html[data-rc~="skel"] .np-show-name {
    display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    white-space: normal !important; max-width: 100% !important;
  }
  html[data-rc~="skel"] .np-show-name { font-size: 30px !important; line-height: 1.08 !important; }   
  
  html[data-rc~="skel"] .np-show-tag { font-size: 16px !important; }
  
  html[data-rc~="skel"] .np-show-name::before { content: "[" / ""; }
  html[data-rc~="skel"] .np-show-name::after { content: "]" / ""; }
  
  html[data-rc~="skel"] .np-show-name[data-ar]::before, html[data-rc~="skel"] .np-show-name[data-ar]::after { font-family: "Cairo", var(--ar, sans-serif); }
  html[data-rc~="skel"] .np-od { display: none !important; }   
  html[data-rc~="skel"] .np-show-tag { flex: 0 1 auto; min-width: 0; max-width: calc(100% - 70px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  
  html[data-rc~="skel"] #share-np, html[data-rc~="skel"] #like-np { top: auto !important; bottom: -3px !important; transform: none !important; }
  html[data-rc~="skel"] #like-np { right: 0 !important; }        
  html[data-rc~="skel"] #share-np { right: 32px !important; }    
  html[data-rc~="skel"] #share-np:active, html[data-rc~="skel"] #like-np:active { transform: translateY(1px) !important; background-color: rgba(255, 222, 188, .08); transition: background-color 0s, transform .06s; }   
  @media (hover: none) {   
    html[data-rc~="skel"] #share-np:hover, html[data-rc~="skel"] #like-np:not([aria-pressed="true"]):hover { color: rgb(182, 165, 136); border-color: rgb(42, 38, 34); }
  }
  html[data-rc~="skel"] .rc-next { grid-area: foot; position: relative !important; inset: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
    margin: 14px 0 0 !important; justify-self: start; width: calc(100% - 140px) !important; min-width: 0; }   
  
  html[data-rc~="skel"] .rc-next { display: block !important; white-space: normal !important; text-align: left; line-height: 1.45; font-size: 12px !important; }   
  html[data-rc~="skel"] .rc-next > *,
  html[data-rc~="skel"] .rc-next .rc-nx-in { display: inline !important; margin: 0 !important; white-space: normal !important; overflow: visible !important; }
  html[data-rc~="skel"] .rc-next .rc-chev { margin-left: 4px !important; }
  html[data-rc~="skel"] .rc-next > .rc-nx { margin-left: .5ch !important; }
  html[data-rc~="skel"] .rc-next { padding-left: 0 !important; }      
  html[data-rc~="skel"] .np-line #track-artist::before { content: none !important; }
  html[data-rc~="skel"] .np-line #track-artist { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }      

  
  html[data-rc~="skel"] .skel-play-well { grid-area: play; align-self: center; justify-self: start; position: relative; }   
  html[data-rc~="skel"]:not([data-skel-play="cap"]) .skel-play-well { padding: 0; background: none; box-shadow: none; }   
  
  html[data-rc~="skel"] .skel-play-well > #mute.play-btn { pointer-events: auto !important; }
  html[data-rc~="skel"] #mute.play-btn {
    grid-area: play; margin: 0 !important; padding: 0 !important; box-sizing: border-box;
    display: grid !important; place-items: center; place-content: center; -webkit-tap-highlight-color: transparent;
  }
  html[data-rc~="skel"] #mute.play-btn svg { grid-area: 1 / 1; margin: 0; }   
  
  html[data-rc~="skel"] body.never-played:not(.offair) #mute.play-btn.muted::after { inset: -4px !important; margin: 0 !important; border-radius: 11px; animation-name: skel-tune-ring !important; }   
  @keyframes skel-tune-ring { from { opacity: .45; } to { opacity: 1; } }
  html[data-rc~="skel"] body.never-played #mute.play-btn:focus-visible { outline: 2px solid var(--bone, #ffdebc) !important; outline-offset: 7px !important; }   
  html[data-rc~="skel"][data-skel-play="ring"] body.never-played:not(.offair) #mute.play-btn.muted::after,
  html[data-rc~="skel"][data-skel-play="disc"] body.never-played:not(.offair) #mute.play-btn.muted::after { border-radius: 50%; }

  
  html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn {
    width: 68px !important; height: 60px !important; padding: 0 !important;   
    border: 0 !important; border-bottom: 3px solid var(--cap-wall) !important; border-radius: 7px !important;
    color: var(--cap-ink) !important; background-color: var(--cap-face) !important;
    background-image: linear-gradient(to bottom,
      transparent 0, transparent calc(100% - 5px),
      rgba(0,0,0,var(--cap-lip-line)) calc(100% - 5px), rgba(0,0,0,var(--cap-lip-line)) calc(100% - 4px),
      rgba(255,255,255,var(--cap-lip-shelf)) calc(100% - 4px), rgba(255,255,255,var(--cap-lip-shelf)) calc(100% - 1px),
      rgba(255,255,255,var(--cap-lip-cut)) calc(100% - 1px), rgba(255,255,255,var(--cap-lip-cut)) 100%),
      var(--blast) !important;
    background-blend-mode: normal, var(--cap-blend);
    box-shadow: inset 0 1px 0 rgba(255,255,255,var(--cap-rim)), inset 1px 0 0 rgba(255,255,255,.05), inset -1px 0 0 rgba(0,0,0,.28),
                inset 0 -1px 0 rgba(0,0,0,.30), 0 1px 0 rgba(0,0,0,.78) !important;
    transition: transform .13s ease-out, border-bottom-width .06s, background-color .07s, color .12s !important;
  }
  html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn svg { width: 34px; height: 34px; }   
  
  html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn:not(.muted),
  html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn:active {
    transform: translateY(2px) !important; filter: none !important; border-bottom-width: 1px !important;
    color: var(--cap-ink-down) !important; background-color: var(--cap-down) !important;
    background-image: linear-gradient(to bottom,
      transparent 0, transparent calc(100% - 7px),
      rgba(0,0,0,var(--cap-lip-line-d)) calc(100% - 7px), rgba(0,0,0,var(--cap-lip-line-d)) calc(100% - 6px),
      rgba(255,255,255,var(--cap-lip-shelf-d)) calc(100% - 6px), rgba(255,255,255,var(--cap-lip-shelf-d)) calc(100% - 1px),
      rgba(255,255,255,var(--cap-lip-cut-d)) calc(100% - 1px), rgba(255,255,255,var(--cap-lip-cut-d)) 100%),
      var(--blast) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 3px 5px rgba(0,0,0,.55), inset 1px 0 0 rgba(0,0,0,.10),
                inset -1px 0 0 rgba(0,0,0,.16), 0 1px 0 rgba(0,0,0,.34) !important;
  }
  html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn:not(.muted):active { transform: translateY(3px) !important; filter: brightness(.88) !important; transition-duration: .06s !important; }   
  html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn.muted:active { transition-duration: .06s !important; }

  
  html[data-rc~="skel"][data-skel-play="ring"] #mute.play-btn {
    width: 64px !important; height: 64px !important; border-radius: 50% !important; border: 0 !important;
    background: #050505 !important; color: var(--mk-acc-lt, var(--flame)) !important;
    box-shadow: 0 0 0 3px #241f1a, 0 0 0 4px rgba(255, 196, 78, .13),                  
                inset 0 0 0 1px rgba(214, 232, 170, .14),                                
                inset 0 0 20px color-mix(in oklab, var(--ch-accent, #ffc44e) 26%, transparent) !important;   
    transition: transform .13s ease-out, filter .13s ease-out, color .12s !important;
  }
  html[data-rc~="skel"][data-skel-play="ring"] #mute.play-btn.muted {
    color: var(--bone, #ffdebc) !important;
    box-shadow: 0 0 0 3px #241f1a, 0 0 0 4px rgba(255, 196, 78, .13), inset 0 0 0 1px rgba(214, 232, 170, .14) !important;   
  }
  html[data-rc~="skel"][data-skel-play="ring"] #mute.play-btn svg { width: 30px; height: 30px; }
  html[data-rc~="skel"][data-skel-play="ring"] #mute.play-btn:active { transform: translateY(1px) !important; filter: brightness(.82) !important; transition-duration: .06s !important; }

  
  html[data-rc~="skel"][data-skel-play="disc"] #mute.play-btn {
    width: 64px !important; height: 64px !important; border-radius: 9999px !important; border: 0 !important;
    background: color-mix(in oklab, var(--ch-accent, var(--flame)) 86%, #fff) !important; color: #000 !important; box-shadow: none !important;
    transition: background-color .12s cubic-bezier(.23, 1, .32, 1), transform .13s ease-out, filter .13s ease-out !important;
  }
  html[data-rc~="skel"][data-skel-play="disc"] #mute.play-btn svg { width: 30px; height: 30px; }
  html[data-rc~="skel"][data-skel-play="disc"] #mute.play-btn:active { transform: translateY(1px) !important; filter: brightness(.85) !important; transition-duration: .06s !important; }
  @media (max-height: 600px) {
    html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn { width: 60px !important; height: 54px !important; }
    html[data-rc~="skel"][data-skel-play="cap"] #mute.play-btn svg { width: 30px; height: 30px; }
    html[data-rc~="skel"][data-skel-play="ring"] #mute.play-btn,
    html[data-rc~="skel"][data-skel-play="disc"] #mute.play-btn { width: 56px !important; height: 56px !important; }
  }
  html[data-rc~="skel"] .np-line { grid-area: track; margin: 0 !important; min-width: 0; align-self: center; }
  html[data-rc~="skel"] .np-line-inner { display: flex !important; flex-direction: column; align-items: flex-start; row-gap: 6px; white-space: normal; min-width: 0; max-width: 100%; }
  html[data-rc~="skel"] .np-line-inner > * { max-width: 100% !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html[data-rc~="skel"] .np-line .track-title > .rc-tt { display: block !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html[data-rc~="skel"] .skel-clock {
    grid-area: clock; justify-self: end; align-self: center;
    font: 400 24px/1 var(--pixel); letter-spacing: .02em; font-variant-numeric: tabular-nums;   
    width: 4.2ch; text-align: right;   
    color: rgba(255, 222, 188, .42);   
  }
  html[data-rc~="skel"] #net-state { grid-area: net; position: static !important; inset: auto !important; transform: none !important; margin: 6px 0 0 !important; }   

  
  html[data-rc~="skel"] .skel-menu {
    position: fixed; inset: 0; z-index: 10005; background: #000; display: none; flex-direction: column;
    padding-top: env(safe-area-inset-top, 0);
    opacity: 0; transition: opacity .12s cubic-bezier(.4, 0, 1, 1), display .12s allow-discrete;   
  }
  html[data-rc~="skel"].skel-menu-open .skel-menu { display: flex; opacity: 1; transition: opacity .18s cubic-bezier(.2, .8, .3, 1), display .18s allow-discrete; }
  @starting-style { html[data-rc~="skel"].skel-menu-open .skel-menu { opacity: 0; } }
  html[data-rc~="skel"] .skel-menu-top { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 8px 0 var(--skel-in); border-bottom: 1px solid var(--skel-hair); }
  html[data-rc~="skel"] .skel-menu-top span { font: 400 12px/1 var(--pixel); letter-spacing: .14em; color: var(--racc-t, var(--ch-accent, var(--flame))); }   
  html[data-rc~="skel"] .skel-menu-x { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--bone, #ffdebc); cursor: pointer;
    transition: transform .13s ease-out, filter .13s ease-out; }
  html[data-rc~="skel"] .skel-menu-x svg { width: 16px; height: 16px; }
  html[data-rc~="skel"] .skel-menu-x:active { transform: translateY(1px); filter: brightness(.8); transition-duration: .06s; }
  html[data-rc~="skel"] .skel-menu-row {
    flex: 1 1 0; display: flex; align-items: center; justify-content: flex-start; gap: 12px;
    padding: 0 var(--skel-in); border: 0; border-bottom: 1px solid var(--skel-hair); background: transparent;
    color: var(--bone, #ffdebc); cursor: pointer; text-align: left;
  }
  html[data-rc~="skel"] .skel-menu-row .lat { font: 400 24px/1 var(--pixel); letter-spacing: .06em; text-transform: uppercase; text-shadow: 0 0 4px #000, 0 0 8px #000; }   
  html[data-rc~="skel"] .skel-menu-row:active { background-image: linear-gradient(rgba(255, 222, 188, .08), rgba(255, 222, 188, .08)); }   

  
  html[data-rc~="skel"].skel-chat .player-cards { display: none !important; }
  html[data-rc~="skel"] .skel-back { display: none; }
  html[data-rc~="skel"].skel-chat .skel-back,
  html[data-rc~="skel"] .stage:has(> .play-panel:not([hidden])) .skel-back {
    display: inline-flex; align-self: flex-start; width: auto; align-items: center; gap: 8px; position: relative; z-index: 2;
    margin: 10px var(--skel-in) 6px; min-height: 36px; padding: 0 14px 0 10px; border-radius: 9999px;
    border: 1px solid var(--skel-hair); background: #000; color: var(--bone, #ffdebc);
    font: 400 12px/1 var(--pixel); letter-spacing: .08em; text-transform: uppercase; cursor: pointer;
  }
  html[data-rc~="skel"] .skel-back .dot { width: 8px; height: 8px; border-radius: 9999px; background: var(--ch-accent, var(--flame)); }

  
  html[data-rc~="skel"] .stage:has(> .play-panel:not([hidden])) .player-cards { display: none !important; }

  @media (prefers-reduced-motion: reduce) {
    html[data-rc~="skel"] #share-np:active, html[data-rc~="skel"] #like-np:active { transform: none !important; }
    html[data-rc~="skel"] .skel-menu-x:active { transform: none; }
    
    html[data-rc~="skel"][data-skel-play] #mute.play-btn { transition: none !important; }   
    html[data-rc~="skel"][data-skel-play="ring"] #mute.play-btn:active,
    html[data-rc~="skel"][data-skel-play="disc"] #mute.play-btn:active { transform: none !important; }
  }
}