/* Centrum Warszawa Stay — demo games UI. Reuses :root vars from cws-styles.css. */
.cg-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad-lg);padding:22px;margin:22px 0}
.cg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}
.cg-bal{font-family:var(--serif);font-size:1.35rem;color:var(--char);font-weight:700}
.cg-bal b{color:var(--copper-t)}
.cg-reset{background:none;border:1px solid var(--line);color:var(--muted);padding:7px 12px;border-radius:var(--rad);font-size:.8rem;cursor:pointer;font-family:var(--sans)}
.cg-reset:hover{border-color:var(--copper);color:var(--copper-t)}
.cg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.cg-tab{background:var(--sand);border:1px solid var(--line);color:var(--char);padding:10px 18px;border-radius:var(--rad);font-weight:600;font-size:.92rem;cursor:pointer;font-family:var(--sans)}
.cg-tab.cg-on{background:var(--copper-d);color:#fff;border-color:var(--copper-d)}
.cg-panel{display:none}
.cg-panel.cg-on{display:block}
.cg-stake{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 16px}
.cg-stake span{font-size:.85rem;color:var(--muted);margin-right:4px}
.cg-chip{background:#fff;border:1px solid var(--line);color:var(--char);width:46px;height:46px;border-radius:50%;font-weight:700;cursor:pointer;font-family:var(--sans);font-size:.85rem}
.cg-chip.cg-on{background:var(--copper);color:#fff;border-color:var(--copper-d)}
.cg-btn{background:var(--copper-d);color:#fff;border:1px solid var(--copper-d);padding:11px 20px;border-radius:var(--rad);font-weight:600;cursor:pointer;font-family:var(--sans);font-size:.92rem}
.cg-btn:hover:not(:disabled){background:var(--copper-t)}
.cg-btn:disabled{opacity:.45;cursor:default}
.cg-btn.cg-alt{background:transparent;color:var(--copper-t);border-color:var(--copper)}
.cg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cg-msg{min-height:1.4em;margin:12px 0 0;font-weight:600;color:var(--char)}
.cg-msg.cg-win{color:#2e7d32}.cg-msg.cg-lose{color:#b23b3b}
.cg-note{color:var(--muted);font-size:.82rem;margin-top:8px}

/* roulette */
.cg-bets{display:flex;flex-wrap:wrap;gap:8px}
.cg-bet{border:1px solid var(--line);background:#fff;color:var(--char);padding:10px 14px;border-radius:var(--rad);cursor:pointer;font-family:var(--sans);font-weight:600;font-size:.85rem;min-width:64px;text-align:center}
.cg-bet.cg-red{background:#8f2d2d;color:#fff;border-color:#8f2d2d}
.cg-bet.cg-black{background:#20201d;color:#fff;border-color:#20201d}
.cg-bet.cg-sel{outline:3px solid var(--copper);outline-offset:1px}
.cg-num{width:70px;text-align:center}
.cg-wheel{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}
.cg-ball{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2.4rem;font-weight:700;color:#fff;background:#20201d;border:4px solid var(--copper);transition:transform .2s}
.cg-ball.cg-spin{animation:cgspin .12s linear infinite}
@keyframes cgspin{to{transform:rotate(360deg)}}
.cg-hist{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.cg-hist i{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:.78rem;font-weight:700;color:#fff;background:#20201d}
.cg-hist i.r{background:#8f2d2d}.cg-hist i.g{background:#2e7d32}

/* cards */
.cg-hands{display:grid;gap:16px;margin:10px 0}
.cg-hand h4{margin:0 0 8px;font-family:var(--sans);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.cg-cards{display:flex;gap:8px;flex-wrap:wrap;min-height:78px}
.cg-card{width:54px;height:76px;border-radius:6px;background:#fff;border:1px solid #d8ccb8;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.cg-card.b{color:#20201d}.cg-card.r{color:#b23b3b}
.cg-card.back{background:repeating-linear-gradient(45deg,var(--copper-d),var(--copper-d) 6px,var(--copper-t) 6px,var(--copper-t) 12px);color:transparent}
.cg-score{font-weight:700;color:var(--copper-t);margin-left:8px}

/* slots */
.cg-reels{display:flex;gap:12px;justify-content:center;margin:20px 0}
.cg-reel{width:88px;height:88px;border-radius:var(--rad-lg);background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:2.6rem;overflow:hidden}
.cg-reel.cg-spin{animation:cgblur .25s linear infinite}
@keyframes cgblur{0%{transform:translateY(-6px)}50%{transform:translateY(6px)}100%{transform:translateY(-6px)}}
.cg-pay{width:100%;border-collapse:collapse;margin-top:12px;font-size:.85rem}
.cg-pay td{padding:5px 8px;border-bottom:1px solid var(--line);color:#4a4239}
.cg-pay td:last-child{text-align:right;font-weight:600;color:var(--copper-t)}
@media(max-width:560px){.cg-ball{width:80px;height:80px;font-size:2rem}.cg-reel{width:70px;height:70px;font-size:2.1rem}}