.gbtn{border:none;cursor:pointer;color:#fff;font:800 14px 'Outfit',sans-serif;padding:12px 30px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--pink));box-shadow:0 5px 0 #4c1d95,0 10px 22px rgba(139,92,246,.45);margin-top:16px}
.gbtn:active{transform:translateY(3px);box-shadow:0 2px 0 #4c1d95}
.gbtn:disabled{opacity:.45;cursor:not-allowed}
.gbtn.alt{background:linear-gradient(135deg,#22d3ee,#3b82f6);box-shadow:0 5px 0 #1e40af}
.mg-grid{display:grid;gap:8px;width:100%;max-width:320px}
.mg-tile{position:relative;aspect-ratio:1;border:none;padding:0;background:none;cursor:pointer;perspective:700px}
.mg-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s;border-radius:12px}
.mg-tile.flip .mg-inner{transform:rotateY(180deg)}
.mg-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-size:22px}
.mg-face.back{background:linear-gradient(160deg,#2f2350,#1a1230);color:rgba(255,255,255,.35);font-size:15px;font-weight:800}
.mg-face.front{background:linear-gradient(160deg,#40307a,#241a44);transform:rotateY(180deg)}
.mg-tile.matched .mg-face.front{background:linear-gradient(160deg,#1f7a58,#0e3a2a)}
.mg-tile.matched{pointer-events:none}
.pz-grid{display:grid;gap:7px;width:100%;max-width:300px}
.pz-tile{aspect-ratio:1;border-radius:11px;border:none;color:#fff;font-weight:800;font-size:17px;cursor:pointer;font-family:inherit;background:linear-gradient(160deg,#9b74f8,#6d3fd6);box-shadow:0 4px 0 #452790}
.pz-tile.blank{background:transparent;box-shadow:none;cursor:default}
.pz-tile.done{background:linear-gradient(160deg,#34d399,#0f9b6c)}
.bet-ctrl{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.4);color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0 4px;flex-shrink:0}
.bet-ctrl:disabled{opacity:.3;cursor:not-allowed}
.bet-display{height:32px;min-width:70px;padding:0 12px;border-radius:16px;border:1px solid var(--gold);background:linear-gradient(180deg,#FFE07A,#fbbf24);color:#2b1d00;font:800 14px 'Outfit',sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(251,191,36,.5)}
.auto-btn{background:linear-gradient(135deg,#22d3ee,#3b82f6);box-shadow:0 5px 0 #1e40af,0 10px 22px rgba(34,211,238,.35);min-width:96px;padding:12px 16px !important;font-size:12.5px !important}
.auto-btn.auto-on{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 5px 0 #7f1d1d,0 10px 22px rgba(239,68,68,.35);animation:autoPulse 1.6s ease infinite}
@keyframes autoPulse{50%{filter:brightness(1.15)}}
.slot-controls{display:flex;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap;justify-content:center}
.slot-controls .gbtn{margin-top:0;padding:12px 26px;font-size:14px}