:root{--felt-dark:#0b2e22;--felt:#14533c;--felt-light:#1c6b4e;--wood:#8a5a2b;--gold:#e8b830;--gold-soft:#f6d877;--red:#d7263d;--white:#fff;--ink:#1d1d1d;--muted:#ffffffb3;--radius:16px;--shadow:0 4px 14px #00000059;--hand-h:clamp(78px, 15dvh, 132px);--table-h:clamp(52px, 10dvh, 92px);--mini-h:clamp(34px, 5.5dvh, 46px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:radial-gradient(circle at 50% 30%, var(--felt) 0%, var(--felt-dark) 75%);background-color:var(--felt-dark);color:var(--white);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Poppins,Inter,system-ui,sans-serif}input{-webkit-user-select:text;user-select:text}button{font:inherit;touch-action:manipulation}.btn{min-height:44px;color:var(--white);box-shadow:var(--shadow);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:12px 20px;font-weight:600;transition:transform .12s}.btn:active{transform:scale(.96)}.btn-gold{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:var(--felt-dark)}.btn-red{background:var(--red)}.btn-small{min-height:36px;padding:6px 16px;font-size:.85rem}.btn-truco{letter-spacing:1px;padding:10px 32px;font-size:1.25rem;font-weight:800;animation:1.4s ease-in-out infinite pulse}.icon-btn{width:40px;height:40px;color:var(--white);cursor:pointer;background:#0000004d;border:0;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;display:grid}.icon-btn.ghost{cursor:default;background:0 0}.home{max-width:440px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:14px;margin:0 auto;display:flex}.logo{text-align:center;margin:0;font-size:clamp(2rem,9vw,2.6rem);font-weight:800}.logo span{color:var(--gold)}.tagline{text-align:center;color:var(--muted);margin:0}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.field input{color:var(--white);font:inherit;background:#00000040;border:2px solid #fff3;border-radius:12px;padding:12px;font-size:16px}.card-box{border-radius:var(--radius);background:#0003;flex-direction:column;gap:10px;padding:14px;display:flex}.card-box small{color:var(--muted);text-align:center}.row{gap:10px;display:flex}.row .btn{flex:1;padding-inline:10px}.page{max-width:480px;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.page h2{margin:4px 0}.page h3{margin:0;font-size:1rem}.center-screen{justify-content:center;align-items:center}.gate{justify-content:center}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.error{color:#ff9a9a;margin:0}.warning{border:1px solid var(--red)}.warning-text{color:var(--gold-soft);margin:0}.card-box.row-between,.row-between{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.grow{flex:1}a{color:var(--gold-soft)}.btn:disabled{opacity:.45;cursor:default}.btn-link{box-shadow:none;color:var(--gold-soft);background:0 0;min-height:36px;text-decoration:underline}.btn-google{background:var(--white);color:var(--ink)}.btn-google span{color:#4285f4;font-weight:800}.check{align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.check input{flex:none;width:22px;height:22px;margin-top:1px}.login-form,.login-form form{flex-direction:column;gap:10px;display:flex}.lobby-bar{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.profile-chip,.balance-chip{color:var(--white);cursor:pointer;background:#0000004d;border:0;border-radius:999px;align-items:center;gap:8px;max-width:60%;min-height:44px;padding:6px 14px 6px 6px;display:flex}.profile-chip .avatar{background:#ffffff1f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.5rem;line-height:1;display:grid}.profile-chip .nick{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.balance-chip{color:var(--gold);padding:6px 8px 6px 14px;font-weight:800}.balance-chip .plus{background:var(--gold);width:26px;height:26px;color:var(--felt-dark);border-radius:50%;place-items:center;display:grid}.toast-inline{color:var(--gold-soft);text-align:center;background:#00000073;border-radius:12px;margin:0;padding:10px 14px;animation:.2s ease-out slide-in}.missions,.tiers,.packages{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.missions li,.tiers li{justify-content:space-between;align-items:center;gap:10px;display:flex}.mission-text{flex-direction:column;flex:1;gap:4px;font-size:.88rem;display:flex}.bar{background:#ffffff1f;border-radius:999px;height:6px;overflow:hidden}.bar div{background:var(--gold);height:100%}.tiers li>div:first-child{flex-direction:column;display:flex}.tiers small{text-align:left}.tier-buttons{gap:6px;display:flex}.tier-buttons .btn{min-width:56px}.segmented{background:#0000004d;border-radius:999px;padding:3px;display:flex}.segmented button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-weight:600}.segmented button.on{background:var(--gold);color:var(--felt-dark)}.packages li{flex-direction:row;justify-content:space-between;align-items:center}.packages li>div{flex-direction:column;display:flex}.coins{color:var(--gold);font-weight:800}.badge-gold{background:linear-gradient(90deg, var(--gold), var(--gold-soft));color:var(--felt-dark);text-align:center;border-radius:12px;margin:0;padding:8px 12px;font-weight:800}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.avatar-grid button{aspect-ratio:1;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:12px;font-size:1.6rem}.avatar-grid button.on{border-color:var(--gold);background:#e8b83033}.queue{text-align:center;justify-content:center;align-items:center}.spinner{font-size:3rem;animation:1.2s ease-in-out infinite pulse}.site-footer{text-align:center;color:var(--muted);margin-top:auto;padding-top:12px;font-size:.8rem}.legal section p{color:var(--muted);line-height:1.5}.deck{word-break:break-word;font-size:.8rem}.pot-pill{color:var(--gold);white-space:nowrap;background:#0000004d;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800}.final-score{margin:0;font-size:1.6rem;font-weight:800}.prize{color:var(--gold);margin:0;font-size:1.3rem;font-weight:800;animation:1s ease-in-out infinite alternate sparkle}.push-ask,.consent{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--felt-dark);border:2px solid var(--gold);max-width:480px;box-shadow:var(--shadow);z-index:20;flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto;padding:12px;display:flex;position:fixed}.push-ask p,.consent span{flex:100%;margin:0;font-size:.9rem}.muted.small,small.muted{line-height:1.4}.table-screen{max-width:520px;height:100dvh;padding:max(6px, env(safe-area-inset-top)) 10px max(6px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;margin:0 auto;display:flex;overflow:hidden}.topbar{flex:none;justify-content:space-between;align-items:center;gap:6px;min-height:44px;display:flex}.score{align-items:baseline;gap:6px;font-size:.85rem;font-weight:600;display:flex}.score strong{color:var(--gold);font-size:1.6rem;line-height:1}.worth{white-space:nowrap;background:#0000004d;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600}.worth.hot{background:var(--red);animation:.5s bounce}.fair-badge{color:var(--gold-soft);font-size:.72rem}.waiting{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.waiting ul{margin:0;padding:0;list-style:none}.felt{border:10px solid var(--wood);background:radial-gradient(circle, var(--felt-light), var(--felt));min-height:0;box-shadow:inset 0 0 30px #00000080, var(--shadow);border-radius:32px;flex:1;position:relative;overflow:hidden}.opponent{text-align:center;flex-direction:column;align-items:center;gap:3px;max-width:34%;font-size:.72rem;display:flex;position:absolute}.opponent span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.opponent.active span{color:var(--gold);font-weight:800}.opponent .partner{color:var(--gold-soft)}.backs{display:flex}.backs .card+.card{margin-left:calc(var(--mini-h) * -.35)}.pos-2-1,.pos-4-2{top:6px;left:50%;transform:translate(-50%)}.pos-4-1{top:38%;right:4px;transform:translateY(-50%)}.pos-4-3{top:38%;left:4px;transform:translateY(-50%)}.vira{flex-direction:column;align-items:center;gap:2px;font-size:.65rem;display:flex;position:absolute;bottom:6px;left:8px}.rounds{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.dot{background:#fff3;border-radius:50%;width:12px;height:12px}.dot.won{background:var(--gold)}.dot.lost{background:var(--red)}.dot.tie{background:var(--white)}.played{position:absolute;inset:0}.played-card{animation:.25s ease-out slide-in;position:absolute;top:52%;left:50%}.played.previous .played-card{opacity:.55;animation:none}.played.previous .played-card.winner{opacity:1;z-index:1}.played.previous .played-card.winner .card{box-shadow:0 0 0 3px var(--gold), 0 0 18px var(--gold)}.from-2-0,.from-4-0{transform:translate(-50%,-8%)}.from-2-1,.from-4-2{transform:translate(-50%,-92%)}.from-4-1{transform:translate(15%,-50%)}.from-4-3{transform:translate(-115%,-50%)}.center-msg{color:var(--gold);white-space:nowrap;z-index:2;background:#000000b8;border-radius:999px;padding:10px 18px;font-weight:800;animation:.5s bounce;position:absolute;top:50%;left:50%;translate:-50% -50%}.center-msg.shout{color:var(--red);background:#ffffffeb;font-size:clamp(1.8rem,9vw,2.6rem)}.felt-banner{left:8px;right:8px;bottom:calc(var(--mini-h) + 22px);color:var(--gold-soft);text-align:center;z-index:2;background:#0009;border-radius:12px;padding:6px 10px;font-size:.8rem;position:absolute}.partner-cards{top:calc(var(--mini-h) + 28px);z-index:2;gap:4px;display:flex;position:absolute;left:50%;translate:-50%}.toasts{pointer-events:none;z-index:3;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:6px;left:8px;right:8px}.toasts li{background:#000000a6;border-radius:999px;padding:3px 10px;font-size:.75rem;animation:.2s ease-out slide-in}.toasts .fair{color:var(--gold-soft)}.toasts .error{color:#ff9a9a}.toasts .signal{color:#9ee6ff}.drawer{border-top:2px solid var(--gold);z-index:4;background:#051912f2;flex-direction:column;gap:6px;padding:10px;animation:.18s ease-out drawer-up;display:flex;position:absolute;bottom:0;left:0;right:0}.drawer small{color:var(--gold-soft)}.card{height:var(--table-h);aspect-ratio:5/7;background:var(--white);color:var(--ink);box-shadow:var(--shadow);font-weight:800;font-size:calc(var(--table-h) * .2);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.card.hand{height:var(--hand-h);font-size:calc(var(--hand-h) * .2);border-radius:10px}.card.mini{height:var(--mini-h);font-size:calc(var(--mini-h) * .26);border-radius:5px}.card.red{color:var(--red)}.card.manilha{box-shadow:0 0 0 3px var(--gold), 0 0 14px var(--gold)}.card .rank{font-size:1.3em}.card .suit{font-size:1.5em}.card.back{background:repeating-linear-gradient(45deg, var(--red) 0 5px, #a81c2f 5px 10px);border:2px solid var(--white)}.timer{background:#0000004d;border-radius:999px;flex:none;height:4px;overflow:hidden}.timer div{background:var(--gold);height:100%;transition:width .25s linear}.actions{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.hint{color:var(--muted);font-size:.85rem}.toggle{min-height:44px;color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.toggle input{width:20px;height:20px}.my-hand{flex:none;justify-content:center;gap:clamp(6px,3vw,14px);padding-top:8px;display:flex}.card-btn{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .15s}.card-btn:disabled{cursor:default;filter:brightness(.85)}.my-turn .card-btn{transform:translateY(-6px)}.my-turn .card-btn:active{transform:translateY(-14px)scale(1.04)}.chatbar{flex:none;justify-content:center;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:36px;color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:8px 12px;font-size:.8rem}.chip.signal{border-color:#9ee6ff}.modal{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{border-radius:var(--radius);background:var(--felt-dark);border:3px solid var(--gold);text-align:center;flex-direction:column;gap:10px;width:min(360px,100%);padding:24px;display:flex}.modal-box h2{margin:0}.capote{color:var(--gold);margin:0;font-size:1.8rem;font-weight:800;animation:1s ease-in-out infinite alternate sparkle}@media (height<=560px){:root{--hand-h:clamp(60px, 20dvh, 90px);--table-h:clamp(40px, 12dvh, 64px);--mini-h:28px}.topbar{min-height:36px}.actions{min-height:40px}.btn{min-height:38px;padding:6px 16px}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes bounce{0%{scale:.6}60%{scale:1.15}to{scale:1}}@keyframes sparkle{0%{text-shadow:0 0 4px var(--gold)}to{text-shadow:0 0 18px var(--gold-soft)}}@keyframes slide-in{0%{opacity:0;scale:.7}}@keyframes drawer-up{0%{transform:translateY(100%)}}.quick-nav{gap:8px;display:flex}.quick-nav .btn{flex:1;padding-inline:8px;position:relative}.badge-dot{background:var(--red);min-width:20px;height:20px;color:var(--white);border-radius:999px;place-items:center;padding:0 5px;font-size:.72rem;display:grid;position:absolute;top:-4px;right:-2px}.invite{border:2px solid var(--gold);animation:.2s ease-out slide-in}.small-seg button{min-height:32px;font-size:.85rem}.vip-row strong,.vip-name{text-shadow:0 0 6px #7fdbff99;color:#7fdbff!important}.avatar-pic{vertical-align:middle;background:#ffffff1f;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.avatar-pic img{object-fit:cover;width:100%;height:100%}.avatar-pic.vip{outline-offset:1px;outline:2px solid #7fdbff}.felt-sub{color:var(--gold-soft);white-space:nowrap;z-index:1;font-size:.68rem;position:absolute;bottom:8px;left:50%;translate:-50%}.seat-name{align-items:center;gap:4px;display:inline-flex}.emote-pop{pointer-events:none;font-size:2rem;animation:2.5s ease-out forwards emote-float;position:absolute;top:100%}.emote-pop.mine{z-index:3;top:auto;bottom:12px;left:50%;translate:-50%}.fixed-manilhas{background:var(--white);color:var(--ink);border-radius:6px;grid-template-columns:repeat(2,auto);gap:1px 4px;padding:3px 5px;font-size:.7rem;font-weight:800;display:grid}.fixed-manilhas .red{color:var(--red)}.center-msg.anim-shake{animation:.5s shake}.center-msg.anim-zoom{animation:.6s zoom}.flagra-btn{animation:.8s ease-in-out infinite pulse}.chat-form{gap:6px;display:flex}.chat-form input{min-width:0;color:var(--white);font:inherit;background:#0000004d;border:1px solid #ffffff4d;border-radius:999px;flex:1;padding:8px 12px;font-size:16px}.chip.emote{padding:4px 10px;font-size:1.3rem}.chip.on{background:var(--gold);color:var(--felt-dark);border-color:var(--gold)}.toasts .chat{color:var(--white)}.toasts .flagra{color:#ffd27f}.achievement-pop{border:1px solid var(--gold);background:#e8b83026;border-radius:12px;flex-direction:column;gap:2px;padding:8px;animation:.5s bounce;display:flex}.kind-tabs{flex-wrap:nowrap;overflow-x:auto}.cosmetics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.cosmetic{text-align:center;align-items:center;gap:6px}.cosmetic.equipped{border:2px solid var(--gold)}.preview-felt{border:5px solid;border-radius:10px;width:64px;height:40px}.preview-shout{font-size:.9rem;font-weight:800}.preview-emoji{font-size:2rem}.bar.big{width:100%;height:10px}.pass-track{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pass-track li{opacity:.55;grid-template-columns:32px 1fr 1fr;align-items:center;gap:6px;display:grid}.pass-track li.reached{opacity:1}.pass-track .lvl{color:var(--gold);text-align:center;font-weight:800}.pass-cell{background:#0003;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;font-size:.8rem;display:flex}.pass-cell.premium{border:1px solid var(--gold)}.vip-perks{flex-direction:column;gap:4px;margin:0;padding-left:4px;list-style:none;display:flex}.friend-row{align-items:center;gap:8px;display:flex}.friend-row .grow{text-overflow:ellipsis;min-width:0;overflow:hidden}.friend-code{letter-spacing:3px;color:var(--gold);font-size:1.5rem;display:block}.online-dot{color:#6ee17a}.leaderboard{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.leaderboard li{background:#0003;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.leaderboard li.me{border:1px solid var(--gold)}.leaderboard .rank{width:26px;color:var(--gold);text-align:center;font-weight:800}.leaderboard .league{color:var(--muted);font-size:.85rem}.bracket{flex-direction:column;gap:10px;display:flex}.bracket-round h4{color:var(--gold-soft);margin:0 0 6px}.bracket-game{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.bracket-slot{background:#00000040;border-radius:8px;padding:6px 10px;font-size:.82rem}.bracket-slot.won{background:#e8b83040;font-weight:800}.bracket-slot.lost{opacity:.45;text-decoration:line-through}.bracket-slot.mine{outline:2px solid var(--gold)}.achievements{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.achievements li{text-align:center;opacity:.35;filter:grayscale();background:#0003;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.achievements li.unlocked{opacity:1;filter:none}.achievements span{font-size:1.5rem}.achievements small{font-size:.62rem;line-height:1.2}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stats-grid>div{flex-direction:column;align-items:center;display:flex}.stats-grid strong{color:var(--gold);font-size:1.4rem}.file-btn{cursor:pointer;align-items:center;display:inline-flex}.admin-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.admin-list li{cursor:pointer;background:#0003;border-radius:10px;flex-direction:column;padding:8px 10px;font-size:.85rem;display:flex}.admin-list.compact li{cursor:default;padding:4px 8px}.photo-queue{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.photo-queue img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.replay-lines{color:var(--muted);margin:0;padding-left:20px;font-size:.82rem}@keyframes emote-float{0%{opacity:0;transform:translateY(10px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-30px)scale(1)}}@keyframes shake{0%,to{rotate:0deg}20%{rotate:-8deg}40%{rotate:8deg}60%{rotate:-5deg}80%{rotate:5deg}}@keyframes zoom{0%{opacity:0;scale:3}60%{opacity:1;scale:.9}to{scale:1}}.envido-badge{color:var(--gold-soft);white-space:nowrap;background:#00000073;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.envido-badge.flor{color:#ffb3d9;margin-top:4px}.envido-actions{flex-wrap:wrap;gap:4px;display:inline-flex}.btn-envido{background:#5b3aa8}.center-msg.envido{color:#5b3aa8!important}.rules-form{background:#0003;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.sunday-row{border:1px solid var(--gold);border-radius:12px;padding:8px}.live{border:2px solid var(--red)}.countdown{margin:0;font-size:1.4rem;font-weight:800}.podium{position:relative;overflow:hidden}.podium-row{justify-content:center;align-items:flex-end;gap:8px;display:flex}.podium-step{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.podium-avatar{font-size:1.8rem}.podium-block{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:100%;color:var(--felt-dark);border-radius:10px 10px 0 0;place-items:center;font-size:1.4rem;display:grid}.podium-step.first .podium-block{height:90px}.podium-step.second .podium-block{background:linear-gradient(#e8e8e8,#b8b8b8);height:64px}.podium-step.third .podium-block{background:linear-gradient(#e2a46b,#b8743c);height:44px}.podium-thirds{flex-direction:column;gap:4px;display:flex}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{background:var(--gold);width:7px;height:12px;animation:3s linear infinite confetti-fall;position:absolute;top:-10px}.confetti i:nth-child(3n){background:var(--red)}.confetti i:nth-child(3n+1){background:#7fdbff}@keyframes confetti-fall{to{opacity:0;transform:translateY(260px)rotate(540deg)}}.pos-2-1,.pos-4-2{max-width:70%}
