@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark: #0a0e17;--bg-card: #111827;--bg-table: radial-gradient(circle at center, #0f5132 0%, #06341e 65%, #031b0f 100%);--table-border: #854d0e;--table-rim: #ca8a04;--gold-primary: #f59e0b;--gold-light: #fbbf24;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-red: #ef4444;--accent-blue: #3b82f6;--glass-bg: rgba(17, 24, 39, .75);--glass-border: rgba(255, 255, 255, .1);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(rgba(245,158,11,.04) 1px,transparent 1px),radial-gradient(rgba(59,130,246,.04) 1px,transparent 1px);background-size:32px 32px;background-position:0 0,16px 16px}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#f59e0b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f59e0bb3}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important;overflow-x:hidden!important}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:16px}.truco-table-stadium{background:var(--bg-table);border:14px solid #3d220a;box-shadow:inset 0 0 60px #000c,0 0 0 4px var(--table-rim),0 20px 50px #000000b3;border-radius:120px;position:relative;overflow:hidden}.table-felt-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.playing-card{width:82px;height:122px;background:#fff;border-radius:8px;box-shadow:0 6px 16px #0006;position:relative;-webkit-user-select:none;user-select:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:6px;color:#1e293b}@media (min-width: 768px){.playing-card{width:96px;height:142px;padding:8px}}.playing-card:hover{transform:translateY(-16px) scale(1.06);box-shadow:0 16px 32px #f59e0b59;z-index:20}.playing-card.is-manilha{border:2px solid var(--gold-primary);box-shadow:0 0 15px #f59e0b99}.card-back{background:linear-gradient(135deg,#1e3a8a,#172554);border:3px solid #ffffff;position:relative;display:flex;align-items:center;justify-content:center}.card-back:after{content:"♠♦♣♥";letter-spacing:2px;font-size:14px;color:#fff3}@keyframes pulse-gold{0%,to{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 14px #f59e0b00}}.animate-pulse-gold{animation:pulse-gold 2s infinite}@keyframes slam-card{0%{transform:scale(1.6) translateY(-40px) rotate(-10deg);opacity:0}to{transform:scale(1) translateY(0) rotate(0);opacity:1}}.animate-slam{animation:slam-card .28s cubic-bezier(.175,.885,.32,1.275) forwards}.btn-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;padding:12px 24px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f59e0b66;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-gold:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}.btn-gold:active{transform:translateY(1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-weight:700;border:none;border-radius:12px;padding:10px 20px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #ef444466}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ef444499}.btn-secondary{background:#ffffff14;color:#f8fafc;border:1px solid rgba(255,255,255,.15);font-weight:600;border-radius:12px;padding:10px 20px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}
