

html[data-desk="3"]:not(#d3) {
  --d3-head: 64px; --d3-side: 384px; --d3-right: var(--d3-side); --d3-line: rgba(255, 196, 78, .25); --d3-pad: 16px;
  --d3-games-h: max(220px, 44vh);   
  
  --d3-wc: calc(100vw - var(--d3-side) - var(--d3-right));   
  --d3-x-r: 0px; --d3-x-c: var(--d3-side); --d3-x-g: calc(100vw - var(--d3-right));   
  --sk-dock-top: 0px !important; --sk-dock-l: var(--d3-x-g) !important; --sk-dock-r: calc(100vw - var(--d3-x-g) - var(--d3-right)) !important;
  --sk-dock-bot: calc(100vh - var(--d3-games-h)) !important;
}

html[data-desk="3"]:not(#d3)[data-d3-cols="rgc"] { --d3-x-r: 0px; --d3-x-g: var(--d3-side); --d3-x-c: calc(var(--d3-side) + var(--d3-right)); }
html[data-desk="3"]:not(#d3)[data-d3-cols="crg"] { --d3-x-c: 0px; --d3-x-r: var(--d3-wc); --d3-x-g: calc(100vw - var(--d3-right)); }
html[data-desk="3"]:not(#d3)[data-d3-cols="cgr"] { --d3-x-c: 0px; --d3-x-g: var(--d3-wc); --d3-x-r: calc(100vw - var(--d3-side)); }
html[data-desk="3"]:not(#d3)[data-d3-cols="grc"] { --d3-x-g: 0px; --d3-x-r: var(--d3-right); --d3-x-c: calc(var(--d3-right) + var(--d3-side)); }
html[data-desk="3"]:not(#d3)[data-d3-cols="gcr"] { --d3-x-g: 0px; --d3-x-c: var(--d3-right); --d3-x-r: calc(100vw - var(--d3-side)); }
html[data-desk="3"]:not(#d3)[data-d3-cols]:not([data-d3-cols="rcg"]):not(.d3-narrow) section.stage { box-shadow: -1px 0 0 var(--d3-line) !important; }   
html[data-desk="3"]:not(#d3)[data-d3-cols]:not([data-d3-cols="rcg"]):not(.d3-narrow) .d3-drag.v { display: none; }   
html[data-desk="3"]:not(#d3), html[data-desk="3"]:not(#d3) body { background: #000 !important; overflow: hidden !important; }
html[data-desk="3"]:not(#d3) main#app.shell { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  height: 100vh !important; display: block !important; position: relative !important; }


html[data-desk="3"]:not(#d3) header.topbar { position: fixed !important; left: var(--d3-x-c) !important; right: auto !important; top: 0 !important;
  width: var(--d3-wc) !important; max-width: none !important; height: var(--d3-head) !important; margin: 0 !important;
  padding: 0 20px !important; z-index: 40 !important; border-bottom: 1px solid var(--d3-line) !important; border-left: 1px solid var(--d3-line) !important;
  box-sizing: border-box !important; }
html[data-desk="3"]:not(#d3) .topbar-dial { height: 40px !important; align-self: center !important; margin: 0 20px !important; }
html[data-desk="3"]:not(#d3) .topbar-dial svg.constellation { width: 100% !important; height: 40px !important; }
html[data-desk="3"]:not(#d3) .topbar-right { display: flex !important; align-items: center !important; }

html[data-desk="3"]:not(#d3) .d3-menu { all: unset; box-sizing: border-box; cursor: pointer; display: grid; align-content: center; gap: 5px;
  width: 44px; height: 44px; padding: 0 9px; margin-left: 18px; border-radius: 22px; }
html[data-desk="3"]:not(#d3) .d3-menu i { display: block; height: 2px; border-radius: 1px; background: rgba(255, 222, 188, .86); }
html[data-desk="3"]:not(#d3) .d3-menu:hover i { background: #ffdebc; }
html[data-desk="3"]:not(#d3) .d3-menu:active { transform: translateY(1px); }   
html[data-desk="3"]:not(#d3) .d3-menu[aria-expanded="true"] i { background: var(--flame, #ffc44e); }
html[data-desk="3"]:not(#d3) .d3-menu:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }


html[data-desk="3"]:not(#d3) section.stage { position: fixed !important; left: var(--d3-x-r) !important; width: var(--d3-side) !important;
  top: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 0 !important; max-width: none !important;
  height: auto !important; overflow: hidden !important; background: #000 !important; }
html[data-desk="3"]:not(#d3) .player-cards { width: var(--d3-side) !important; max-width: none !important; height: 100% !important;
  min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important;
  grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto auto minmax(0, 1fr) !important;
  grid-template-areas: "pet" "show" "song" "band" !important; justify-items: stretch !important; align-content: stretch !important;
  row-gap: 0 !important; column-gap: 0 !important; }
html[data-desk="3"]:not(#d3) .sk-z4 { display: contents !important; }
html[data-desk="3"]:not(#d3) .player-cards > figure.bes-box, html[data-desk="3"]:not(#d3) .player-cards > .mk-static,
html[data-desk="3"]:not(#d3) .player-cards > .tv-layer, html[data-desk="3"]:not(#d3) .player-cards > .tv-ticker {
  justify-self: stretch !important; width: auto !important; max-width: none !important; margin: 0 !important; overflow: hidden !important; }
html[data-desk="3"]:not(#d3) .sk-z4 .sk-sblk { grid-area: song !important; justify-self: stretch !important; width: auto !important;
  max-width: none !important; margin: 0 !important; }
html[data-desk="3"]:not(#d3) .sk-z4 .sk-ctl { display: none !important; }   
html[data-desk="3"]:not(#d3) .sk-sky { grid-area: band !important; justify-self: stretch !important; width: auto !important; margin: 0 !important; }

html[data-desk="3"]:not(#d3) .sk-sblk .sb-keys { gap: 6px !important; width: auto !important; }
html[data-desk="3"]:not(#d3) .sk-sblk .sb-keys #sk-play.sk-cap { width: 40px !important; height: 40px !important; min-width: 0 !important; padding: 0 !important;
  border-radius: 20px !important; flex: none !important;
  background-image: radial-gradient(circle at 50% 32%, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 62%), var(--sk-blast) !important;
  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) !important; }
html[data-desk="3"]:not(#d3) .sk-sblk .sb-keys #sk-play.sk-cap svg { width: 15px !important; }
html[data-desk="3"]:not(#d3) .sk-sblk .sb-keys #sk-play .sk-lamp { display: none !important; }
html[data-desk="3"]:not(#d3) .sk-sblk .sb-keys .sk-cap.rnd:not(#sk-play) { width: 34px !important; height: 34px !important; border-radius: 17px !important; }
html[data-desk="3"]:not(#d3) .sk-sblk .sb-keys .sk-cap.rnd:not(#sk-play) svg { width: 15px !important; }

@media (hover: hover) and (pointer: fine) {
  html[data-desk="3"]:not(#d3) .sk-sky { cursor: default !important; }
  html[data-desk="3"]:not(#d3) .sk-sky.d3-over { cursor: pointer !important; }
  html[data-desk="3"]:not(#d3) .sk-lbl:not(.on) b, html[data-desk="3"]:not(#d3) .sk-lbl:not(.on) .chev { color: rgba(255, 222, 188, .7) !important; }
  html[data-desk="3"]:not(#d3) .sk-lbl b { font-size: 11px !important; }
  html[data-desk="3"]:not(#d3) .sk-lbl.d3-hot b { color: var(--racc-t, var(--racc, #ffdebc)) !important; }
}


html[data-desk="3"]:not(#d3) section.chat-panel { display: flex !important; position: fixed !important; left: var(--d3-x-c) !important; right: auto !important;
  top: var(--d3-head) !important; bottom: 0 !important; width: var(--d3-wc) !important; height: auto !important; max-height: none !important;
  transform: none !important; visibility: visible !important; opacity: 1 !important; z-index: 30 !important; border-radius: 0 !important;
  border-left: 1px solid var(--d3-line) !important; border-right: 0 !important; background: #030305 !important; }

html[data-desk="3"]:not(#d3) section.chat-panel > .sk-ground { background: #030305 !important; }
html[data-desk="3"]:not(#d3) section.chat-panel > .d3-chat-sky { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; display: block; pointer-events: none; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-today, html[data-desk="3"]:not(#d3) section.chat-panel .chat-state, html[data-desk="3"]:not(#d3) section.chat-panel .chat-empty, html[data-desk="3"]:not(#d3) section.chat-panel .chat-earlier { text-shadow: 0 0 3px #030305, 0 0 7px #030305, 0 0 12px #030305 !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-avatar, html[data-desk="3"]:not(#d3) section.chat-panel .chat-reply-btn { background-color: #030305 !important; }

html[data-desk="3"]:not(#d3) section.chat-panel .chat-reply-banner { background: color-mix(in srgb, var(--flame) 7%, #030305) !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-gif-pending { background: color-mix(in srgb, var(--indigo) 9%, #030305) !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-song-pending { background: color-mix(in srgb, var(--ch-accent) 9%, #030305) !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-broadcast { background: color-mix(in srgb, var(--blood-text) 6%, #030305) !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-broadcast.is-on { background: color-mix(in srgb, var(--blood-text) 16%, #030305) !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-full { background: #030305 !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .sk-chat-x, html[data-desk="3"]:not(#d3) section.chat-panel .sk-grab { display: none !important; }

html[data-desk="3"]:not(#d3) section.chat-panel .chat-log, html[data-desk="3"]:not(#d3) section.chat-panel .chat-composer-row {
  padding-left: 16px !important; padding-right: 16px !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-avatar { margin-right: 16px !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-msg.is-mine { margin-right: 0 !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-msg.is-mine .chat-avatar { margin: 0 0 0 16px !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-bubble { max-width: min(82%, 600px) !important; }
html[data-desk="3"]:not(#d3) section.chat-panel .chat-log { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 28px) !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 28px) !important; }


html[data-desk="3"]:not(#d3) .sk-gsheet, html[data-desk="3"]:not(#d3) .sk-gsheet[hidden] { position: fixed !important; left: var(--d3-x-g) !important; right: auto !important;
  top: 0 !important; bottom: auto !important; width: var(--d3-right) !important; height: var(--d3-games-h) !important; z-index: 30 !important;
  display: flex !important; visibility: visible !important; opacity: 1 !important; transform: none !important; clip-path: none !important;
  border-left: 1px solid var(--d3-line) !important; }   
html[data-desk="3"]:not(#d3) .sk-gsheet .sk-gx, html[data-desk="3"]:not(#d3) .sk-gsheet .sk-map-x { visibility: hidden !important; }

html[data-desk="3"]:not(#d3) .sk-lbl .cue-cap { font-size: 0 !important; letter-spacing: 0 !important; margin-right: 0 !important; }
html[data-desk="3"]:not(#d3) .sk-lbl .cue-cap::after { content: "CLICK TO OPEN"; font: 400 9px/1 var(--pixel); letter-spacing: .32em; margin-right: -.32em; }

html[data-desk="3"]:not(#d3):not(.sk-flow-open):not(.skel-menu-open) body:not(.is-rest-deep) .sk-gsheet *,
html[data-desk="3"]:not(#d3):not(.sk-flow-open):not(.skel-menu-open) body:not(.is-rest-deep) .sk-gsheet *::before,
html[data-desk="3"]:not(#d3):not(.sk-flow-open):not(.skel-menu-open) body:not(.is-rest-deep) .sk-gsheet *::after { animation-play-state: running !important; }
html[data-desk="3"]:not(#d3) .sk-gsheet .sk-grab, html[data-desk="3"]:not(#d3) .skel-menu .sk-grab, html[data-desk="3"]:not(#d3) .skel-menu [class*="grab"] { display: none !important; }
@media (hover: hover) and (pointer: fine) {
  html[data-desk="3"]:not(#d3) .sk-gsheet button:hover b, html[data-desk="3"]:not(#d3) .sk-gsheet [role="button"]:hover b { opacity: 1 !important; color: var(--flame, #ffc44e) !important; }
}

html[data-desk="3"]:not(#d3) .sk-map { position: fixed !important; left: var(--d3-x-g) !important; right: auto !important; top: 0 !important;
  bottom: auto !important; height: var(--d3-games-h) !important; width: var(--d3-right) !important; z-index: 31 !important; border-left: 1px solid var(--d3-line) !important; }

html[data-desk="3"]:not(#d3) .sk-map.mp-pics { left: var(--d3-x-r) !important; width: var(--d3-side) !important;
  top: var(--d3-sky-t, calc(var(--d3-side) * .625 + 98px)) !important; bottom: 0 !important; height: auto !important; border-left: 0 !important;
  z-index: 45 !important; }   

html[data-desk="3"]:not(#d3) .skel-menu { left: var(--d3-x-g) !important; right: auto !important; top: 0 !important; bottom: auto !important;
  width: var(--d3-right) !important; height: var(--d3-games-h) !important; z-index: 32 !important; border-left: 1px solid var(--d3-line) !important; }
html[data-desk="3"]:not(#d3) .skel-menu .skel-menu-row { min-height: 56px !important; }
html[data-desk="3"]:not(#d3) .skel-menu .skel-menu-row[data-act="sched"] { display: none !important; }   
html[data-desk="3"]:not(#d3) .likes-panel { left: var(--d3-x-g) !important; right: auto !important; width: var(--d3-right) !important;
  top: 0 !important; bottom: auto !important; height: var(--d3-games-h) !important; border-left: 1px solid var(--d3-line) !important; }   

html[data-desk="3"]:not(#d3) .likes-scrim { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: auto !important;
  height: auto !important; background: rgba(0, 0, 0, .55) !important; }

html[data-desk="3"]:not(#d3) .sk-sched { position: fixed !important; left: var(--d3-x-g) !important; right: auto !important; width: var(--d3-right) !important;
  top: var(--d3-games-h) !important; bottom: 0 !important; height: auto !important; z-index: 30 !important;
  border-left: 1px solid var(--d3-line) !important; border-top: 1px solid var(--d3-line) !important; transform: none !important; opacity: 1 !important; }
html[data-desk="3"]:not(#d3) .sk-sched .ss-back { display: none !important; }

html[data-desk="3"]:not(#d3) .sk-sched .ss-top { padding: 0 var(--d3-pad) !important; }
html[data-desk="3"]:not(#d3) .sk-sched .ss-title { font-size: 12px !important; letter-spacing: .4em !important; color: var(--flame, #ffc44e) !important; }

html[data-desk="3"]:not(#d3) .sk-sched { container-type: inline-size; }
@container (width < 380px) { html[data-desk="3"]:not(#d3) .sk-sched .ss-title { display: none !important; } }
html[data-desk="3"]:not(#d3) .sk-sched .ss-rooms { gap: 4px !important; margin-left: auto !important; }   
html[data-desk="3"]:not(#d3) .sk-sched .ss-rm::after { left: 2px !important; right: 2px !important; }   
html[data-desk="3"]:not(#d3) .sk-sched .ss-rm { padding-left: 2px !important; padding-right: 2px !important; letter-spacing: .12em !important; }
html[data-desk="3"]:not(#d3) .sk-sched .ss-rm:not([aria-selected="true"]) { opacity: .8 !important; }

html[data-desk="3"]:not(#d3) .sk-sched .ss-share { opacity: .5 !important; transition: opacity .15s ease-out !important; }
html[data-desk="3"]:not(#d3) .sk-sched [class*="row"]:hover .ss-share, html[data-desk="3"]:not(#d3) .sk-sched .ss-share:focus-visible { opacity: 1 !important; }

html[data-desk="3"]:not(#d3) .sk-sched .ss-share.copied, html[data-desk="3"]:not(#d3) .sk-sblk .sk-share.d3-copied { position: relative !important; opacity: 1 !important; }
html[data-desk="3"]:not(#d3) .sk-sched .ss-share.copied::after, html[data-desk="3"]:not(#d3) .sk-sblk .sk-share.d3-copied::after { content: "COPIED"; position: absolute;
  right: calc(100% + 6px); top: 50%; transform: translateY(-50%); padding: 5px 7px; border-radius: 3px; white-space: nowrap; pointer-events: none;
  font: 400 9px/1 var(--pixel); letter-spacing: .2em; color: #0a0a0c; background: var(--flame, #ffc44e); }
html[data-desk="3"]:not(#d3) .sk-sblk .sk-share.d3-copied::after { right: auto; left: 50%; top: auto; bottom: calc(100% + 6px); transform: translateX(-50%); }
html[data-desk="3"]:not(#d3) .sk-sched .ss-name.ar { font-size: 20px !important; line-height: 1.1 !important; }
html[data-desk="3"]:not(#d3) .sk-sched .ss-name:not(.ar) { font-size: 17px !important; }
html[data-desk="3"]:not(#d3) .sk-sched .ss-list { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important;
  mask-image: linear-gradient(to bottom, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%) !important; }


html[data-desk="3"]:not(#d3).sk-ingame .player-cards > figure.bes-box, html[data-desk="3"]:not(#d3).sk-ingame .player-cards > .mk-static,
html[data-desk="3"]:not(#d3).sk-ingame .player-cards > .tv-layer, html[data-desk="3"]:not(#d3).sk-ingame .player-cards > .sk-sky { display: block !important; }
html[data-desk="3"]:not(#d3).sk-ingame .player-cards > .tv-ticker, html[data-desk="3"]:not(#d3).sk-ingame .sk-z4 .sk-sblk { display: flex !important; }
html[data-desk="3"]:not(#d3).sk-ingame .sk-z4 { display: contents !important; position: static !important; }
html[data-desk="3"]:not(#d3).sk-ingame section.chat-panel { visibility: hidden !important; }
html[data-desk="3"]:not(#d3).sk-ingame .play-panel { position: fixed !important; left: var(--d3-x-c) !important; right: auto !important; width: var(--d3-wc) !important;
  top: calc(var(--d3-head) + 52px) !important; bottom: 0 !important; z-index: 35 !important; }   
html[data-desk="3"]:not(#d3) .d3-leave { all: unset; box-sizing: border-box; position: fixed; z-index: 36; top: calc(var(--d3-head) + 8px);
  left: calc(var(--d3-x-c) + 16px); display: none; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 18px; cursor: pointer;
  font: 400 11px/1 var(--pixel); letter-spacing: .3em; color: #ffdebc; background: rgba(0, 0, 0, .72); box-shadow: inset 0 0 0 1px rgba(255, 222, 188, .35); }
html[data-desk="3"]:not(#d3).sk-ingame .d3-leave { display: inline-flex; }
html[data-desk="3"]:not(#d3) .d3-leave:hover { box-shadow: inset 0 0 0 1px #ffdebc; }
html[data-desk="3"]:not(#d3) .d3-leave:active { transform: translateY(1px); }
html[data-desk="3"]:not(#d3) .d3-leave:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }

html[data-desk="3"]:not(#d3) .leave-modal:not([hidden]) { align-items: center !important; padding: 0 calc(100vw - var(--d3-x-c) - var(--d3-wc) + 24px) 0 calc(var(--d3-x-c) + 24px) !important; }
html[data-desk="3"]:not(#d3) .leave-modal .leave-card { max-width: 520px !important; border: 1px solid rgba(255, 196, 78, .42) !important; }


html[data-desk="3"]:not(#d3).d3-narrow { --sk-dock-l: var(--d3-side) !important; --sk-dock-r: 0px !important; }
html[data-desk="3"]:not(#d3).d3-narrow .sk-gsheet, html[data-desk="3"]:not(#d3).d3-narrow .sk-gsheet[hidden], html[data-desk="3"]:not(#d3).d3-narrow .sk-sched { display: none !important; }
html[data-desk="3"]:not(#d3).d3-narrow section.chat-panel { width: calc(100vw - var(--d3-side)) !important; top: calc(var(--d3-head) + 40px) !important; }
html[data-desk="3"]:not(#d3).d3-narrow .sk-map, html[data-desk="3"]:not(#d3).d3-narrow .skel-menu, html[data-desk="3"]:not(#d3).d3-narrow .likes-panel {
  left: var(--d3-side) !important; width: calc(100vw - var(--d3-side)) !important; top: var(--d3-head) !important; }

html[data-desk="3"]:not(#d3).d3-narrow .sk-map.mp-pics { bottom: auto !important; height: var(--d3-games-h) !important; border-left: 1px solid var(--d3-line) !important; z-index: 31 !important; }
html[data-desk="3"]:not(#d3).d3-narrow header.topbar { width: calc(100vw - var(--d3-side)) !important; }
html[data-desk="3"]:not(#d3).d3-narrow[data-d3-cols] { --d3-x-r: 0px; --d3-x-c: var(--d3-side); --d3-x-g: calc(100vw - var(--d3-right)); }   
html[data-desk="3"]:not(#d3).d3-narrow { --sk-dock-top: var(--d3-head) !important; }
html[data-desk="3"]:not(#d3).d3-narrow.sk-ingame .play-panel { width: calc(100vw - var(--d3-side)) !important; }
html[data-desk="3"]:not(#d3).d3-narrow .leave-modal:not([hidden]) { padding: 0 24px 0 calc(var(--d3-side) + 24px) !important; }
html[data-desk="3"]:not(#d3) .d3-compact { display: none; }
html[data-desk="3"]:not(#d3).d3-narrow:not(.sk-ingame) .d3-compact { display: flex; position: fixed; z-index: 31; top: var(--d3-head); left: var(--d3-side); right: 0;
  height: 40px; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; background: #000;
  border-left: 1px solid var(--d3-line); border-bottom: 1px solid var(--d3-line); font: 400 10px/1 var(--pixel); letter-spacing: .2em;
  text-transform: uppercase; color: rgba(255, 222, 188, .7); white-space: nowrap; overflow: hidden; }
html[data-desk="3"]:not(#d3) .d3-compact span { overflow: hidden; text-overflow: ellipsis; }
html[data-desk="3"]:not(#d3) .d3-compact button { all: unset; flex: none; cursor: pointer; padding: 8px 0; font: 400 10px/1 var(--pixel); letter-spacing: .2em;
  text-transform: uppercase; color: var(--flame, #ffc44e); }
html[data-desk="3"]:not(#d3) .d3-compact button:hover { color: #ffdebc; }
html[data-desk="3"]:not(#d3) .d3-compact button:active { transform: translateY(1px); }
html[data-desk="3"]:not(#d3) .d3-compact button:focus-visible { outline: 2px solid var(--bone, #ffdebc); outline-offset: 3px; }


html[data-desk="3"]:not(#d3) .d3-drag { position: fixed; z-index: 44; touch-action: none; }
html[data-desk="3"]:not(#d3) .d3-drag.v { top: 0; bottom: 0; width: 12px; margin-left: -6px; cursor: col-resize; }
html[data-desk="3"]:not(#d3) .d3-drag.l { left: var(--d3-side); }
html[data-desk="3"]:not(#d3) .d3-drag.r { left: calc(100vw - var(--d3-right)); }
html[data-desk="3"]:not(#d3) .d3-drag.g { left: var(--d3-x-g); width: var(--d3-right); top: var(--d3-games-h); height: 12px; margin-top: -6px; cursor: row-resize; }
html[data-desk="3"]:not(#d3) .d3-drag::after { content: ""; position: absolute; background: var(--flame, #ffc44e); opacity: .35; transition: opacity .12s ease-out; }
html[data-desk="3"]:not(#d3) .d3-drag.v::after { left: 5px; width: 2px; top: 0; bottom: 0; }
html[data-desk="3"]:not(#d3) .d3-drag.g::after { top: 5px; height: 2px; left: 0; right: 0; }
html[data-desk="3"]:not(#d3) .d3-drag:hover::after, html[data-desk="3"]:not(#d3) .d3-drag.on::after { opacity: 1; }
html[data-desk="3"]:not(#d3).d3-dragging, html[data-desk="3"]:not(#d3).d3-dragging * { user-select: none !important; }
html[data-desk="3"]:not(#d3).d3-narrow .d3-drag.r, html[data-desk="3"]:not(#d3).d3-narrow .d3-drag.g { display: none; }
html[data-desk="3"]:not(#d3) .d3-read { position: fixed; z-index: 46; left: calc(var(--d3-x-c) + 12px); bottom: 64px; padding: 7px 10px; border-radius: 4px;
  background: rgba(0, 0, 0, .82); box-shadow: inset 0 0 0 1px rgba(255, 196, 78, .45); color: #ffdebc; font: 400 10px/1.5 var(--pixel);
  letter-spacing: .14em; text-transform: uppercase; pointer-events: none; white-space: pre; }
