@media (max-width: 480px) {
  html[data-rc~="skel"][data-skel-band="stars"] .player-cards {
    grid-template-areas:
      "pet  pet  pet"
      "show show show"
      "band band band"
      "net  net  net"
      "z4   z4   z4";
    grid-template-rows: auto auto minmax(var(--skel-band-min, 150px), 1fr) auto auto;
  }
  
  html[data-rc~="skel"][data-skel-band="stars"] .skel-play-well,
  html[data-rc~="skel"][data-skel-band="stars"] .np-line,
  html[data-rc~="skel"][data-skel-band="stars"] .skel-clock,
  html[data-rc~="skel"][data-skel-band="stars"] .skel-tools,
  html[data-rc~="skel"][data-skel-band="stars"] .rc-next,
  html[data-rc~="skel"][data-skel-band="stars"] .np-show,
  html[data-rc~="skel"][data-skel-band="stars"] .player-stars { display: none !important; }
  
  html[data-rc~="skel"][data-skel-band="stars"] .tv-ticker { box-shadow: inset 0 1px 0 rgba(255, 222, 188, .09), inset 0 -1px 0 rgba(255, 196, 78, .5); }

  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-sky { grid-area: band; align-self: stretch; justify-self: stretch; position: relative; overflow: hidden; min-height: 0; margin: 0 calc(-1 * var(--skel-in, 16px)); }   
  html[data-rc~="skel"][data-skel-band="stars"] .sk-sky { cursor: pointer; touch-action: none;    -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; outline: none; }
  .sk-sky:focus-visible { box-shadow: inset 0 0 0 2px rgba(255, 222, 188, .45); }
  
  .sk-sky .sk-l { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
  .sk-sky .sk-figs { overflow: visible; will-change: transform; }
  .sk-sky .sk-fx { overflow: visible; }
  .sk-sky .sk-fly { overflow: visible; }
  .sk-flier { position: absolute; left: 0; top: 0; pointer-events: none; will-change: transform; }
  .sk-flier svg { display: block; overflow: visible; }
  .sk-flier .fl-strobe { animation: sk-strobe 1.4s steps(1, end) infinite; }
  @keyframes sk-strobe { 0%, 82% { opacity: .15; } 83%, 100% { opacity: 1; } }
  .sk-flier .fl-run { animation: sk-run 1.2s ease-in-out infinite; } .sk-flier .fl-run.b { animation-delay: -.6s; }
  @keyframes sk-run { 0%, 100% { opacity: .9; } 50% { opacity: .18; } }
  .sk-flier .fl-beam { opacity: 0; transform-box: view-box; transform-origin: 0 1.6px; transition: opacity .4s ease-out; }
  .sk-flier.scan .fl-beam { animation: sk-beam 7.55s linear both, sk-sweep 3.4s cubic-bezier(.4, 0, .6, 1) infinite; }
  @keyframes sk-beam { 0%, 36% { opacity: 0; } 40%, 78% { opacity: 1; } 82%, 100% { opacity: 0; } }
  @keyframes sk-sweep { 0%, 100% { rotate: -13deg; } 50% { rotate: 13deg; } }
  .sk-flier .fl-ping { opacity: 0; transform-box: fill-box; transform-origin: center; animation: sk-ping 1.9s cubic-bezier(0, .55, .35, 1) infinite; }
  @keyframes sk-ping { 0% { opacity: .62; transform: scale(1); } 100% { opacity: 0; transform: scale(6.3); } }
  
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu .sk-menu-sky { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu > :not(.sk-menu-sky) { position: relative; z-index: 1; }
  .sk-sky .st6 .core, .sk-sky .st6 .sp, .sk-sky .st6 .lit, .sk-sky .st6 .fc, .sk-sky .st6 .fs, .sk-sky .st6 .fh, .sk-sky .acc, .sk-sky .ring6 { transform-box: fill-box; transform-origin: center; }
  .sk-sky .st6 .fc, .sk-sky .st6 .fs, .sk-sky .st6 .fh, .sk-sky .st6 .lit { opacity: 0; pointer-events: none; }
  
  .sk-sky .st6.m .core, .sk-sky .st6.m .sp, .sk-sky .st6.m .lit { transition: opacity .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1); }
  .sk-sky .f6.wake .st6.m .core, .sk-sky .f6.wake .st6.m .sp { transform: scale(1.15); transition-duration: .1s; }
  .sk-sky .f6.wake .st6.m[data-t="1"] .core, .sk-sky .f6.wake .st6.m[data-t="1"] .sp { opacity: 1; }
  .sk-sky .f6.wake .st6.m[data-t="2"] .core { opacity: .95; }
  .sk-sky .f6.wake .st6.m[data-t="3"] .core { opacity: .82; }
  .sk-sky .f6.wake .st6.m[data-t="4"] .core { opacity: .55; }
  .sk-sky .f6.on .st6.m .core, .sk-sky .f6.on .st6.m .sp, .sk-sky .f6.on .st6.m .lit { transform: scale(1.15);
    transition: opacity .38s cubic-bezier(.77, 0, .175, 1) var(--dl, 0ms), transform .38s cubic-bezier(.77, 0, .175, 1) var(--dl, 0ms); }
  .sk-sky .f6.on .st6.m[data-t="1"] .core, .sk-sky .f6.on .st6.m[data-t="1"] .sp { opacity: 1; }
  .sk-sky .f6.on .st6.m[data-t="2"] .core { opacity: .95; }
  .sk-sky .f6.on .st6.m[data-t="3"] .core { opacity: .82; }
  .sk-sky .f6.on .st6.m[data-t="4"] .core { opacity: .55; }
  .sk-sky .f6.on .st6.m.passed .core, .sk-sky .f6.on .st6.m.passed .sp { opacity: 1; transform: scale(1.3); }
  .sk-sky .f6.on .st6.m .lit { transform: none; }
  .sk-sky .f6.on .st6.m.passed .lit { opacity: .26; }
  
  .sk-sky .ln6 line { fill: none; stroke: #e9e2d8; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1 1; stroke-dashoffset: 0; }
  .sk-sky .ln6 line.b { stroke-opacity: .17; stroke-width: .7; transition: stroke-opacity .24s cubic-bezier(.23, 1, .32, 1), stroke-width .24s cubic-bezier(.23, 1, .32, 1); }
  .sk-sky .f6.wake .ln6 line.b { stroke-opacity: .36; stroke-width: .85; transition-duration: .12s; }
  .sk-sky .ln6 line.hi { stroke-opacity: 0; stroke-width: .95; transition: stroke-opacity .24s cubic-bezier(.23, 1, .32, 1); }
  .sk-sky .f6.on .ln6 line.hi { stroke-opacity: .3; transition: none; }
  .sk-sky .f6.pass .ln6 line.hi { transition: stroke-opacity .5s ease-out; }
  .sk-sky .f6 .ln6 line.hi.lit { stroke-opacity: .36; transition: none; }
  .sk-sky .ln6 line.hd { stroke: #fff6ea; stroke-width: 1.5; opacity: 0; }
  
  .sk-sky .f6 .art { opacity: 0; transition: opacity .24s ease-out; }
  .sk-sky .f6.on .art { opacity: .48; transition: opacity .9s cubic-bezier(.23, 1, .32, 1) .3s; }
  
  .sk-sky .f6 .acc { opacity: 0; transform: scale(.6); transition: opacity .24s ease-out, transform .24s ease-out; }
  .sk-sky .f6.on .acc { opacity: 1; transform: none; transition: opacity .3s cubic-bezier(.23, 1, .32, 1) var(--ad, 0ms), transform .3s cubic-bezier(.23, 1, .32, 1) var(--ad, 0ms); }
  .sk-sky .f6 .acc circle, .sk-sky .f6 .acc path { fill: var(--racc); }
  .sk-sky .f6 .acc .head circle { opacity: .24; }
  .sk-sky .f6.on .acc .head path { animation: sk-pulse 3.4s ease-in-out infinite; }   
  @keyframes sk-pulse { 50% { opacity: .55; } }
  .sk-sky .f6 .acc .t1 { opacity: .5; } .sk-sky .f6 .acc .t2 { opacity: .3; } .sk-sky .f6 .acc .t3 { opacity: .15; }
  .sk-sky .f6 .gp { pointer-events: none; }
  .sk-sky .f6 .gp circle:not(:first-child) { fill: color-mix(in srgb, var(--racc) 45%, #fff6ea); }
  .sk-sky .ring6 { fill: none; stroke: #f3ece2; stroke-width: 1.2; vector-effect: non-scaling-stroke; pointer-events: none; opacity: 0; }
  .sk-sky .spk6 line { stroke: #fff6ea; stroke-width: 1.5; stroke-linecap: round; opacity: 0; }   
  .sk-sky .lan line, .sk-sky .lan-out line { stroke: #e9e2d8; stroke-width: .6; stroke-linecap: round; vector-effect: non-scaling-stroke; }
  .sk-sky .met6 { pointer-events: none; }
  
  
  .sk-lbl { position: absolute; z-index: 3; transform: translateX(-50%); display: grid; justify-items: center; gap: 3px; pointer-events: none;
    opacity: 1; white-space: nowrap; }
  
  .sk-lbl:not(.on) b, .sk-lbl:not(.on) .chev { color: rgba(255, 222, 188, .45); }
  .sk-lbl:not(.on) i { opacity: .45; }
  .sk-lbl.glint:not(.on) b { color: rgba(255, 222, 188, .8); transition-duration: .2s; }   
  .sk-lbl:not(.on) .chev { visibility: hidden; }
  .sk-lbl b { font: 400 10px/1 var(--pixel); letter-spacing: .38em; margin-right: -.38em; color: var(--racc-t, var(--racc)); white-space: pre; transition: color .3s ease-out; }
  .sk-lbl i { font: normal 400 12px/1.1 "Cairo", var(--ar, sans-serif); color: rgba(255, 222, 188, .72); }
  .sk-sky.instant *, .sk-sky.instant .sk-lbl { transition: none !important; animation: none !important; }

  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 { grid-area: z4; align-self: end; justify-self: stretch; display: flex; flex-direction: column; gap: 7px; padding: 8px 0 4px;
    --cap: rgb(95, 100, 108); --glyph: rgb(20, 22, 28);
    --sk-blast: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.010 1.8' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23b)' opacity='0.80'/%3E%3Crect width='64' height='64' filter='url(%23f)' opacity='0.14'/%3E%3C/svg%3E");
    --lip: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,0) calc(100% - 5px), rgba(0,0,0,.32) calc(100% - 5px), rgba(0,0,0,.32) calc(100% - 4px), rgba(255,255,255,.15) calc(100% - 4px), rgba(255,255,255,.15) calc(100% - 1px), rgba(255,255,255,.72) calc(100% - 1px), rgba(255,255,255,.72) 100%);
    --lip-d: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,0) calc(100% - 7px), rgba(0,0,0,.36) calc(100% - 7px), rgba(0,0,0,.36) calc(100% - 6px), rgba(255,255,255,.12) calc(100% - 6px), rgba(255,255,255,.12) calc(100% - 1px), rgba(255,255,255,.5) calc(100% - 1px), rgba(255,255,255,.5) 100%);
    --cap-shadow: inset 0 1px 0 rgba(255,255,255,.62), 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,.3), 0 1px 0 rgba(0,0,0,.78);
    --well-bg: rgb(4, 4, 10);
    --well-shadow: inset 0 1px 3px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,222,188,.08), 0 1px 0 rgba(255,222,188,.05); }
  
  .sk-z4 .sk-cap { position: relative; display: inline-flex; align-items: center; justify-content: center; border: 0; margin: 0; cursor: pointer;
    color: var(--glyph); background-color: var(--cap); background-image: var(--lip), var(--sk-blast); box-shadow: var(--cap-shadow);
    border-radius: 6px 4px 4px 6px; padding: 0 0 4px; font: 400 11px/1 var(--pixel); letter-spacing: .08em; -webkit-tap-highlight-color: transparent;
    transition: transform .12s ease-out, filter .12s ease-out; }
  .sk-z4 .sk-cap:active { transform: translateY(1px); filter: brightness(.9); transition-duration: .06s; }   
  .sk-z4 .sk-cap:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }
  .sk-z4 .sk-cap svg { width: 17px; height: auto; display: block; }
  
  .sk-z4 .sk-sblk { padding: 11px 10px 11px 14px; border-radius: 12px; background: #050508;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 196, 78, .42); }   
  .sk-z4 .sb-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; }
  .sk-z4 .sb-txt { display: grid; gap: 6px; min-width: 0; }
  .sk-z4 .sb-l1 { display: flex; align-items: baseline; gap: 9px; min-width: 0; white-space: nowrap; overflow: hidden; }
  .sk-z4 .sb-show { flex: 0 1 auto; min-width: 0; font: 400 23px/1.1 var(--pixel); color: var(--flame, #ffc44e); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sk-z4 .sb-show.ar { font-family: "Cairo", var(--ar, sans-serif); font-weight: 600; font-size: 22px; line-height: 1.25; }
  .sk-z4 .sb-host { flex: 1 1 0; min-width: 0; font: 400 16px/1.2 var(--pixel); color: rgba(255, 222, 188, .62); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .sk-z4 .sb-song { display: flex; align-items: baseline; gap: 9px; font: 400 15px/1 var(--pixel); letter-spacing: .04em; white-space: nowrap; overflow: hidden; min-width: 0; }
  .sk-z4 .sb-song b { font-weight: 400; color: #fff; text-transform: uppercase; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .sk-z4 .sb-song i { font-style: normal; color: rgba(255, 222, 188, .53); flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; }   
  .sk-z4 .sb-clock { flex: none; color: rgba(255, 222, 188, .55); letter-spacing: .06em; min-width: 2.9em; text-align: right; }   
  
  .mq-in { display: inline-flex; align-items: baseline; gap: inherit; white-space: nowrap; }
  .mq-on { position: relative; text-overflow: clip !important; }
  .mq-on > .mq-in { will-change: transform; }
  .mq-on::before, .mq-on::after { content: ""; position: absolute; top: 0; bottom: 0; width: 10px; z-index: 1; pointer-events: none; }   
  .mq-on::before { left: 0; background: linear-gradient(90deg, var(--mq-bg, #050508), transparent); }
  .mq-on::after { right: 0; background: linear-gradient(270deg, var(--mq-bg, #050508), transparent); }
  .tv-panel .mq-on, .tv-tab.mq-on { --mq-bg: transparent; }
  .mp-ttl.mq-on { --mq-bg: #000; }
  .mq-on .mq-in > * { flex: none !important; overflow: visible !important; text-overflow: clip !important; max-width: none !important; min-width: auto !important; }
  .mq-gap { padding: 0 .8em; opacity: .45; }
  .sk-z4 .sb-ta { flex: 1 1 0; min-width: 0; display: flex; align-items: baseline; gap: 9px; overflow: hidden; white-space: nowrap; }
  .sk-z4 .sb-ta .mq-in { gap: 9px; }
  .sk-z4 .sb-l1 .mq-in { gap: 9px; }
  .sk-z4 .sb-tap { cursor: pointer; -webkit-tap-highlight-color: transparent; border-radius: 3px; }   
  .sk-z4 .sb-tap:active { transform: translateY(1px); filter: brightness(.85); }
  .sk-z4 .sb-tap:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: -2px; }   
  .sk-z4 .sb-song .eq { display: inline-flex; gap: 2px; align-items: flex-end; height: 10px; align-self: center; flex: none; }
  .sk-z4 .sb-song .eq span { width: 2px; height: 10px; background: var(--racc, #ffc44e); transform-origin: 50% 100%; transform: scaleY(.3); }
  .sk-z4.playing .sb-song .eq span { animation: sk-eq 1s ease-in-out infinite; }   
  .sk-z4 .sb-song .eq span:nth-child(2) { animation-delay: -.3s; transform: scaleY(.7); } .sk-z4 .sb-song .eq span:nth-child(3) { animation-delay: -.6s; transform: scaleY(.5); }
  @keyframes sk-eq { 0%, 100% { transform: scaleY(.3); } 50% { transform: scaleY(1); } }
  .sk-z4 .sb-keys { display: flex; gap: 8px; }
  
  .sk-z4 .sk-cap.rnd { width: 40px; height: 40px; border-radius: 20px; padding: 0;
    background-image: radial-gradient(circle at 50% 32%, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 62%), var(--sk-blast);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 1px rgba(0, 0, 0, .35), 0 1px 0 rgba(0, 0, 0, .8), 0 2px 4px rgba(0, 0, 0, .45); }
  .sk-z4 .sk-cap.rnd svg { width: 17px; }
  .sk-z4 .sk-cap.rnd.on svg path { fill: currentColor; }   
  
  .sk-z4 .sk-ctl .ctl-labels { display: none !important; }   
  .sk-z4 .sk-ctl .ctl-labels-old { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2px; position: relative; z-index: 2; margin-bottom: -11px;
    padding: 7px 2px 17px; border-radius: 9px 9px 3px 3px; background: linear-gradient(180deg, #121218, #09090d 70%);
    box-shadow: inset 0 1px 0 rgba(255, 222, 188, .07), 0 5px 6px -2px rgba(0, 0, 0, .85), 0 1px 0 rgba(0, 0, 0, .9); }
  .sk-z4 .sk-ctl .ctl-labels span { text-align: center; font: 400 10px/1 var(--pixel); letter-spacing: .14em; color: rgba(255, 222, 188, .55); text-transform: uppercase; }
  .sk-z4 .sk-well { position: relative; z-index: 1; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2px; padding: 2px; width: 100%; box-sizing: border-box;
    background: var(--well-bg); box-shadow: var(--well-shadow); border-radius: 9px; }
  .sk-z4 .sk-well .sk-cap { height: 62px; padding-top: 10px; }
  .sk-z4 .sk-well .sk-cap svg { width: 19px; }
  .sk-z4 .sk-well .sk-cap.play { border-radius: 7px 4px 4px 7px; }
  .sk-z4 .sk-well .sk-cap.play svg { width: 26px; }
  .sk-z4 .sk-cap.play .i-pause { display: none; }
  .sk-z4.playing .sk-cap.play .i-play { display: none; }
  .sk-z4.playing .sk-cap.play .i-pause { display: block; }
  
  .sk-z4 .sk-cap.play.down { background-image: var(--lip-d), var(--sk-blast); background-color: rgb(84, 88, 96); padding-top: 12px; }
  
  
  html[data-rc~="skel"][data-skel-band="stars"] .player-cards:not(:has(.sk-z4)) .skel-play-well { visibility: hidden; }
  
  html[data-rc~="skel"][data-skel-band="stars"] .player-cards:not(:has(.sk-z4)) #mute { position: absolute; visibility: hidden; animation: sk-ux3-back 0s linear 15s forwards; }
  @keyframes sk-ux3-back { to { visibility: visible; } }
  .sk-z4 .sk-lamp { position: absolute; left: 10px; top: 17px; width: 6px; height: 6px; border-radius: 50%; pointer-events: none;
    background: #5b2421; box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .4); transition: background-color .2s ease-out, box-shadow .2s ease-out; }
  .sk-z4.playing .sk-lamp { background: #ff3b30; box-shadow: 0 0 6px 1px rgba(255, 59, 48, .75), inset 0 -1px 1px rgba(0, 0, 0, .4); }
  @media (prefers-reduced-motion: reduce) { .sk-z4.playing .sb-song .eq span { animation: none; } }
}


@media (max-width: 480px) {
  html[data-rc~="skel"] .sk-map { position: fixed; inset: 0; z-index: 10006; background: transparent; display: flex; flex-direction: column;
    padding-top: env(safe-area-inset-top, 0); padding-bottom: env(safe-area-inset-bottom, 0); overscroll-behavior: contain; touch-action: none; }
  html[data-rc~="skel"] .sk-map-ground { position: absolute; inset: 0; z-index: 0; background: #000; pointer-events: none; }
  
  html.sk-map-open:not(.sk-docked) body > :not(.sk-map), html.sk-map-open:not(.sk-docked) body > :not(.sk-map) *, html.sk-map-open:not(.sk-docked) body > :not(.sk-map) *::before, html.sk-map-open:not(.sk-docked) body > :not(.sk-map) *::after { animation-play-state: paused !important; }   
  
  html.sk-sched-open:not(.sk-docked) body > :not(.sk-sched), html.sk-sched-open:not(.sk-docked) body > :not(.sk-sched) *, html.sk-sched-open:not(.sk-docked) body > :not(.sk-sched) *::before, html.sk-sched-open:not(.sk-docked) body > :not(.sk-sched) *::after { animation-play-state: paused !important; }
  
  html.sk-docked .sk-gsheet *, html.sk-docked .sk-gsheet *::before, html.sk-docked .sk-gsheet *::after { animation-play-state: paused !important; }
  html[data-rc~="skel"] .sk-map-sky { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
  html[data-rc~="skel"] .sk-map > :not(.sk-map-sky):not(.sk-map-ground):not(.sk-map-card) { position: relative; z-index: 1; }
  html[data-rc~="skel"] .sk-map.closing { pointer-events: none; }
  html[data-rc~="skel"] .sk-map-top { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 6px 8px 6px var(--skel-in, 16px); }
  .sk-map-tt { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; min-width: 0; }
  .sk-map-tt b { font: 400 13.5px/1 var(--pixel); letter-spacing: .38em; margin-right: -.38em; color: var(--racc-t, var(--racc)); white-space: pre; }
  .sk-map-sub { font: 400 12px/1 var(--pixel); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 222, 188, .53); }   
  .sk-map-x { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--bone, #ffdebc); cursor: pointer; flex: none; }
  .sk-map-x svg { width: 16px; height: 16px; }
  .sk-map-x:active { transform: translateY(1px); filter: brightness(.8); }
  .sk-map-stage { flex: 1 1 auto; min-height: 0; position: relative; }
  
  .mp-fig { position: absolute; inset: 0; overflow: visible; pointer-events: none; }
  .mp-art image { opacity: .3; }
  .mp-fl { stroke: var(--racc); stroke-opacity: .55; stroke-width: 1; stroke-linecap: round; }
  .mp-fl.br { stroke-opacity: .35; }
  .mp-st { fill: #fff6ea; }
  .mp-sh { fill: #fff6ea; fill-opacity: .1; }
  
  .mp-lead { stroke: #e9e2d8; stroke-width: .8; opacity: 0; transition: opacity .18s ease-out; }
  .mp-lead.now { stroke: var(--racc); stroke-width: 1.2; opacity: .9; }
  .mp-lead.lit { stroke: var(--bone, #ffdebc); stroke-width: 1.1; opacity: .9; }
  .mp-anc { fill: #fff6ea; }
  .mp-anc.past { fill-opacity: .45; }
  .mp-anc-halo { fill: var(--racc); fill-opacity: .3; }
  
  .mp-pic { position: absolute; display: block; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer;
    -webkit-tap-highlight-color: transparent; touch-action: manipulation; outline: none; }
  .mp-im { position: absolute; left: 50%; top: 0; width: var(--d); height: var(--d); margin-left: calc(var(--d) / -2); overflow: hidden; border-radius: 10px;
    background: #14141c; box-shadow: 0 0 0 1px rgba(233, 226, 216, .5), 0 6px 18px rgba(0, 0, 0, .6); }
  .mp-im img { display: block; width: 100%; height: 100%; object-fit: cover; }
  .mp-im img.mp-new { position: absolute; inset: 0; }
  .mp-im.wait { background: #14141c linear-gradient(110deg, rgba(255, 222, 188, 0) 30%, rgba(255, 222, 188, .07) 50%, rgba(255, 222, 188, 0) 70%) 0 0 / 300% 100%; animation: mp-wait 1.4s linear 3; }   
  @keyframes mp-wait { from { background-position: 100% 0; } to { background-position: -50% 0; } }
  @media (prefers-reduced-motion: reduce) { .mp-im.wait { animation: none; } }
  .mp-t, .mp-air { position: absolute; top: 5px; font: 400 10px/1 var(--pixel); font-style: normal; border-radius: 3px; padding: 2px 4px 1px; white-space: nowrap; }
  .mp-t { left: 5px; color: #fff; background: rgba(0, 0, 0, .64); letter-spacing: .02em; }
  .mp-air { right: 5px; color: var(--air-ink, #0a0a0c); background: var(--racc-t, var(--racc)); letter-spacing: .12em; font-size: 10px; padding: 3px 5px 2px; }
  .mp-pic.now .mp-im { border-radius: 12px; box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--racc), 0 0 30px 4px color-mix(in srgb, var(--racc) 42%, transparent); }
  .mp-pic.now .mp-t { font-size: 12px; left: 6px; top: 6px; }
  .mp-pic.now .mp-air { top: auto; bottom: 6px; right: 6px; }
  .mp-pic.past .mp-im img { filter: grayscale(.5) brightness(.66); }
  .mp-pic.past .mp-im { box-shadow: 0 0 0 1px rgba(233, 226, 216, .24), 0 6px 18px rgba(0, 0, 0, .6); }
  .mp-lb { position: absolute; left: 0; right: 0; top: calc(var(--d) + 5px); text-align: center; pointer-events: none; }
  .mp-nm { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;
    font: 400 10px/1.18 var(--pixel); letter-spacing: .02em; text-transform: uppercase; color: rgba(255, 222, 188, .9); text-shadow: 0 1px 0 #000, 0 0 4px #000; }
  .mp-nm.ar { font: 600 12px/15px "Cairo", var(--ar, sans-serif); text-transform: none; letter-spacing: 0; }
  .mp-pic.now .mp-nm { font-size: 12px; color: var(--flame, #ffc44e); }
  .mp-pic.now .mp-nm.ar { font-size: 13.5px; line-height: 19px; }
  .mp-by { display: block; margin-top: 2px; font: 400 10px/12px var(--pixel); font-style: normal; color: rgba(255, 222, 188, .72); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 0 #000; }
  .mp-pic.past .mp-nm { color: rgba(255, 222, 188, .53); }
  .mp-pic.on .mp-im, .mp-pic:focus-visible .mp-im { box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--bone, #ffdebc), 0 6px 18px rgba(0, 0, 0, .6); }
  .mp-pic.now.on .mp-im { box-shadow: 0 0 0 2px #000, 0 0 0 4px var(--bone, #ffdebc), 0 0 30px 4px color-mix(in srgb, var(--racc) 42%, transparent); }
  .mp-pic:active .mp-im { translate: 0 1px; filter: brightness(.88); }
  
  .sk-map-card { position: absolute; left: var(--skel-in, 16px); right: var(--skel-in, 16px); bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 2;
    padding: 10px; border-radius: 14px; background: rgba(5, 5, 8, .95); box-shadow: inset 0 0 0 1px rgba(255, 196, 78, .38), 0 10px 30px rgba(0, 0, 0, .7);
    transform: translateY(calc(100% + 30px)); transition: transform .24s cubic-bezier(.4, 0, 1, 1); pointer-events: none; }
  .sk-map-card.top { bottom: auto; top: calc(62px + env(safe-area-inset-top, 0px)); transform: translateY(calc(-100% - 90px)); }
  .sk-map-card.on { transform: none; transition: transform .32s cubic-bezier(.23, 1, .32, 1); pointer-events: auto; }
  .mc-row { display: flex; gap: 12px; align-items: stretch; }
  .mc-img { position: relative; flex: none; width: 84px; height: 84px; border-radius: 8px; background: #14141c center / cover no-repeat; overflow: hidden; }
  .mc-time { position: absolute; left: 6px; top: 5px; font: 400 15px/1 var(--pixel); color: #fff; text-shadow: 0 1px 0 #000, 0 0 6px rgba(0, 0, 0, .8); }
  .mc-tx { display: grid; align-content: center; gap: 5px; min-width: 0; }
  .mc-name { font: 400 18px/1.1 var(--pixel); text-transform: uppercase; color: var(--flame, #ffc44e); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mc-name.ar { font: 600 18px/1.25 "Cairo", var(--ar, sans-serif); }
  .mc-by { font: 400 15px/1.15 var(--pixel); color: rgba(255, 222, 188, .75); }
  .mc-line { font: 400 12px/1.2 var(--mono, monospace); color: rgba(255, 222, 188, .5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mc-st { font: 400 10px/1 var(--pixel); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 222, 188, .6); }
  .mc-st.now { color: var(--racc-t, var(--racc)); }
  
  .mp-hub { position: absolute; left: 0; right: 0; top: 2px; display: flex; justify-content: center; pointer-events: none; }
  .mp-hub img { height: 100%; width: auto; transform: rotate(-4deg); filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .8)); }
  .mp-flow { position: absolute; left: 0; right: 0; perspective: 700px; perspective-origin: 50% 42%; outline: none; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
  .mp-cv { position: absolute; left: 50%; top: 0; width: var(--cw); height: var(--ch); margin: 0 0 0 calc(var(--cw) / -2); padding: 0; border: 0; border-radius: 4px; background: #14141c;
    cursor: pointer; will-change: transform; -webkit-tap-highlight-color: transparent; box-shadow: 0 0 0 1px rgba(233, 226, 216, .14); }   
  .mp-cv img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; pointer-events: none; }
  .mp-cv .mp-shade { position: absolute; inset: 0; border-radius: 4px; background: #000; opacity: 0; pointer-events: none; will-change: opacity; }      
  .mp-cv.mid { box-shadow: 0 0 0 1px rgba(255, 196, 78, .75), 0 18px 40px rgba(0, 0, 0, .7); }
  .mp-cv:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }
  .mp-info { position: absolute; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
  .mp-ttl { display: block; max-width: calc(100% - 40px); font: 400 18px/1.15 var(--pixel); color: var(--flame, #ffc44e); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 0 #000, 0 0 8px #000, 0 0 3px #000; }
  .mp-ttl.ar { font: 600 18px/1.3 "Cairo", var(--ar, sans-serif); text-transform: none; }
  .mp-meta { display: block; margin-top: 6px; font: 400 10px/1 var(--pixel); letter-spacing: .12em; color: rgba(255, 222, 188, .6); text-shadow: 0 1px 0 #000, 0 0 6px #000; }
  .mp-play { margin-top: 14px; display: inline-flex; align-items: center; gap: 9px; height: 46px; padding: 0 28px; border: 0; border-radius: 6px; background: var(--flame, #ffc44e);   
    color: #0a0a0c; font: 400 15px/1 var(--pixel); letter-spacing: .14em; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .mp-play svg { width: 13px; height: 13px; }
  .mp-play:active { transform: translateY(1px); filter: brightness(.9); }
  .mp-play:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }
  .mp-scrub { position: relative; margin-top: 16px; width: min(280px, calc(100% - 64px)); height: 30px; touch-action: none; cursor: pointer; }
  .mp-rail { position: absolute; left: 0; right: 0; top: 14px; height: 2px; border-radius: 1px; background: rgba(255, 222, 188, .22); }
  .mp-knob { position: absolute; top: 12px; width: 18px; height: 6px; margin-left: -9px; border-radius: 3px; background: var(--flame, #ffc44e); will-change: transform; }   
  
  .sk-map-card .mc-row { align-items: center; }
  .sk-map-card .mc-tx { flex: 1 1 auto; }
  .sk-map-card .mc-acts { flex: none; display: grid; gap: 8px; margin-left: 4px; }
  .sk-map-card .mc-btn, .sk-map-card .sched-bell.mc-btn { position: relative; width: 42px; height: 42px; display: grid; place-items: center; padding: 0; margin: 0; border: 0; border-radius: 50%;
    background: rgba(255, 222, 188, .08); color: var(--bone, #ffdebc); box-shadow: inset 0 0 0 1px rgba(255, 222, 188, .24); cursor: pointer; -webkit-tap-highlight-color: transparent; opacity: 1; }
  .sk-map-card .mc-btn svg { width: 17px; height: 17px; }
  .sk-map-card .mc-btn:active { transform: translateY(1px); filter: brightness(.88); }
  .sk-map-card .mc-btn:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 2px; }
  .sk-map-card .sched-bell.mc-btn.on { background: var(--flame, #ffc44e); color: #0a0a0c; box-shadow: none; }
  .sk-map-card .mc-btn[hidden], .sk-map-card .mc-acts[hidden] { display: none; }   
  .sk-map-card .mc-taste .mc-g { display: block; width: 0; height: 0; margin-left: 3px; border-style: solid; border-width: 7px 0 7px 12px; border-color: transparent transparent transparent currentColor; }   
  .sk-map-card .mc-taste.on { background: var(--racc-t, var(--racc)); color: #0a0a0c; box-shadow: none; }
  .sk-map-card .mc-taste.on .mc-g { width: 11px; height: 11px; margin: 0; border: 0; background: currentColor; }   
  @property --mc-p { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
  .sk-map-card .mc-taste.on::before { content: ""; position: absolute; inset: -4px; border-radius: 50%; pointer-events: none;
    background: conic-gradient(var(--racc) var(--mc-p), rgba(255, 222, 188, .14) 0); -webkit-mask: radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 2px)); mask: radial-gradient(closest-side, transparent calc(100% - 2px), #000 calc(100% - 2px));
    animation: mc-ring 20s linear forwards; }   
  @keyframes mc-ring { to { --mc-p: 100%; } }
  
  .sk-map-card .mc-taste.mc-live.on .mc-g { box-sizing: border-box; width: 11px; height: 12px; margin: 0; border-style: solid; border-width: 0 4px; border-color: currentColor; background: none; }
  .sk-map-card .mc-taste.mc-live.on::before { content: none; }
  
  .mp-acts { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
  .mp-acts .mp-play { margin-top: 0; }
  .mp-fav { width: 46px; height: 46px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 222, 188, .08); color: var(--flame, #ffc44e);
    box-shadow: inset 0 0 0 1.5px rgba(255, 196, 78, .55); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color .12s ease-out; }
  .mp-fav svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
  .mp-fav.on { background: rgba(255, 196, 78, .16); }
  .mp-fav.on svg { fill: currentColor; }
  .mp-fav:active { transform: translateY(1px); filter: brightness(.9); }
  .mp-fav:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { .sk-map-card .mc-taste.on::before { animation: none; --mc-p: 100%; } }
  
  .sk-lbl .chev { display: inline-block; margin-left: 2px; color: var(--racc-t, var(--racc)); }
  .sk-lbl.on .chev { animation: sk-chev 2.6s ease-in-out 1s 3; }   
  @keyframes sk-chev { 0%, 60%, 100% { transform: none; } 70% { transform: translateX(2px); } 80% { transform: none; } 88% { transform: translateX(2px); } }
  @media (prefers-reduced-motion: reduce) { .sk-lbl .chev { animation: none; } }
}


@media (max-width: 480px) {
  html[data-rc~="skel"] .sk-sched { --pg: #000; --ink: var(--bone, #ffdebc); --hi: var(--racc-t, var(--racc));
    position: fixed; inset: 0; z-index: 10006; display: flex; flex-direction: column; background: var(--pg); color: var(--ink);
    padding-top: env(safe-area-inset-top, 0); overscroll-behavior: contain; }
  html[data-rc~="skel"] .sk-sched.accent { --pg: var(--racc); --ink: #0a0a0c; --hi: #0a0a0c; }
  .sk-sched .ss-top { flex: none; display: flex; align-items: center; gap: 4px; height: 64px; padding: 0 16px 0 4px; background: #000; color: var(--bone, #ffdebc);
    border-bottom: 1px solid var(--racc); }
  .sk-sched .ss-back { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
  .sk-sched .ss-back svg { width: 10px; height: 16px; }
  .sk-sched .ss-back:active { transform: translateY(1px); filter: brightness(.8); }
  .sk-sched .ss-tt { display: flex; align-items: baseline; gap: 10px; min-width: 0; }
  .sk-sched .ss-title { font: 400 18px/1 var(--pixel); letter-spacing: .06em; font-weight: 400; }
  .sk-sched .ss-room { font: 400 12px/1 var(--pixel); letter-spacing: .38em; margin-right: -.38em; color: var(--racc-t, var(--racc)); white-space: pre; }
  .sk-sched .ss-ar { font: normal 600 15px/1 "Cairo", var(--ar, sans-serif); color: rgba(255, 222, 188, .75); }
  .sk-sched .ss-days { flex: none; display: flex; justify-content: space-between; padding: 16px; }   
  .sk-sched .ss-day { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 40px; padding: 0; margin: 0; border: 0; background: none; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .sk-sched .ss-dw { font: 400 12px/16px var(--pixel); letter-spacing: .02em; color: var(--ink); }
  .sk-sched .ss-dn { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font: 400 16px/1 var(--pixel); background: var(--ink); color: var(--pg); }
  .sk-sched .ss-day.sel .ss-dn { background: var(--pg); box-shadow: inset 0 0 0 2px var(--hi); color: var(--hi); }
  .sk-sched .ss-day:active .ss-dn { transform: translateY(1px); }
  .sk-sched .ss-list { position: relative; flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 0 16px 32px; }
  .sk-sched .ss-row { display: flex; align-items: stretch; padding: 8px 0; margin-bottom: 8px; -webkit-user-select: none; user-select: none; }
  .sk-sched .ss-pic { position: relative; flex: none; width: min(144px, 37vw); min-height: min(144px, 37vw); overflow: hidden; background: #14141c; }
  .sk-sched .ss-pic img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }   
  .sk-sched .ss-sky { position: absolute; left: 0; right: 0; bottom: 0; top: 64px; width: 100%; height: calc(100% - 64px); pointer-events: none; z-index: 0; }
  .sk-sched .ss-days, .sk-sched .ss-list { position: relative; z-index: 1; }
  .sk-sched .ss-pic.nopic { background: #0b0b10 var(--rart) center / 82% no-repeat; }   
  .sk-sched .ss-time { position: absolute; left: 6px; top: 6px; display: flex; align-items: flex-end; gap: 2px; color: var(--racc-t, var(--racc));
    padding: 4px 6px 2px; background: rgba(0, 0, 0, .72); }   
  .sk-sched .ss-time b { font: 400 36px/36px var(--pixel); font-weight: 400; }
  .sk-sched .ss-time small { padding-bottom: 3px; font: 400 16px/1 var(--pixel); }
  .sk-sched .ss-tx { flex: 1 1 auto; min-width: 0; display: flex; align-items: flex-start; gap: 12px; padding: 8px 8px 8px 8px; }
  .sk-sched .ss-words { flex: 1 1 auto; min-width: 0; }
  .sk-sched .ss-name { margin: 0 0 4px; font: 400 21px/1.25 var(--pixel); text-transform: uppercase; color: var(--ink); overflow-wrap: anywhere;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .sk-sched .ss-name.ar { font: 700 21px/1.3 "Cairo", var(--ar, sans-serif); }
  .sk-sched .ss-by { margin: 0 0 8px; display: flex; align-items: baseline; gap: 5px; flex-wrap: wrap; color: var(--ink); }
  .sk-sched .ss-w { font: 400 15px/20px var(--pixel); }
  .sk-sched .ss-host { font: 400 18px/1.05 var(--pixel); }
  .sk-sched .ss-host.ar { font: 600 18px/1.2 "Cairo", var(--ar, sans-serif); }
  .sk-sched .ss-onair { display: inline-block; margin-top: 8px; padding: 4px 7px 3px; font: 400 10px/1 var(--pixel); letter-spacing: .14em; background: var(--hi); color: var(--pg); }
  .sk-sched .ss-share { flex: none; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--pg); box-shadow: inset 0 0 0 2px var(--ink); color: var(--ink); cursor: pointer;
    transition: background-color .15s ease-out, color .15s ease-out; }
  .sk-sched .ss-share svg { width: 17px; height: 17px; }
  .sk-sched .ss-share:active { background: var(--ink); color: var(--pg); }
  .sk-sched .ss-row.now .ss-pic { box-shadow: inset 0 0 0 2px var(--racc); }
  .sk-sched .ss-end { display: grid; place-items: center; min-height: 60vh; font: 400 21px/1.3 var(--pixel); color: var(--ink); text-align: center; }
  html[data-rc~="skel"] .sk-sched.accent .ss-pic { background: var(--racc); }
  html[data-rc~="skel"] .sk-sched.accent .ss-pic img { filter: grayscale(1) contrast(1.2) brightness(1.05); mix-blend-mode: multiply; }
  html[data-rc~="skel"] .sk-sched.accent .ss-pic.nopic { background: var(--racc) var(--rart) center / 82% no-repeat; background-blend-mode: multiply; }
  html[data-rc~="skel"] .sk-sched.accent .ss-time { text-shadow: 0 0 1px #000, 0 1px 2px rgba(0, 0, 0, .6); }
  html[data-rc~="skel"] .sk-sched.accent .ss-row.now .ss-pic { box-shadow: inset 0 0 0 2px #0a0a0c; }
}


@media (max-width: 480px) {
  html[data-rc~="skel"][data-skel-band="stars"] { --sk-ease: cubic-bezier(.32, .72, 0, 1); }
  .sk-grab { flex: none; height: 22px; display: grid; place-items: center; touch-action: none; cursor: grab; -webkit-tap-highlight-color: transparent; }
  .sk-grab i { display: block; width: 36px; height: 5px; border-radius: 3px; background: rgba(255, 222, 188, .34); }
  
  .sk-z4 .sk-well .sk-cap.down:not(.play) { background-image: var(--lip-d), var(--sk-blast); background-color: rgb(84, 88, 96); padding-top: 12px; }
  
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat .player-cards { display: grid !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .skel-back { display: none !important; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat, html[data-rc~="skel"][data-skel-band="stars"].skel-chat body { overflow: hidden !important; }
  html[data-rc~="skel"][data-skel-band="stars"] #bub-layer { visibility: hidden !important; }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.skel-chat, .sk-leave-chat) .chat-panel {
    position: fixed !important; left: 0 !important; right: 0 !important;    top: var(--sk-dock-top, 356px) !important; bottom: var(--sk-dock-bot, 100px) !important;
    z-index: 60; margin: 0 !important; width: auto !important; height: auto !important; max-height: none !important; min-height: 0 !important;
    display: flex !important; flex-direction: column; overflow: hidden;
    border-radius: 0; background: var(--ink, #292a37) !important;   
    box-shadow: inset 0 1px 0 rgba(255, 222, 188, .1) !important;   
    animation: none !important;   
    transition: top .3s var(--sk-ease), bottom .3s var(--sk-ease), border-radius .3s var(--sk-ease); }   
  
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-typing:is(.sk-kb, .sk-kbwait) .chat-panel { top: env(safe-area-inset-top, 0px) !important; bottom: calc(var(--sk-kb, 0px) + var(--sk-keys-b, 10px) + var(--sk-keys-h, 64px) - 12px) !important; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-typing:is(.sk-kb, .sk-kbwait) .sk-z4 .sk-ctl { position: fixed; left: 0; right: 0; bottom: var(--sk-kb, 0px); z-index: 6;   
    box-sizing: border-box; padding: 0 var(--sk-dock-r, 16px) var(--sk-keys-b, 10px) var(--sk-dock-l, 16px); background: #000; }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.skel-chat, .sk-leave-chat) .chat-panel > :not(.sk-grab) { min-height: 0; }
  
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu { inset: auto 0 var(--sk-dock-bot, 100px) 0; top: var(--sk-dock-top, 356px); padding-top: 0;   
    border-radius: 0; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255, 222, 188, .1); }   
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu, html[data-rc~="skel"][data-skel-band="stars"].skel-menu-open .skel-menu { transition: none; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-leave-menu .skel-menu { display: flex; opacity: 1; }   
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu .skel-menu-top { touch-action: none; }
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu .skel-menu-row .lat { font-size: 21px; }
  
  html[data-rc~="skel"] .sk-gsheet { position: fixed; left: 0; right: 0; top: var(--sk-dock-top, 356px); bottom: var(--sk-dock-bot, 100px); z-index: 60;
    display: flex; flex-direction: column; overflow: hidden; border-radius: 0; background: #030305;   
    box-shadow: inset 0 1px 0 rgba(255, 222, 188, .1); color: var(--bone, #ffdebc); }   
  html[data-rc~="skel"] .sk-gsheet[hidden] { display: none; }
  .sk-gtop { flex: none; display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 4px 0 16px; touch-action: none; }
  .sk-gtop b { font: 400 12px/1 var(--pixel); letter-spacing: .4em; margin-right: -.4em; color: var(--flame, #ffc44e); white-space: pre; }
  .sk-gcount { flex: 1; font: 400 10px/1 var(--pixel); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 222, 188, .53); }
  .sk-gx { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--bone, #ffdebc); cursor: pointer; }
  .sk-gx svg { width: 15px; height: 15px; }
  
  .sk-chat-x { display: none; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat .chat-panel > .sk-chat-x { display: grid; position: absolute; top: 0; right: 6px; z-index: 5; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-well .sk-cap.down:not(.play)::after { content: ""; position: absolute; left: 10px; top: 20px; width: 6px; height: 6px; border-radius: 50%; pointer-events: none;
    background: var(--flame, #ffc44e); box-shadow: 0 0 6px 1px rgba(255, 196, 78, .7), inset 0 -1px 1px rgba(0, 0, 0, .35); }
  .sk-gstage { position: relative; flex: 1 1 auto; min-height: 0; }
  .sk-gsky { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
  .sk-con { position: absolute; transform: translate(-50%, -50%); display: grid; justify-items: center; gap: 7px; padding: 4px; margin: 0; border: 0; background: none; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .sk-con-f { display: block; width: calc(var(--w) * var(--gk, 1)); animation: sk-bob var(--bob) ease-in-out var(--ph) infinite; transition: translate .1s ease-out; }
  .sk-con-f img { display: block; width: 100%; height: auto; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .7)); transition: filter .25s ease-out; }      
  @keyframes sk-bob { 0%, 100% { transform: translateY(-3px) rotate(var(--rot)); } 50% { transform: translateY(3px) rotate(calc(var(--rot) * -1)); } }
  .sk-con:active .sk-con-f { translate: 0 1px; }
  .sk-con.on .sk-con-f img { filter: drop-shadow(0 0 12px rgba(255, 196, 78, .5)) drop-shadow(0 6px 10px rgba(0, 0, 0, .7)); }
  .sk-con.dim .sk-con-f img { filter: brightness(.5) saturate(.7) drop-shadow(0 6px 10px rgba(0, 0, 0, .7)); }
  .sk-con-l { display: grid; justify-items: center; gap: 3px; opacity: .62; transition: opacity .25s ease-out; pointer-events: none; }
  .sk-con-l b { font: 400 10px/1 var(--pixel); letter-spacing: .1em; white-space: nowrap; text-shadow: 0 0 4px #000, 0 0 8px #000; }   
  .sk-con.on .sk-con-l { opacity: 1; } .sk-con.on .sk-con-l b { color: var(--flame, #ffc44e); }
  .sk-con:focus-visible { outline: 2px solid rgba(255, 222, 188, .6); outline-offset: 2px; border-radius: 8px; }
  .sk-con[hidden] { display: none; }
  .sk-con-fav .sk-con-f img { filter: drop-shadow(0 0 10px rgba(255, 196, 78, .35)) drop-shadow(0 4px 8px rgba(0, 0, 0, .7)); }
  .sk-ghint { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font: 400 10px/1 var(--pixel); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 222, 188, .55); pointer-events: none; }
  
  html.sk-silent-games .play-panel { visibility: hidden !important; }
  html.sk-silent-games .stage:has(> .play-panel:not([hidden])) .player-cards { display: grid !important; }
  @media (prefers-reduced-motion: reduce) { .sk-con-f { animation: none; } }
}


@media (max-width: 480px) {
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 { gap: 0; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-sblk { position: relative; z-index: 2; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 196, 78, .42), 0 6px 8px -2px rgba(0, 0, 0, .9); }
  
  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-sblk > * { transition: visibility 0s linear 0s; }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.sk-games-open, .skel-chat, .skel-menu-open, .sk-sched-open, .sk-room-open):not(.sk-peek) .sk-z4 .sk-sblk > * { visibility: hidden; transition: visibility 0s linear .5s; }   
  
  html[data-rc~="skel"][data-skel-band="stars"]:is(.sk-games-open, .skel-chat, .skel-menu-open, .sk-sched-open, .sk-room-open):not(.sk-peek) .sk-z4 .sk-sblk *, html[data-rc~="skel"][data-skel-band="stars"]:is(.sk-games-open, .skel-chat, .skel-menu-open, .sk-sched-open, .sk-room-open):not(.sk-peek) .sk-z4 .sk-sblk *::before, html[data-rc~="skel"][data-skel-band="stars"]:is(.sk-games-open, .skel-chat, .skel-menu-open, .sk-sched-open, .sk-room-open):not(.sk-peek) .sk-z4 .sk-sblk *::after { animation-play-state: paused !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-ctl { position: relative; z-index: 1; margin-top: -12px; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-well { padding-top: 0; border-radius: 0 0 9px 9px; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-well .sk-cap { height: 62px; padding-top: 13px; border-radius: 0 0 6px 6px; }   
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-sblk { padding-bottom: 12px; }   
  
  html[data-rc~="skel"][data-skel-band="stars"][data-skel-ios] .sk-z4 .sk-well .sk-cap { height: 50px; padding-top: 12px; }
  html[data-rc~="skel"][data-skel-band="stars"][data-skel-ios] .sk-z4 .sk-lamp { top: 18px; }
  html[data-rc~="skel"][data-skel-band="stars"][data-skel-ios] .sk-z4 .sk-well .sk-cap.down:not(.play)::after { top: 18px; }   
  html[data-rc~="skel"][data-skel-band="stars"][data-skel-ios] .sk-z4 .sk-well .sk-cap.down { padding-top: 14px; }   
  
  html[data-rc~="skel"] .bes-box .wa3pet-bub { top: calc(var(--skel-lcd-h, 0px) - var(--skel-lcd-vh, 0px) + 8%); }
  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-sblk { margin-inline: -16px; border-radius: 0; padding-left: 22px; padding-right: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 196, 78, .42), inset 0 -1px 0 rgba(255, 196, 78, .42), 0 6px 8px -2px rgba(0, 0, 0, .9); }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-well .sk-cap.play { border-radius: 0 0 6px 7px; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-lamp { top: 20px; }
  html[data-rc~="skel"][data-skel-band="stars"] body::before { animation: none; display: none; }   
  
  html[data-rc~="skel"] .wm-brand { filter: drop-shadow(.35px 0 0 rgba(255, 40, 90, .32)) drop-shadow(-.35px 0 0 rgba(0, 210, 255, .28)); animation: none; }
  html[data-rc~="skel"] .wm-brand.sk-glitch { animation: sk-wm-split 14s linear -13.44s 1; }   
  @keyframes sk-wm-split { 0%, 96%, 100% { filter: drop-shadow(.35px 0 0 rgba(255, 40, 90, .32)) drop-shadow(-.35px 0 0 rgba(0, 210, 255, .28)); }
    97% { filter: drop-shadow(.9px 0 0 rgba(255, 40, 90, .45)) drop-shadow(-.8px 0 0 rgba(0, 210, 255, .4)); } 98.5% { filter: drop-shadow(-.7px 0 0 rgba(255, 40, 90, .4)) drop-shadow(.7px 0 0 rgba(0, 210, 255, .35)); } }
  html[data-rc~="skel"] .wm-brand::after { animation: sk-wm-ember 9s ease-in-out infinite; }
  @keyframes sk-wm-ember { 0%, 100% { opacity: .08; } 50% { opacity: .18; } }
  html[data-rc~="skel"] .wm-brand .brand-mark { filter: brightness(1.3) saturate(1.05); }
  html[data-rc~="skel"] .wm-brand .brand-mark::before { animation: none !important; }
}


@media (max-width: 480px) {
  
  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-veil { position: absolute !important; inset: 0 !important; z-index: 50 !important; display: block; pointer-events: none; opacity: 0; }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.skel-chat, .sk-leave-chat) .chat-composer { position: relative; }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.skel-chat, .sk-leave-chat) .chat-composer-row { min-height: 72px; box-sizing: border-box; }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.skel-chat, .sk-leave-chat) .chat-composer-row:not(:focus-within) { border-top-color: rgba(255, 196, 78, .42); }
  html[data-rc~="skel"][data-skel-band="stars"]:is(.skel-chat, .sk-leave-chat) .chat-composer::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255, 196, 78, .42); pointer-events: none; z-index: 2; }
  
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-kb .chat-composer-row { flex-wrap: wrap; row-gap: 4px; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-kb .chat-composer-row > :is(.chat-name-ring, .chat-name-wrap, .chat-ded-chip, .chat-song-btn, .chat-gif-btn) { order: 1; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-kb .chat-composer-row > .chat-text { order: 2; flex: 1 1 calc(100% - 47px); }   
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-kb .chat-composer-row > .chat-send { order: 3; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat.sk-kb .chat-composer-row > .chat-song-btn { margin-left: 0; }   
  
  html[data-rc~="skel"][data-skel-band="stars"] .player-cards { padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important; }
  
  html[data-rc~="skel"][data-skel-band="stars"] :is(.chat-panel, .skel-menu, .sk-gsheet).sk-framed.sk-framed { background: transparent !important; box-shadow: none !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-framed > .sk-ground { position: absolute !important; inset: 0 !important; z-index: -1 !important; display: block; pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 222, 188, .1), inset 0 -1px 0 rgba(255, 196, 78, .42); }   
  html[data-rc~="skel"][data-skel-band="stars"] .chat-panel > .sk-ground { background: var(--ink, #292a37); }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-gsheet > .sk-ground { background: #030305; }
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu > .sk-ground { background: #000; }
  html[data-rc~="skel"][data-skel-band="stars"] .skel-menu .skel-menu-row:last-of-type { border-bottom: 0; }   
  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-sblk { height: 72px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-hcard { grid-area: band; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 4;
    margin: 0 calc(-1 * var(--skel-in, 16px)); overflow: hidden; display: flex; flex-direction: column; justify-content: center; justify-content: safe center;   
    background: #000; pointer-events: none; color: var(--bone, #ffdebc);   
    opacity: 0; transform: translateY(8px); transition: opacity .24s cubic-bezier(.23, 1, .32, 1), transform .24s cubic-bezier(.23, 1, .32, 1); }
  html[data-rc~="skel"][data-skel-band="stars"] .sk-hcard.in { opacity: 1; transform: none; pointer-events: auto; }
  .sk-hcard .hc-in { display: flex; flex-direction: column; gap: 11px; padding: 14px 16px 12px; }
  .sk-hcard .hc-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
  .sk-hcard .hc-k { font: 400 11px/1 var(--pixel); letter-spacing: .14em; text-transform: uppercase; color: var(--flame, #ffc44e); white-space: nowrap; }
  .sk-hcard .hc-h { font: 600 20px/1.2 var(--ar, sans-serif); color: var(--bone, #ffdebc); }
  .sk-hcard .hc-p { margin: 0; font: 400 13px/1.35 var(--ar, sans-serif); color: rgba(255, 222, 188, .72); }
  .sk-hcard .hc-steps { list-style: none; margin: 0; padding: 0; display: flex; align-items: flex-start; justify-content: space-between; }
  .sk-hcard .hc-s { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1 1 0; min-width: 0; }
  .sk-hcard .hc-s i { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: rgba(255, 222, 188, .09); box-shadow: inset 0 0 0 1px rgba(255, 196, 78, .35); }
  .sk-hcard .hc-s svg { width: 22px; height: 22px; }
  .sk-hcard .hc-s b { margin-top: 6px; font: 400 12px/1.05 var(--pixel); letter-spacing: .04em; }
  .sk-hcard .hc-s small { font: 400 10px/1.1 var(--pixel); color: rgba(255, 222, 188, .55); letter-spacing: .03em; }
  .sk-hcard .hc-a { flex: 0 0 auto; color: rgba(255, 196, 78, .55); font: 400 18px/1 var(--pixel); padding-top: 12px; }
  .sk-hcard .hc-btns { display: flex; gap: 10px; justify-content: flex-end; }
  .sk-hcard .hc-btns button { font: 400 13px/1 var(--pixel); letter-spacing: .1em; text-transform: uppercase; padding: 0 14px; min-height: 44px; border-radius: 9px; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .sk-hcard .hc-later { color: rgba(255, 222, 188, .75); background: transparent; box-shadow: inset 0 0 0 1px rgba(255, 222, 188, .28); }
  .sk-hcard .hc-ok { color: #0a0710; background: var(--flame, #ffc44e); }
  .sk-hcard .hc-btns button:active { transform: translateY(1px); }   
  .sk-hcard.hc-short .hc-p { display: none; }
  .sk-hcard.hc-tiny .hc-in { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "btns top" "steps steps"; align-items: center; gap: 8px 10px; padding: 8px 14px; }
  .sk-hcard.hc-tiny .hc-top { grid-area: top; justify-content: flex-end; }
  .sk-hcard.hc-tiny .hc-k { display: none; }
  .sk-hcard.hc-tiny .hc-h { font-size: 17px; }
  .sk-hcard.hc-tiny .hc-btns { grid-area: btns; }
  .sk-hcard.hc-tiny .hc-steps { grid-area: steps; }
  .sk-hcard.hc-tiny .hc-s small { display: none; }
  .sk-hcard.hc-tiny .hc-s i { width: 32px; height: 32px; border-radius: 9px; }
  .sk-hcard.hc-tiny .hc-s svg { width: 18px; height: 18px; }
  .sk-hcard.hc-tiny .hc-a { padding-top: 8px; }
  .sk-hcard.hc-tiny .hc-btns button { min-height: 44px; padding: 0 12px; }
  
  .sk-hcard.hc-micro .hc-in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "btns" "steps"; gap: 6px; padding: 6px 12px; }
  .sk-hcard.hc-micro .hc-top { display: none; }
  .sk-hcard.hc-micro .hc-btns { justify-content: flex-end; }
  .sk-hcard.hc-micro .hc-btns button { min-height: 36px; }
  .sk-hcard.hc-micro .hc-s i { width: 26px; height: 26px; border-radius: 7px; }
  .sk-hcard.hc-micro .hc-s svg { width: 15px; height: 15px; }
  .sk-hcard.hc-micro .hc-s b { margin-top: 4px; font-size: 10px; line-height: 1; }
  .sk-hcard.hc-micro .hc-a { padding-top: 6px; font-size: 14px; }
  @media (prefers-reduced-motion: reduce) { html[data-rc~="skel"][data-skel-band="stars"] .sk-hcard { transform: none; transition: opacity .2s linear; } }
}


@media (max-width: 480px) {
  
  body.is-rest :is(.sk-z4 .sb-song .eq span, .sk-sky .f6.on .acc .head path, .sk-flier, .sk-flier *) { animation-play-state: paused !important; }
}

@media (min-width: 481px) {
  html[data-rc~="skel"] :is(.sk-sky, .sk-z4, .tv-layer, .tv-ticker, .skel-menu, .sk-gsheet, .skel-keys, .skel-tools, .skel-clock, .skel-back, .sk-sched, .sk-map, .sk-grab, .sk-ground, .sk-veil, .sk-hcard) { display: none !important; }   
  html[data-rc~="skel"] .skel-play-well { display: contents; pointer-events: auto; }
}
@media (max-width: 480px) {
  
  html[data-rc~="skel"] body { background-color: #000; }
}
@media (max-width: 480px) {
  
  html[data-rc~="skel"] .sk-z4:not(.playing) .sb-song .eq span { transform: scaleY(.2); opacity: .45; }
  html[data-rc~="skel"] body.never-played:not(.offair) .sk-z4:not(.playing) .sk-cap.play .sk-lamp { animation: sk-tune 1.1s ease-in-out .6s 3; }
  
  html[data-rc~="skel"] .sk-z4.connecting .sk-cap.play .sk-lamp { animation: sk-tune 1.1s ease-in-out infinite; }
  html[data-rc~="skel"] .sk-z4.connecting .sb-song .eq span { animation-play-state: paused !important; opacity: .35; }
  @media (prefers-reduced-motion: reduce) { html[data-rc~="skel"] .sk-z4.connecting .sk-cap.play .sk-lamp { animation: none; background: var(--flame, #ffc44e); } }
  @keyframes sk-tune { 50% { background: var(--flame, #ffc44e); box-shadow: 0 0 8px 2px rgba(255, 196, 78, .6), inset 0 -1px 1px rgba(0, 0, 0, .4); } }
  @media (prefers-reduced-motion: reduce) {
    html[data-rc~="skel"] body.never-played:not(.offair) .sk-z4:not(.playing) .sk-cap.play .sk-lamp { animation: none; background: var(--flame, #ffc44e); }
  }
}

@media (max-width: 480px) {
  
  html[data-rc~="skel"] .sk-sched:not(.accent) .ss-dn { background: transparent; color: rgba(255, 222, 188, .8); box-shadow: inset 0 0 0 1px rgba(255, 222, 188, .25); }
  html[data-rc~="skel"] .sk-sched:not(.accent) .ss-day.sel .ss-dn { background: var(--hi); color: #0a0a0c; box-shadow: none; }
  html[data-rc~="skel"] .sk-sched:not(.accent) .ss-dw { position: relative; }
  html[data-rc~="skel"] .sk-sched:not(.accent) .ss-day.today:not(.sel) .ss-dw::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--hi); }
  
  .sk-sched .ss-next { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 56px; margin-top: 8px; padding: 0; border: 0;
    border-top: 1px solid rgba(255, 222, 188, .12); background: transparent; color: rgba(255, 222, 188, .7); font: 400 13.5px/1 var(--pixel); letter-spacing: .08em; cursor: pointer; }
  .sk-sched .ss-next:active { transform: translateY(1px); filter: brightness(.85); }
  .sk-sched .ss-next:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: -2px; }
}

@media (max-width: 480px) {
  
  .sk-sr-room { position: absolute; z-index: 4; margin: 0; padding: 0; border: 0; background: transparent; opacity: 0; pointer-events: none; border-radius: 50%; }
  .sk-sr-room:focus-visible { opacity: 1; outline: 2px solid var(--bone, #ffdebc); outline-offset: 2px; }
}

@media (max-width: 480px) {
  
  .sk-z4 .sk-cap.rnd::after, .sk-sched .ss-share::after { content: ""; position: absolute; inset: -2px; }
  .sk-sched .ss-share { position: relative; }
  .sk-sched .ss-day { position: relative; }
  .sk-sched .ss-day::after { content: ""; position: absolute; inset: 0 -8px; }
  
  .tv-ticker:active .tv-ticker-track, .tv-ticker:hover .tv-ticker-track, .tv-ticker:focus-within .tv-ticker-track { animation-play-state: paused; }
  
  html[data-rc~="skel"][data-skel-band="stars"] .sk-z4 .sk-well .sk-cap.down { padding-top: 15px; }
}

svg.topbar-stars { contain: paint; }
@media (max-width: 300px) {
  
  html[data-rc~="skel"] .sk-z4 .sb-clock { display: none; }
  html[data-rc~="skel"] .sk-z4 .sb-ta { min-width: 50%; }
}
@media (max-width: 480px) {
  
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat .chat-panel:has(#chat-gif-panel:not([hidden])) .chat-log { flex: 0 0 0px !important; min-height: 0 !important; max-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden !important; visibility: hidden; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat .chat-composer:has(#chat-gif-panel:not([hidden])) { flex: 1 1 auto !important; min-height: 0 !important; display: flex; flex-direction: column; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat #chat-gif-panel:not([hidden]) { order: -1; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
  html[data-rc~="skel"][data-skel-band="stars"].skel-chat #chat-gif-panel:not([hidden]) .chat-gif-scroll { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: none !important; }
}   

@media (max-width: 480px) {
  
  html[data-rc~="skel"] .skel-menu-note { margin: 0; padding: 0 20px 18px;    font: 400 13.5px/1.6 var(--mono, monospace); color: rgba(255, 222, 188, .82); text-shadow: 0 0 4px #000, 0 0 8px #000; }
  
  html[data-rc~="skel"] .skel-menu-row.busy .lat { opacity: .55; transition: opacity .3s ease-out; }
  html[data-rc~="skel"] .skel-menu-note .skel-menu-inst { font: 400 15px/1 var(--pixel); letter-spacing: .06em; text-transform: uppercase; color: #0a0a0c; background: var(--racc, #ffc44e); border: 0; border-radius: 999px; padding: 11px 18px; min-height: 44px; cursor: pointer; }
  html[data-rc~="skel"] .skel-menu-note .skel-menu-inst:active { transform: translateY(1px); filter: brightness(.9); }
  html[data-rc~="skel"][data-skel-band="stars"] .likes-panel { top: var(--sk-dock-top, 356px) !important; bottom: var(--sk-dock-bot, 100px) !important; left: 0 !important; right: 0 !important;
    transform: none !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; border-radius: 0 !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .likes-scrim { top: var(--sk-dock-top, 356px); bottom: var(--sk-dock-bot, 100px); background: transparent; }
}


@media (max-width: 480px) {
  html[data-rc~="skel"] .sk-lbl .cue-cap { font: 400 9px/1 var(--pixel); letter-spacing: .32em; margin-right: -.32em;    white-space: pre; color: var(--racc-t, var(--racc)); opacity: 0; transition: opacity .5s ease-out; }
  html[data-rc~="skel"] .sk-lbl.on .cue-cap.on { opacity: .9; transition-duration: .12s; }
  html[data-rc~="skel"]:not(.sk-learned) .sk-sky.instant .sk-lbl.on .cue-cap { opacity: .75; }
}


@media (max-width: 480px) {
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .stage:has(> .play-panel:not([hidden])) .player-cards { display: grid !important; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .player-cards > :not(.sk-z4) { display: none !important; }
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .sk-z4 .sk-sblk { display: none !important; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .sk-z4 { position: fixed !important; left: 16px !important; right: 16px !important; bottom: var(--sk-keys-b, 10px) !important; top: auto !important; z-index: 58; margin: 0 !important; }
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .play-panel {
    position: fixed !important; left: 0 !important; right: 0 !important; top: var(--sk-head-b, 59px) !important; bottom: calc(var(--sk-keys-b, 10px) + var(--sk-keys-h, 64px) + 4px) !important;
    z-index: 55; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; max-width: none !important; background: #000 !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; }
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .play-panel > :not(.play-stage) { display: none !important; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .play-stage { position: absolute !important; inset: 0 !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; border: 0 !important; background: #000 !important; }
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .play-stage > :not(.cx-frame) { display: none !important; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .play-stage > .cx-frame:not(.cx-fs) { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-height: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame.cx-fs-lock .play-panel { z-index: 10000; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .skel-back { display: none !important; }   
  html[data-rc~="skel"][data-skel-band="stars"].sk-ingame .foot { display: none !important; }   
  
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal:not([hidden]) { position: fixed !important; inset: 0 !important; z-index: 10010 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; padding: 0 !important; background: rgba(0, 0, 0, .55) !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-card { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 22px 20px calc(18px + env(safe-area-inset-bottom, 0px)) !important; border: 0 !important; border-top: 1px solid rgba(255, 196, 78, .42) !important; border-radius: 0 !important; background: #000 !important; box-shadow: none !important; text-align: left !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-ttl { margin: 0 0 8px !important; font: 400 21px/1.15 var(--pixel) !important; letter-spacing: .04em !important; text-transform: uppercase; color: var(--flame, #ffc44e) !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-sub { margin: 0 0 18px !important; font: 400 13.5px/1.55 var(--mono) !important; color: rgba(255, 222, 188, .72) !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-row { display: flex !important; gap: 10px !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-btn { flex: 1 1 0 !important; height: 46px !important; margin: 0 !important; border-radius: 6px !important; font: 400 15px/1 var(--pixel) !important; letter-spacing: .12em !important; text-transform: uppercase; cursor: pointer; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-stay { background: transparent !important; color: #ffdebc !important; border: 1px solid rgba(255, 222, 188, .35) !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-go { background: var(--flame, #ffc44e) !important; color: #0a0a0c !important; border: 0 !important; }
  html[data-rc~="skel"][data-skel-band="stars"] .leave-modal .leave-btn:active { transform: translateY(1px); filter: brightness(.9); }   
}


@media (max-width: 480px) {
  html[data-rc~="skel"] .sk-sched, html[data-rc~="skel"] .sk-map.mp-flow, html[data-rc~="skel"] .sk-map.mp-pics { top: var(--sk-dock-top, 331px); bottom: var(--sk-dock-bot, 62px); inset-inline: 0; height: auto; padding-top: 0; padding-bottom: 0; overflow: hidden; }
  
  .sk-sched .ss-top { height: 44px; padding: 0 12px 0 2px; }
  .sk-sched .ss-back { width: 40px; height: 40px; }
  .sk-sched .ss-title { font-size: 15px; }
  .sk-sched .ss-room { font-size: 10px; }
  .sk-sched .ss-days { padding: 4px 16px 6px; }
  .sk-sched .ss-day { gap: 4px; width: 34px; }
  .sk-sched .ss-dw { font-size: 9px; line-height: 12px; }
  .sk-sched .ss-dn { width: 28px; height: 28px; font-size: 12px; }
  html[data-rc~="skel"] .sk-sched:not(.accent) .ss-day.today:not(.sel) .ss-dw::after { bottom: -4px; }
  .sk-sched .ss-sky { top: 44px; height: calc(100% - 44px); }
  .sk-sched .ss-list { padding: 0 16px 12px; }
  .sk-sched .ss-row { padding: 6px 0; margin-bottom: 0; }
  .sk-sched .ss-pic { width: 60px; min-height: 60px; height: 60px; }
  .sk-sched .ss-time { left: 4px; top: 3px; gap: 1px; }
  .sk-sched .ss-time b { font-size: 20px; line-height: 20px; }
  .sk-sched .ss-time small { padding-bottom: 2px; font-size: 10px; }
  .sk-sched .ss-tx { gap: 8px; padding: 2px 0 2px 10px; align-items: center; }
  .sk-sched .ss-name { margin: 0 0 2px; font-size: 15px; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
  .sk-sched .ss-name.ar { font-size: 15px; line-height: 1.25; }
  .sk-sched .ss-by { margin: 0 0 1px; gap: 4px; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
  .sk-sched .ss-w { font-size: 11px; line-height: 14px; }
  .sk-sched .ss-host { font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
  .sk-sched .ss-host.ar { font-size: 13px; }
  .sk-sched .ss-onair { margin-top: 3px; padding: 3px 5px 2px; font-size: 8px; }
  .sk-sched .ss-share { width: 32px; height: 32px; }
  .sk-sched .ss-share svg { width: 14px; height: 14px; }
  .sk-sched .ss-next { min-height: 40px; margin-top: 4px; }
  .sk-sched .ss-end { min-height: 0; padding: 28px 0; font-size: 15px; }
  
  .sk-sched.tall .ss-pic { width: 68px; min-height: 68px; height: 68px; }
  .sk-sched.tall .ss-time b { font-size: 22px; line-height: 22px; }
  
  html[data-rc~="skel"] .sk-map.mp-flow .sk-map-top, html[data-rc~="skel"] .sk-map.mp-pics .sk-map-top { min-height: 44px; padding: 0 2px 0 var(--skel-in, 16px); }
  .sk-map.mp-pics .sk-map-card.top { top: 50px; }   
  .sk-map .sk-map-all { background: none; border: 0; margin: -10px -8px; padding: 10px 8px; color: var(--racc-t, #ffc44e); cursor: pointer; }   
  .sk-map .sk-map-all:active { transform: translateY(1px); }
  .sk-map .sk-map-all:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 2px; border-radius: 4px; }
  
  .sk-map.mp-flow .mp-ttl { font-size: 16px; }
  .sk-map.mp-flow .mp-ttl.ar { font-size: 16px; }
  .mp-cvfav { position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: grid; place-items: center; }   
  .mp-cvfav::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: rgba(0, 0, 0, .62); box-shadow: 0 1px 4px rgba(0, 0, 0, .55); }
  .mp-cvfav svg { position: relative; width: 14px; height: 14px; fill: none; stroke: var(--flame, #ffc44e); stroke-width: 2.2; stroke-linejoin: round; }
  .mp-cvfav.on svg { fill: var(--flame, #ffc44e); }
  .mp-cv:not(.mid) .mp-cvfav:not(.on) { display: none; }   
  .sk-map.mp-flow .mp-cv.mid { box-shadow: 0 0 0 1px rgba(255, 196, 78, .75); }   
}


@media (max-width: 480px) {
  .sk-sched .ss-tt { flex: 1 1 auto; align-items: center; gap: 8px; }
  .sk-sched .ss-rooms { flex: 1 1 auto; min-width: 0; display: flex; gap: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .sk-sched .ss-rooms.scrolls { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent); mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 12px), transparent); }   
  .sk-sched .ss-rooms::-webkit-scrollbar { display: none; }
  .sk-sched .ss-rm { position: relative; flex: none; display: flex; align-items: center; gap: 4px; height: 32px; padding: 0 6px; border: 0; background: none; color: var(--c); font: 400 10.5px/1 var(--pixel); letter-spacing: .12em; opacity: .62; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .sk-sched .ss-rm::after { content: ""; position: absolute; left: 6px; right: 6px; bottom: 5px; height: 2px; background: var(--a); transform: scaleX(0); transition: transform .18s ease-out; }
  .sk-sched .ss-rm.on { opacity: 1; }
  .sk-sched .ss-rm.on::after { transform: none; }
  .sk-sched .ss-rm:active { transform: translateY(1px); }
  .sk-sched .ss-rm:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: -2px; }
  .sk-sched .ss-live { width: 5px; height: 5px; border-radius: 50%; background: #ff3b30; box-shadow: 0 0 4px rgba(255, 59, 48, .7); }
  .sk-sched .ss-wait { padding: 40px 0; opacity: .6; }
}