@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}.truco-table-wood{background:radial-gradient(ellipse at 50% 50%,#227849,#175e37 55%,#0f3d24);border:14px solid #c89565;box-shadow:inset 0 0 40px #0000008c,0 12px 30px #000c,0 0 0 2px #825228,0 0 0 4px #e2b38433;border-radius:36px;position:relative;margin-top:25px}.table-score-capsule{position:absolute!important;left:50%!important;transform:translate(-50%)!important;top:0!important;z-index:25!important;min-width:240px;box-sizing:border-box}.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:52px;height:76px;background:#fff;border-radius:6px;box-shadow:0 4px 12px #0006;position:relative;-webkit-user-select:none;user-select:none;transition:all .22s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:3px;color:#1e293b}@media (min-width: 1400px) and (min-height: 850px){.playing-card{width:58px;height:84px;padding:4px}}.playing-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 10px 20px #f59e0b59;z-index:20}.playing-card.on-table{width:44px!important;height:64px!important;cursor:default;padding:3px!important}.playing-card.on-table:hover{transform:none!important;box-shadow:0 4px 12px #0006!important;z-index:1!important}.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:2px solid #ffffff;position:relative;display:flex;align-items:center;justify-content:center}.card-back:after{content:"♠♦♣♥";letter-spacing:1px;font-size:10px;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)}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}.game-container-layout{display:flex;gap:12px;max-width:1440px;width:100%;margin:0 auto;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box}.game-table-container{flex:1;min-width:0;height:100%;overflow:hidden}.game-chat-sidebar{width:300px;flex-shrink:0;height:500px!important;max-height:500px!important;min-height:460px;overflow:hidden;display:flex;flex-direction:column;align-self:flex-start!important;box-sizing:border-box;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}.chat-messages-scroll{scrollbar-width:thin;scrollbar-color:rgba(245,158,11,.45) rgba(0,0,0,.25)}.chat-messages-scroll::-webkit-scrollbar{width:5px}.chat-messages-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.chat-messages-scroll::-webkit-scrollbar-thumb{background:#f59e0b73;border-radius:4px}.chat-messages-scroll::-webkit-scrollbar-thumb:hover{background:#f59e0bbf}@media (max-width: 960px){.game-container-layout{gap:0}.game-chat-sidebar{display:none}.game-chat-sidebar.mobile-open{display:flex!important;position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;height:100vh;z-index:120;background:#0b0f19fa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:-10px 0 35px #000000d9;border-left:1px solid rgba(245,158,11,.3);animation:slideInRight .25s ease-out}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 960px){.truco-table-wood{border-width:10px!important;border-radius:26px!important;padding:8px 10px!important}}@media (max-width: 640px){.truco-table-wood{border-width:6px!important;border-radius:18px!important;padding:6px!important;min-height:220px!important}}.playing-card{width:52px;height:76px;border-radius:6px}@media (max-width: 960px){.playing-card{width:46px;height:67px;padding:3px;border-radius:5px}.playing-card.on-table{width:36px!important;height:53px!important}}@media (max-width: 640px){.playing-card{width:39px;height:57px;padding:2px;border-radius:5px}.playing-card.on-table{width:31px!important;height:45px!important;padding:2px!important}.btn-quick-signals{right:auto!important;left:50%!important;top:-34px!important;transform:translate(-50%)!important;padding:3px 8px!important;font-size:10px!important}}@media (max-width: 380px){.playing-card{width:35px;height:52px;padding:2px}.playing-card.on-table{width:28px!important;height:41px!important}}@media (max-width: 640px){.table-header-bar{margin-bottom:3px!important}.table-score-capsule{padding:4px 10px!important;border-radius:14px!important}.table-score-capsule-title{font-size:11px!important;margin-bottom:2px!important}.table-score-row{gap:10px!important}}@media (max-width: 640px){.table-action-footer{padding:0 4px!important;gap:6px!important}.table-action-btn-left,.table-action-btn-right{padding:8px 12px!important;font-size:11px!important;border-radius:10px!important}.table-cards-hand{gap:6px!important;min-height:88px!important}}@media (max-width: 380px){.table-action-btn-left,.table-action-btn-right{padding:7px 9px!important;font-size:10px!important}.table-cards-hand{gap:4px!important}}
