/* V37 / Radio and Warga chatting in one opening screen.
   Inspired by the side-by-side live-radio/chat interaction pattern, but
   designed for TAKE OVER and its moderated, nickname-based conversation. */
.v37-chat-window{display:none;min-width:0;min-height:0;overflow:hidden;color:#19131b;background:#fff8e7;border:2px solid #f6e7da;border-radius:16px;box-shadow:8px 9px 0 #09090b;isolation:isolate}
body.v32-app-mode[data-v32-active-space="dengerin"] .v37-chat-window{display:flex;flex-direction:column}
/* The same panel is inside the hero; the original section remains for Warga. */
body.v32-app-mode[data-v32-active-space="dengerin"] .warga-section{display:none!important}
.v37-chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 17px 13px;background:#e7fb50;border-bottom:2px solid #17131b}
.v37-chat-kicker{display:block;font:900 9px/1.1 var(--body);letter-spacing:.13em;color:#554754}
.v37-chat-header h2{margin:5px 0 0;font:900 clamp(23px,2.1vw,34px)/.96 var(--heading);letter-spacing:-.025em;color:#16121a;white-space:nowrap}
.v37-chat-header h2 span{color:#e72e5a}
.v37-chat-led{display:block;width:13px;height:13px;flex:none;border-radius:50%;background:#a7a2a4;box-shadow:0 0 0 5px #11101818}
.v37-chat-led.is-active{background:#f0325b;box-shadow:0 0 0 5px #f0325b28,0 0 9px #f0325b}
.v37-chat-program{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 15px;background:#f6b6cb;border-bottom:1px solid #221824;color:#21121f}
.v37-chat-program>span{font:900 8px/1.4 var(--body);letter-spacing:.08em}
.v37-chat-program>strong{max-width:55%;text-align:right;font:900 13px/1.2 var(--heading);overflow-wrap:anywhere}
.v37-chat-mount{display:flex;flex:1;min-height:0;overflow:hidden}
.v37-chat-mount .ow-feed{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:12px 14px 9px;border-top:0;background:linear-gradient(160deg,#fffaf0,#ffeff0)}
.v37-chat-mount .ow-feed[hidden]{display:none}
.v37-chat-mount .ow-feed-top{margin-bottom:5px}
.v37-chat-mount .ow-feed-top h3{font:900 10px/1.3 var(--body);color:#5a3b58}
.v37-chat-mount .ow-feed-top>span{font-size:8px}
.v37-chat-mount .ow-feed>.ow-message-list{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#f53265 #f3e4e7;padding:0 5px 8px 0}
.v37-chat-mount .ow-new{min-height:32px;margin:4px 0;padding:5px 8px;font-size:10px}
.v37-chat-mount .ow-empty{padding:14px 6px;font-size:12px;line-height:1.5}
.v37-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:34px;padding:6px 12px;background:#251a2b;color:#ffb8ca;font:900 8px/1.3 var(--body);letter-spacing:.035em}
.v37-chat-foot a{color:#e7fb50;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}

/* Conversation bubbles and avatars on both Dengerin and Warga. */
.warga-section .ow-message,.v37-chat-mount .ow-message{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px;padding:9px 0;border:0;min-width:0}
.warga-section .ow-avatar,.v37-chat-mount .ow-avatar{display:grid;place-items:center;width:29px;height:29px;border:1px solid #3e3658;border-radius:50%;background:#6a53a6;color:#fff;font:900 10px/1 var(--body);letter-spacing:.02em}
.warga-section .ow-message:nth-child(3n+2) .ow-avatar,.v37-chat-mount .ow-message:nth-child(3n+2) .ow-avatar{background:#e52a61;border-color:#c32452}
.warga-section .ow-message:nth-child(3n) .ow-avatar,.v37-chat-mount .ow-message:nth-child(3n) .ow-avatar{background:#267a80;border-color:#1a6970}
.warga-section .ow-bubble,.v37-chat-mount .ow-bubble{min-width:0;max-width:100%;padding:10px 12px;background:#fff;border:1px solid #dfd6da;border-radius:0 13px 13px 13px;box-shadow:1px 2px 0 #24142810}
.warga-section .ow-message header,.v37-chat-mount .ow-message header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;margin-bottom:4px;font-size:11px;line-height:1.3}
.warga-section .ow-message header strong,.v37-chat-mount .ow-message header strong{overflow-wrap:anywhere;color:#262030}
.warga-section .ow-message time,.v37-chat-mount .ow-message time{font-size:9px;white-space:nowrap}
.warga-section .ow-message .ow-bubble>p:not(.ow-meta),.v37-chat-mount .ow-message .ow-bubble>p:not(.ow-meta){margin-top:5px;font-size:13px;line-height:1.55;color:#24222b}
.warga-section .ow-message .ow-meta,.v37-chat-mount .ow-message .ow-meta{font-size:9px;line-height:1.45;margin-top:6px}
.warga-section .ow-message .ow-label,.v37-chat-mount .ow-message .ow-label{display:inline-block;padding:2px 6px;background:#e7fb50;color:#281927;font:900 9px/1.5 var(--body);border-radius:4px}
.warga-section .ow-message .ow-report,.v37-chat-mount .ow-message .ow-report{min-height:25px;font-size:9px;padding:4px 0;margin-top:5px}
.warga-section .ow-message .ow-reply,.v37-chat-mount .ow-message .ow-reply{margin-top:10px}

@media(min-width:1281px){
  .playground-site .v31-hero .v31-mainstage{grid-template-columns:minmax(0,1.15fr) minmax(0,.88fr) minmax(335px,.93fr);gap:clamp(13px,1.9vw,27px);min-height:670px;padding-top:33px}
  .playground-site .v31-hero .v33-hero-copy h1{font-size:clamp(70px,6.15vw,103px)}
  .playground-site .v31-hero .v31-stage-visual{min-height:610px;max-height:none;padding:15px 12px}
  .playground-site .v31-hero .v32-artwork-slot{min-height:270px}
  .playground-site .v31-hero .v31-show-art img{max-width:96%}
  .playground-site .v37-chat-window{height:625px;align-self:center}
  .playground-site .v33-iconic-play{width:100%;gap:10px}
  .playground-site .v33-iconic-play .v33-vinyl-disc{width:70px;height:70px}
  .playground-site .v33-iconic-play .v31-tune-copy b{font-size:clamp(24px,2.25vw,32px)}
  .playground-site .v33-iconic-play .v31-tune-copy small{font-size:8px}
  .playground-site .v36-radio-speaker{flex-basis:65px;padding-left:7px}
  .playground-site .v36-radio-speaker i{width:55px;height:42px}
  .playground-site .v36-radio-speaker small{font-size:5.5px}
}
@media(max-width:1280px){
  .playground-site .v31-hero .v31-mainstage{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px}
  .playground-site .v37-chat-window{grid-column:1/-1;height:570px}
  .v37-chat-mount .ow-feed{flex:1;height:100%;min-height:0}
}
@media(max-width:760px){
  .playground-site .v31-hero .v31-mainstage{grid-template-columns:minmax(0,1fr);gap:18px}
  .playground-site .v37-chat-window{grid-column:1;height:500px;box-shadow:5px 6px 0 #09090b}
  .v37-chat-mount .ow-feed{height:auto;flex:1;min-height:0;border-right:0}
  .v37-chat-header h2{font-size:30px}
  .v37-chat-foot{font-size:7px}
  .v37-chat-foot>span{max-width:60%}
}
@media(max-width:410px){
  .playground-site .v37-chat-window{height:470px}
  .v37-chat-program{gap:7px}
  .v37-chat-program>strong{font-size:12px}
  .v37-chat-foot a{max-width:46%;text-align:right}
}
@media(prefers-reduced-motion:reduce){.v37-chat-led{transition:none!important}}