:root{
  --table: #0a5c3b;
  --panel: #0f0f0f;
  --text: #fff;
}
.yah-cs-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#111;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.4);overflow:hidden}
.yah-cs-header{display:flex;justify-content:space-between;align-items:center;background:#181818;padding:10px 12px;border-bottom:1px solid #222}
.yah-cs-user{display:flex;align-items:center;gap:10px}
.yah-cs-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #333}
.yah-cs-username{font-weight:600}
.yah-cs-menu{display:flex;gap:8px;flex-wrap:wrap}
.yah-cs-menu button{background:#222;border:1px solid #333;border-radius:999px;padding:8px 12px;color:#eee;cursor:pointer}
.yah-cs-menu button.active{background:#00664e;border-color:#0a5c3b}
.yah-cs-stage{position:relative;background:#0a5c3b;display:flex;flex-direction:column;align-items:center;justify-content:center}
#yahCsCanvas{width:100%;height:auto;max-height:72vh;display:block;background:var(--table)}
.yah-cs-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.yah-cs-controls button{background:#222;border:1px solid #333;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer}
.yah-cs-footer{display:flex;justify-content:space-between;align-items:center;background:#181818;border-top:1px solid #222;padding:8px 12px}
.yah-cs-status{opacity:.9}
@media (max-width: 768px){
  #yahCsCanvas{max-height:64vh;}
}


/* Enhanced felt look and layout */
.yah-cs-stage{
  background: radial-gradient(circle at 50% 35%, rgba(255,255,255,0.06), rgba(0,0,0,0.3)), var(--table);
  position: relative;
  min-height: 420px;
}
#yahCsCanvas{
  width: 100%;
  max-width: 1100px;
  aspect-ratio: 16/9;
  margin: 12px auto;
  display: block;
  background: transparent;
  border-radius: 16px;
  box-shadow: inset 0 0 60px rgba(0,0,0,0.5);
}

.yah-cs-root, #yahCsCanvas { user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.dragging { cursor: grabbing !important; }
