/* same styles as prior build */
.ysc-root-wrap { width: 100%; }
.ysc-root { min-height: 720px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ysc-card { background: #0b3b2e; color: #e7fff6; border: 1px solid #0e5c46; border-radius: 16px; padding: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.2); }
.ysc-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.ysc-col { display: flex; flex-direction: column; gap: 12px; }
.ysc-btn { background:#1f9d7a; color:#fff; border:none; border-radius:10px; padding:8px 12px; cursor:pointer; font-weight:600; }
.ysc-btn:hover{ filter: brightness(1.05); }
.ysc-btn.secondary { background:#274f46; }
.ysc-btn.warn { background:#b83a3a; }
.ysc-chip { width:48px; height:48px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:800; border:3px solid #0a241d; background:#fff; color:#0a241d; }
.ysc-players { display:flex; flex-direction:column; gap:10px; }
.ysc-player { background:#06231b; border:1px solid #0d3b2d; border-radius:12px; padding:8px; display:flex; gap:10px; align-items:center; }
.ysc-player .meta { flex:1; }
.ysc-avatar { width:42px; height:42px; border-radius:999px; object-fit:cover; }
.ysc-tag { font-size:12px; padding:2px 6px; border-radius:8px; background:#d0f7e6; color:#0b3b2e; font-weight:700; margin-right:6px; }
.ysc-table { position:relative; border:2px solid #0e5c46; border-radius:16px; overflow:hidden; background: linear-gradient(135deg, #0a3a2b, #0d4a38 60%, #0a3a2b); min-height: 360px; }
.ysc-cell { border:1px dashed #0f6d52; border-radius:12px; padding:10px; text-align:center; font-weight:800; }
.ysc-puck { position:absolute; top:10px; left:10px; background:#fff; color:#0a3a2b; font-weight:900; padding:4px 10px; border-radius:20px; box-shadow:0 2px 8px rgba(0,0,0,.3); }
.ysc-dice { display:flex; gap:12px; align-items:center; justify-content:center; }
.ysc-d { width:72px; height:72px; background:#fff; border:3px solid #111; border-radius:16px; display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); padding:6px; box-sizing:border-box; }
.ysc-pip { width:10px; height:10px; background:#111; border-radius:999px; }
.ysc-msg { color:#d8c4ff; font-weight:600; }
.ysc-controls { display:flex; gap:8px; flex-wrap:wrap; }
.ysc-input { padding:8px 10px; border-radius:8px; border:1px solid #2a6c59; background:#052019; color:#e7fff6; }
.ysc-tone { width:22px; height:22px; border-radius:999px; border:2px solid #111; cursor:pointer; }
.ysc-tone.active { outline: 2px solid #a88bff; }
@media (max-width: 900px){
  .ysc-layout { display:block; }
}