:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt:#0f5132;--felt-dark:#08251a;--gold:#e3b341;--paper:#fff7e2;--ink:#f7f1db;--muted:#acc8b8;--panel:#071912c7}*{box-sizing:border-box}html,body{background:var(--felt-dark);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.appShell{background:linear-gradient(135deg, #e3b34124, transparent 28%), radial-gradient(circle at center, #ffffff14, transparent 42%), var(--felt);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;overflow:hidden}.appShell .table{background-color:#0000;background-image:linear-gradient(#0f513247,#08251aad),url(/assets/backgrounds/textura-mesa.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.topBar{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 8px;display:flex}.brandGroup{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{object-fit:cover;border-radius:8px;flex:none;width:48px;height:48px}.profilePill{max-width:150px;min-height:38px;color:var(--ink);background:#0003;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.profilePill img{border-radius:50%;width:30px;height:30px}.profilePill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eyebrow{color:var(--muted);margin:0 0 2px;font-size:.74rem}.roomCodeSubtitle{color:var(--muted);margin:2px 0 0;font-size:.78rem}h1{margin:0;font-size:1.4rem;line-height:1}.table{grid-template-rows:auto 1fr auto;gap:16px;padding:8px 16px 18px;display:grid}.opponent,.playerArea{justify-items:center;gap:12px;display:grid}.avatar{background:#00000038;border:2px solid #ffffff47;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.hiddenHand,.hand{justify-content:center;gap:clamp(6px,2vw,12px);display:flex}.centerPlay{align-self:center;justify-items:center;gap:18px;display:grid}.scoreBoard{background:var(--panel);border:1px solid #ffffff29;border-radius:8px;grid-template-columns:1fr auto;gap:6px 16px;min-width:min(320px,92vw);padding:12px 14px;display:grid}.scoreBoard span{color:var(--muted)}.scoreBoard strong{color:var(--gold)}.vira{color:var(--muted);justify-items:center;gap:8px;display:grid}.cardView{aspect-ratio:903/1327;object-fit:contain;filter:drop-shadow(0 12px 20px #00000052);-webkit-user-select:none;user-select:none;border-radius:8px;width:clamp(74px,24vw,112px)}.hiddenHand .cardView{width:clamp(54px,18vw,84px)}.cardViewSelected{outline:3px solid var(--gold);transform:translateY(-10px)}.cardViewPlaceholder{background:#f5f0e6;border:2px solid #0000002e;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.cardViewPlaceholderRank{font-size:clamp(1.1rem,6vw,1.6rem);font-weight:800;line-height:1}.cardViewPlaceholderSuit{font-size:clamp(1.4rem,8vw,2rem);line-height:1}.actionRow{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;width:min(390px,100%);display:grid}.primaryButton,.secondaryButton{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-weight:700;text-decoration:none;transition:transform .1s ease-out;display:inline-flex}.primaryButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.58}.primaryButton:active:not(:disabled),.secondaryButton:active:not(:disabled),.successButton:active:not(:disabled),.dangerButton:active:not(:disabled),.quickMatchCard:not(:disabled):active,.cardButton:not(:disabled):active{transform:scale(.96)}.quickMatchGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quickMatchCard{background:linear-gradient(160deg, var(--gold), #c99a2e);color:#1d1605;border:1px solid #ffffff29;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:92px;padding:14px 10px;text-decoration:none;transition:transform .1s ease-out;display:flex}.quickMatchCardMode{letter-spacing:.02em;font-size:1.4rem;font-weight:800}.quickMatchCardLabel{align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.quickMatchGridSecondary{grid-template-columns:1fr 1fr}.quickMatchCardSmall{background:var(--paper);color:#183b2a;flex-direction:row;min-height:64px;font-size:.86rem;font-weight:700}.quickMatchCardForm{background:var(--paper);border:1px solid #ffffff29;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.successButton,.dangerButton{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 12px;font-weight:700;text-decoration:none;transition:transform .1s ease-out;display:inline-flex}.successButton:disabled,.dangerButton:disabled{cursor:not-allowed;opacity:.58}.successButton{color:#0f3d1a;background:#8ee6a2}.dangerButton{color:#4a0d08;background:#ffb0a8}.rankBadge{vertical-align:middle;white-space:nowrap;border:1px solid;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){.primaryButton,.secondaryButton{transition:none}}.primaryButton{background:var(--gold);color:#1d1605}.secondaryButton{background:var(--paper);color:#183b2a}.statusBar{min-height:38px;color:var(--muted);text-align:center;background:#00000038;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:flex}.homeShell{min-height:100svh;color:var(--ink);background:#071912}.homeHero{isolation:isolate;background-color:#0000;background-image:linear-gradient(90deg,#05120df5,#05120dbd 48%,#05120d3d),linear-gradient(#05120d1f,#05120db3),url(/assets/backgrounds/mesa-desktop.webp);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto 1fr auto;gap:22px;min-height:min(760px,92svh);padding:16px clamp(16px,4vw,54px) 34px;display:grid;position:relative;overflow:hidden}.homeNav{justify-content:space-between;align-items:center;gap:14px;width:min(1160px,100%);margin:0 auto;display:flex}.homeBrand,.homeNavLinks,.homeHeroActions,.ghostButton{align-items:center;display:inline-flex}.homeBrand{min-width:0;color:var(--ink);gap:10px;font-weight:900;text-decoration:none}.homeBrand img{object-fit:cover;border-radius:8px;width:44px;height:44px}.homeBrand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.homeNavLinks{flex-wrap:wrap;justify-content:flex-end;gap:10px}.homeNavLinks a{min-height:38px;color:var(--ink);align-items:center;padding:0 8px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.homeNavLinks .homeLoginLink{background:#0000002e;border:1px solid #fff3;border-radius:8px;padding:0 14px}.homeHeroContent{align-self:center;gap:18px;width:min(680px,100%);display:grid}.homeKicker{color:#ffd36b;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.homeHeroContent h1{text-transform:uppercase;max-width:10ch;font-size:6.6rem;line-height:.86}.homeHeroContent p:not(.homeKicker){color:#e6eadc;max-width:620px;margin:0;font-size:1.05rem;line-height:1.55}.homeHeroActions{flex-wrap:wrap;gap:10px}.homeHeroActions .primaryButton,.homeHeroActions .secondaryButton,.ghostButton{min-width:148px}.ghostButton{min-height:46px;color:var(--ink);background:#0000002e;border:1px solid #ffffff38;border-radius:8px;justify-content:center;padding:0 14px;font-weight:800;text-decoration:none}.homeTablePreview{align-self:end;gap:14px;width:min(540px,100%);display:grid}.homeTableScore{background:#040f0ac7;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px;width:min(420px,100%);padding:10px 12px;display:grid}.homeTableScore span{color:var(--muted)}.homeTableScore strong{color:var(--gold)}.homeCardsFan{align-items:flex-end;gap:0;min-height:138px;display:flex}.homeCardsFan .cardView{width:clamp(74px,18vw,112px);margin-right:-16px}.homeCardsFan .cardView:first-child{transform:rotate(-7deg)translateY(6px)}.homeCardsFan .cardView:nth-child(2){transform:rotate(-2deg)}.homeCardsFan .cardView:nth-child(3){transform:rotate(3deg)}.homeCardsFan .cardView:nth-child(4){transform:rotate(8deg)translateY(7px)}.homeModeSection,.homeFeatureSection,.homeIdentityBand,.homeFinalCta{width:min(1160px,100% - 32px);margin:0 auto}.homeModeSection,.homeFeatureSection{gap:18px;padding:44px 0;display:grid}.homeSectionHeading{gap:8px;display:grid}.homeSectionHeading h2,.homeIdentityBand h2,.homeFinalCta h2{margin:0;font-size:2.2rem;line-height:1.08}.homeModeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.homeModeCard{min-height:218px;color:var(--ink);background:#fff7e214;border:1px solid #ffffff24;border-radius:8px;align-content:start;gap:12px;padding:18px;text-decoration:none;display:grid}.homeModeCard svg,.homeFeatureItem svg,.homeFinalCta svg{color:var(--gold)}.homeModeCard h3,.homeFeatureItem h3{margin:0;font-size:1.05rem}.homeModeCard p,.homeFeatureItem p,.homeIdentityBand p{color:var(--muted);margin:0;line-height:1.5}.homeIdentityBand{background:linear-gradient(90deg,#6c131f80,#e3b3411f),#040f0a9e;border-block:1px solid #ffffff24;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:28px;padding:28px;display:grid}.homeIdentityBand>div:first-child{gap:10px;display:grid}.homeAvatarLine{grid-template-columns:repeat(3,minmax(72px,1fr));gap:10px;display:grid}.homeAvatarLine img{aspect-ratio:1;object-fit:cover;background:#ffffff14;border:2px solid #ffffff2e;border-radius:8px;width:100%}.homeFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.homeFeatureItem{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;grid-template-columns:32px 1fr;gap:12px;min-height:132px;padding:16px;display:grid}.homeFinalCta{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:28px 0 46px;display:grid}.homeFinalCta>div{gap:6px;display:grid}.publicRankingShell{min-height:100svh;color:var(--ink);background:#071912}.publicRankingHero{background-color:#0000;background-image:linear-gradient(90deg,#05120df5,#05120dc2 52%,#05120d5c),url(/assets/backgrounds/mesa-desktop.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto 1fr;gap:30px;min-height:430px;padding:16px clamp(16px,4vw,54px) 42px;display:grid}.publicRankingHeroContent{align-self:end;gap:16px;width:min(860px,100%);display:grid}.publicRankingHeroContent h1{text-transform:uppercase;max-width:720px;font-size:5.4rem;line-height:.9}.publicRankingHeroContent>p:not(.homeKicker){color:#e6eadc;max-width:720px;margin:0;font-size:1.04rem;line-height:1.55}.publicRankingStats{grid-template-columns:repeat(4,minmax(0,150px));gap:10px;display:grid}.publicRankingStats div,.publicRankingIntro>div,.publicRankingBoard{background:var(--panel);border:1px solid #ffffff24;border-radius:8px}.publicRankingStats div{gap:4px;padding:12px;display:grid}.publicRankingStats strong{color:var(--gold);font-size:1.5rem}.publicRankingStats span,.publicRankingIntro p,.publicRankingBoardHeader span,.rankingMetricLabel,.rankingMetric span{color:var(--muted)}.publicRankingIntro,.publicRankingGrid,.publicRankingCta{width:min(1160px,100% - 32px);margin:0 auto}.publicRankingIntro{grid-template-columns:1fr 1fr;gap:12px;padding:34px 0 0;display:grid}.publicRankingIntro>div{align-content:start;gap:10px;min-height:168px;padding:18px;display:grid}.publicRankingIntro .publicRankingNotice{background:#e3b3411f;border-color:#e3b34152;grid-column:1/-1;min-height:0}.publicRankingIntro svg{color:var(--gold)}.publicRankingIntro h2,.publicRankingBoardHeader h2{margin:0;font-size:1.3rem}.publicRankingIntro p{margin:0;line-height:1.5}.publicRankingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 0 10px;display:grid}.publicRankingBoard{gap:12px;min-width:0;padding:16px;display:grid}.publicRankingBoardHeader{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.publicRankingBoardHeader>div{gap:6px;min-width:0;display:grid}.publicRankingBoardHeader svg{color:var(--gold)}.rankingMetricLabel{text-transform:uppercase;justify-self:end;font-size:.78rem;font-weight:900}.publicRankingList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.publicRankingList li{border-top:1px solid #ffffff1a;grid-template-columns:30px 40px minmax(0,1fr) minmax(74px,auto);align-items:center;gap:10px;min-width:0;padding-top:10px;display:grid}.publicRankingList li:first-child{border-top:0;padding-top:0}.publicRankingList .rankingPodiumItem .rankNumber{background:var(--gold);color:#1d1605}.publicRankingList li>div:not(.rankingMetric){gap:4px;min-width:0;display:grid}.publicRankingList strong,.publicRankingList span{min-width:0}.publicRankingList li>div:not(.rankingMetric) strong,.publicRankingList li>div:not(.rankingMetric) span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rankingMetric{justify-items:end;gap:2px;display:grid}.rankingMetric strong{color:var(--gold)}.rankingMetric span{font-size:.76rem}.publicRankingCta{padding-bottom:46px}.learnShell{min-height:100svh;color:var(--ink);background:#071912}.learnHero{background-color:#0000;background-image:linear-gradient(90deg,#05120df5,#05120db8 54%,#05120d47),url(/assets/backgrounds/mesa-desktop.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto 1fr;gap:30px;min-height:500px;padding:16px clamp(16px,4vw,54px) 46px;display:grid}.learnHeroContent{align-self:end;gap:16px;width:min(760px,100%);display:grid}.learnHeroContent h1{text-transform:uppercase;max-width:780px;font-size:5rem;line-height:.92}.learnHeroContent>p:not(.homeKicker){color:#e6eadc;max-width:680px;margin:0;font-size:1.04rem;line-height:1.55}.learnSection,.learnRulesBand,.learnFaq,.learnCta{width:min(1160px,100% - 32px);margin:0 auto}.learnSection,.learnFaq{gap:18px;padding:42px 0;display:grid}.learnLessonGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.learnCard,.learnRulesBand>div,.learnRuleList>div,.learnFaqList article{background:var(--panel);border:1px solid #ffffff24;border-radius:8px}.learnCard{align-content:start;gap:12px;min-height:210px;padding:16px;display:grid}.learnCard svg,.learnRuleList svg,.learnCta svg{color:var(--gold)}.learnCard h3,.learnFaqList h3{margin:0;font-size:1.05rem}.learnCard p,.learnRulesBand p,.learnRuleList span,.learnFaqList p{color:var(--muted);margin:0;line-height:1.5}.learnRulesBand{grid-template-columns:1fr 1fr;gap:12px;padding:24px 0;display:grid}.learnRulesBand>div{background:linear-gradient(135deg, #e3b3411f, transparent 48%), var(--panel);align-content:start;gap:12px;padding:18px;display:grid}.learnRulesBand h2{margin:0;font-size:1.45rem}.learnChipLine{flex-wrap:wrap;gap:8px;display:flex}.learnChipLine span{background:var(--paper);color:#183b2a;border-radius:8px;place-items:center;min-width:42px;min-height:38px;padding:0 10px;font-weight:900;display:inline-grid}.learnRuleList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.learnRuleList>div{grid-template-columns:28px 1fr;align-content:start;gap:8px 12px;min-height:126px;padding:16px;display:grid}.learnRuleList strong{align-self:center}.learnRuleList span{grid-column:2}.learnFaqList{gap:10px;display:grid}.learnFaqList article{gap:8px;padding:16px;display:grid}.learnCta{padding-bottom:46px}@media (max-width:760px){.homeHero{background-color:#0000;background-image:linear-gradient(#05120deb,#05120d94 54%,#05120ddb),url(/assets/backgrounds/mesa-mobile.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:88svh;padding:12px 16px 26px}.homeNav{align-items:flex-start}.homeNavLinks{gap:4px;max-width:180px}.homeNavLinks a:not(.homeLoginLink){display:none}.homeHeroContent h1{max-width:10ch;font-size:3rem}.homeHeroContent p:not(.homeKicker){font-size:.98rem}.homeHeroActions{grid-template-columns:1fr;display:grid}.homeHeroActions .primaryButton,.homeHeroActions .secondaryButton,.ghostButton{width:100%}.homeTableScore{grid-template-columns:1fr auto}.homeCardsFan{min-height:114px}.homeCardsFan .cardView{width:clamp(66px,20vw,88px);margin-right:-12px}.homeModeGrid,.homeFeatureGrid,.homeIdentityBand,.homeFinalCta{grid-template-columns:1fr}.homeIdentityBand{width:100%;padding:24px 16px}.homeFinalCta{justify-items:start}.publicRankingHero{background-color:#0000;background-image:linear-gradient(#05120df0,#05120d9e 52%,#05120de0),url(/assets/backgrounds/mesa-mobile.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:460px;padding:12px 16px 32px}.publicRankingHeroContent h1{font-size:3rem}.publicRankingStats,.publicRankingIntro,.publicRankingGrid{grid-template-columns:1fr}.publicRankingStats{max-width:100%}.publicRankingList li{grid-template-columns:28px 38px minmax(0,1fr)}.rankingMetric{grid-column:3;justify-items:start}.learnHero{background-color:#0000;background-image:linear-gradient(#05120df0,#05120d9e 52%,#05120de0),url(/assets/backgrounds/mesa-mobile.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:520px;padding:12px 16px 34px}.learnHeroContent h1{font-size:3rem}.learnHeroContent .homeHeroActions,.learnLessonGrid,.learnRulesBand,.learnRuleList{grid-template-columns:1fr}.learnCard{min-height:0}.authShell{background:linear-gradient(180deg, #05120de6, #05120dcc), url(/assets/backgrounds/mesa-mobile.webp), var(--felt-dark);background-position:50%;background-size:cover;align-items:start;padding:0}.authFrame{min-height:100svh;box-shadow:none;background:#05120dc7;border:0;border-radius:0;grid-template-columns:1fr}.authBrandPanel{grid-template-rows:auto 1fr;min-height:300px;padding:14px 16px 20px}.authBrandCopy{gap:10px}.authLogo{border-radius:10px;width:58px;height:58px}.authBrandCopy h1{max-width:10ch;font-size:3rem}.authBrandCopy p:not(.homeKicker){font-size:.96rem}.authBenefitList{display:none}.authPanel{align-content:start;padding:20px 16px 26px}.authPanelHeader h2{font-size:1.7rem}.authPanel .avatarChoiceGrid img{width:72px;height:72px}}.guestBanner{z-index:10;color:#1d1605;background:#e3b341;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-size:.82rem;font-weight:800;display:grid;position:sticky;top:0}.guestBanner a{color:#1d1605;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.loginShell,.profileShell,.lobbyShell,.roomShell,.rankingShell,.storeShell,.legalShell,.adminShell{background:linear-gradient(135deg, #e3b34129, transparent 34%), var(--felt-dark);min-height:100svh;padding:22px 16px;display:grid}.loginShell{align-items:center}.loginPanel,.profileHeader,.profileStats,.modeStats,.dailyBonus,.dailyMissions,.coinHistory,.matchHistory,.trophyShelf,.socialPanel,.lobbyHeader,.roomCreator,.joinBox,.publicRooms,.roomHeader,.shareBox,.roomStatus,.seatList,.inviteFriends,.roomMessage,.rankingHeader,.rankingBoard,.storeHeader,.publicAccessNotice,.storeGrid,.legalPanel,.adminHeader,.adminStats,.adminPanel{width:min(420px,100%);margin:0 auto}.loginPanel{text-align:center;justify-items:center;gap:14px;display:grid}.loginLogo{object-fit:cover;border-radius:16px;width:86px;height:86px}.loginCopy{max-width:340px;color:var(--muted);margin:0;line-height:1.45}.authForm{text-align:left;gap:8px;width:min(340px,100vw - 32px);display:grid}.authForm label,.authLabel{color:var(--muted);font-size:.84rem}.authForm input{min-width:0;min-height:46px;color:var(--ink);font:inherit;background:#0000003d;border:1px solid #ffffff29;border-radius:8px;padding:0 12px}.avatarChoiceGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.avatarChoiceGrid label{color:var(--ink);background:#0000002e;border:1px solid #ffffff29;border-radius:8px;justify-items:center;gap:6px;padding:8px;font-weight:800;display:grid}.avatarChoiceGrid input{width:16px;min-height:16px}.avatarChoiceGrid img{object-fit:cover;border-radius:8px;width:72px;height:72px}.successMessage{color:#8ee6a2;background:#8ee6a21f;border:1px solid #8ee6a252;border-radius:8px;width:min(340px,100%);margin:0;padding:10px 12px;font-size:.88rem}.googleButton{background:var(--paper);color:#183b2a;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:min(340px,100vw - 32px);min-height:48px;font-weight:800;display:inline-flex}.loginNote{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.legalLinks{justify-content:center;gap:12px;font-size:.82rem;display:flex}.legalLinks a{color:var(--muted)}.authShell{background:linear-gradient(120deg, #05120df0, #05120db8), url(/assets/backgrounds/mesa-desktop.webp), var(--felt-dark);background-position:50%;background-size:cover;align-items:center;min-height:100svh;padding:18px;display:grid}.authFrame{background:#040f0ab8;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(360px,430px);width:min(1080px,100%);min-height:min(720px,100svh - 36px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 28px 70px #00000057}.authBrandPanel{isolation:isolate;background-color:#0000;background-image:linear-gradient(#05120d4d,#05120dd1),url(/assets/backgrounds/textura-mesa.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:auto 1fr auto;gap:24px;padding:28px;display:grid;position:relative}.authBrandPanel:before{content:"";z-index:-1;background:linear-gradient(135deg,#e3b3412e,#0000 38%),linear-gradient(90deg,#05120de6,#05120d61);position:absolute;inset:0}.authHomeLink{min-height:38px;color:var(--ink);background:#0000002e;border:1px solid #ffffff2e;border-radius:8px;justify-self:start;align-items:center;gap:8px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.authBrandCopy{align-self:center;gap:14px;max-width:560px;display:grid}.authLogo{object-fit:cover;border-radius:14px;width:76px;height:76px}.authBrandCopy h1{text-transform:uppercase;max-width:9ch;font-size:5.7rem;line-height:.88}.authBrandCopy p:not(.homeKicker){color:#e6eadc;max-width:520px;margin:0;font-size:1rem;line-height:1.55}.authBenefitList{flex-wrap:wrap;gap:8px;display:flex}.authBenefitList span,.authMiniNotice{border-radius:8px;align-items:center;gap:8px;min-height:38px;display:inline-flex}.authBenefitList span{color:var(--ink);background:#fff7e21a;padding:0 10px;font-size:.86rem;font-weight:800}.authBenefitList svg,.authMiniNotice svg{color:var(--gold)}.authPanel{background:linear-gradient(#fff7e20f,#fff7e205),#05120deb;align-content:center;justify-items:stretch;gap:14px;padding:28px;display:grid}.authPanelHeader{gap:8px;margin-bottom:4px;display:grid}.authPanelHeader h2{margin:0;font-size:2rem;line-height:1}.authPanelHeader p:not(.homeKicker){color:var(--muted);margin:0;line-height:1.45}.authPanel .successMessage,.authPanel .formError,.authPanel .googleButton,.authPanel .fullButton,.authOauthForm,.authPanel .authForm{width:100%;min-width:0}.authPanel .authForm{gap:10px}.authPanel .authForm input{background:#00000047;min-height:50px}.authPanel .authForm input:focus{outline-offset:2px;outline:2px solid #e3b341b8}.authTextLink{color:var(--gold);justify-self:start;font-weight:800;text-decoration:none}.authOauthForm{display:grid}.authDivider{color:var(--muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.78rem;font-weight:900;display:grid}.authDivider:before,.authDivider:after{content:"";background:#ffffff24;height:1px}.authPanel .ghostButton{width:100%}.authMiniNotice{color:var(--ink);background:#e3b3411a;border:1px solid #e3b34138;padding:10px 12px;font-size:.88rem;line-height:1.35}.authPanel .avatarChoiceGrid{gap:10px}.authPanel .avatarChoiceGrid label{border-color:#ffffff29;min-height:142px;padding:10px;position:relative}.authPanel .avatarChoiceGrid label:has(input:checked){background:#e3b3411f;border-color:#e3b341cc}.authPanel .avatarChoiceGrid input{accent-color:var(--gold);position:absolute;top:10px;left:10px}.authPanel .avatarChoiceGrid img{width:82px;height:82px}@media (max-width:760px){.authShell{background:linear-gradient(180deg, #05120de6, #05120dcc), url(/assets/backgrounds/mesa-mobile.webp), var(--felt-dark);background-position:50%;background-size:cover;align-items:start;padding:0}.authFrame{min-height:100svh;box-shadow:none;background:#05120dc7;border:0;border-radius:0;grid-template-columns:1fr}.authBrandPanel{grid-template-rows:auto auto;min-height:0;padding:14px 16px 20px}.authBrandCopy{gap:10px}.authLogo{border-radius:10px;width:58px;height:58px}.authBrandCopy h1{max-width:12ch;font-size:2.55rem}.authBrandCopy p:not(.homeKicker){font-size:.96rem}.authBenefitList{display:none}.authPanel{align-content:start;padding:20px 16px 26px}.authPanelHeader h2{font-size:1.7rem}.authPanel .avatarChoiceGrid img{width:72px;height:72px}}.profileShell{align-content:start;gap:18px}.lobbyShell,.roomShell,.rankingShell,.storeShell,.legalShell,.adminShell{align-content:start;gap:14px}.legalPanel{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;gap:12px;padding:14px;display:grid}.legalPanel p{color:var(--muted);margin:0;line-height:1.45}.legalPanel h2{color:var(--gold);margin:6px 0 0;font-size:1rem}.legalUpdated{font-size:.8rem;font-style:italic}.aboutHero{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.aboutPhoto{object-fit:cover;border:2px solid #e3b34180;border-radius:50%;flex:none;width:96px;height:96px}.aboutContactRow{flex-wrap:wrap;gap:10px 16px;margin-top:8px;display:flex}.aboutContactRow a{color:var(--muted);align-items:center;gap:6px;font-size:.84rem;text-decoration:none;display:inline-flex}.aboutContactRow a:hover{color:var(--gold)}.lobbyHeader,.roomHeader,.rankingHeader,.storeHeader,.adminHeader{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.lobbyHeader,.roomHeader,.storeHeader{isolation:isolate;background-position:50%;background-size:cover;border:1px solid #ffffff24;border-radius:8px;min-height:118px;padding:16px;position:relative;overflow:hidden}.lobbyHeader:before,.roomHeader:before,.storeHeader:before{content:"";z-index:-1;background:linear-gradient(90deg,#05140eeb,#05140e80 58%,#05140e33);position:absolute;inset:0}.lobbyHeader,.roomHeader{background-image:url(/assets/banners/banner-salas.png)}.storeHeader{background-image:url(/assets/banners/banner-loja.png)}.profileHeader{align-items:center;gap:14px;padding-top:18px;display:flex}.profileAvatar,.profileAvatarFallback{border-radius:50%;width:66px;height:66px}.profileAvatar{object-fit:cover}.profileAvatarFallback{background:#ffffff1f;place-items:center;display:grid}.profileEmail{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0}.profileStats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profileStats div{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;gap:8px;padding:14px;display:grid}.profileStats span{color:var(--muted)}.profileStats strong{color:var(--gold)}.modeStats{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;gap:12px;padding:14px;display:grid}.modeStatsGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modeStatsGrid div{background:#ffffff14;border-radius:8px;gap:5px;padding:12px;display:grid}.modeStatsGrid strong{color:var(--gold)}.modeStatsGrid span,.modeStatsGrid small{color:var(--muted)}.dailyBonus,.dailyMissions,.coinHistory,.matchHistory,.trophyShelf,.socialPanel,.roomCreator,.joinBox,.renamePanel,.publicRooms,.shareBox,.seatList,.inviteFriends,.rankingBoard,.adminPanel,.lobbyQuickPlay,.lobbyFriends,.lobbyTeaser{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;gap:12px;padding:14px;display:grid}.lobbyFriends ol,.lobbyFriends li{gap:8px;display:grid}.lobbyFriends li{grid-template-columns:1fr auto;align-items:center}.lobbyFriends li div{display:grid}.lobbyFriends li span{color:var(--muted);font-size:.84rem}.lobbyHero{isolation:isolate;background:radial-gradient(140% 140% at 100% 0,#e3b34152,#0000 60%),linear-gradient(135deg,#1f70488c,#08251aeb);border:1px solid #e3b34166;border-radius:12px;gap:10px;padding:22px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059}.lobbyHero .sectionTitle h2{font-size:1.15rem}.lobbyHero p{color:#f7f1dbd1;margin:0}.lobbyHeroGlyph{z-index:-1;color:#e3b34124;font-size:7rem;line-height:1;position:absolute;top:-18px;right:-8px;transform:rotate(12deg)}.lobbyHeroButton{box-shadow:0 6px 16px #e3b3414d}.lobbySecondaryGrid{gap:12px;display:grid}@media (min-width:640px){.lobbySecondaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobbySecondaryGrid .lobbyFriends{grid-row:span 2}}.lobbyHeader .rankBadge{margin:4px 0 0;display:inline-block}.profilePill img{border:2px solid #0000}.bottomNav{z-index:40;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(6px);background:#08251af0;border-top:1px solid #ffffff24;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomNavItem{color:var(--muted);border-radius:8px;justify-items:center;gap:2px;padding:4px 10px;font-size:.72rem;text-decoration:none;display:grid}.bottomNavItemActive{color:var(--gold)}.bottomNavItemFeatured{color:#10241c;background:linear-gradient(180deg, var(--gold), #c99a2e);border-radius:999px;margin-top:-22px;padding:10px 14px 4px;box-shadow:0 6px 16px #00000059}.bottomNavItemFeatured span{color:#10241c;font-weight:700}.variantTabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.variantTab{color:var(--muted);white-space:nowrap;background:#0003;border:1px solid #ffffff2e;border-radius:999px;flex:none;padding:8px 14px;font-size:.82rem;font-weight:700;text-decoration:none}.variantTabActive{color:#10241c;background:var(--gold);border-color:var(--gold)}.bottomNavSpacer{height:calc(64px + env(safe-area-inset-bottom,0px))}.siteFooter{padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;background:#030e0a66;border-top:1px solid #ffffff1a;justify-items:center;gap:10px;display:grid}.siteFooterLinks{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.siteFooterLinks a{color:var(--muted);font-size:.84rem;text-decoration:none}.siteFooterLinks a:hover{color:var(--gold)}.siteFooterCopy{color:#f7f1db6b;margin:0;font-size:.74rem}.musicMuteButton{right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:39;width:38px;height:38px;color:var(--gold);backdrop-filter:blur(6px);background:#08251ad1;border:1px solid #ffffff2e;border-radius:999px;place-items:center;display:grid;position:fixed}.signalWrap{display:inline-flex;position:relative}.signalPopover{z-index:30;background:var(--panel);border:1px solid #ffffff2e;border-radius:10px;gap:6px;width:max-content;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 24px #0006}.signalOption{min-height:36px;color:var(--ink);text-align:left;background:#0003;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:.8rem;display:flex}.signalOptionSuit{font-size:1.1rem;line-height:1}.signalToast{color:#1d1605;white-space:nowrap;background:#e3b341eb;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;animation:.25s ease-out alertPop;display:inline-flex;position:absolute;top:-8px;right:-8px}.signalToastSticker{background:#00000080;padding:2px 6px;font-size:1.2rem}.signalOptionEmoji{font-size:1.2rem;line-height:1}.stickerPopover{grid-template-columns:repeat(4,1fr);gap:6px;max-width:216px;max-height:200px;display:grid;overflow-y:auto}.stickerOption{background:#0003;border:1px solid #ffffff1f;border-radius:8px;min-width:38px;min-height:38px;font-size:1.3rem}.alertModalBackdrop{z-index:60;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirmModalBackdrop{pointer-events:auto;background:#0000008c}.confirmModalActions{justify-content:center;gap:10px;margin-top:12px;display:flex}.alertModalCard{text-align:center;background:#08251af5;border:1px solid #ffffff2e;border-radius:12px;max-width:min(340px,88vw);padding:14px 20px;animation:.22s ease-out alertPop;box-shadow:0 16px 32px #00000073}.alertModalCard p{color:var(--ink);margin:0;font-weight:700}.alertModalCard--warning{border-color:#ffb0a880}.alertModalCard--success{border-color:#8ee6a280}@keyframes alertPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.popIn{animation:.3s ease-out alertPop}.partyLobbyShell>section,.partyLobbyShell>.actionRow,.partyLobbyShell>button{animation:.35s ease-out both sectionReveal}@keyframes sectionReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.alertModalCard,.signalToast,.popIn,.partyLobbyShell>section,.partyLobbyShell>.actionRow,.partyLobbyShell>button{animation:none}}.publicAccessNotice{color:var(--ink);background:#e3b3411a;border:1px solid #e3b34142;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.publicAccessNotice svg{color:var(--gold)}.publicAccessNotice span,.publicJoinPrompt span{color:var(--muted);line-height:1.4}.publicJoinPrompt{gap:10px;display:grid}.dailyBonus>div{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.dailyBonus span,.coinHistory span,.matchHistory span,.matchHistory small,.trophyShelf span,.socialPanel span,.rankingBoard span,.adminPanel span,.adminPanel small,.emptyState{color:var(--muted)}.dailyBonus strong{color:var(--gold)}.claimFlourish{align-items:center;gap:6px;padding:4px 0;display:flex;position:relative}.claimFlourishValue{color:var(--gold);font-size:1.1rem}.claimFlourish span{color:var(--muted);font-size:.85rem}.dailyBonus p,.emptyState,.roomCreator p,.shareBox p,.roomMessage,.formError{margin:0;font-size:.88rem}.roomCreator p,.shareBox p,.roomMessage{color:var(--muted)}.formError{color:#ffb0a8}.joinBox form{gap:8px;display:grid}.joinBox label{color:var(--muted);font-size:.88rem}.joinBox form div{grid-template-columns:1fr 46px;gap:8px;display:grid}.joinBox input{min-width:0;min-height:46px;color:var(--ink);font:inherit;letter-spacing:0;background:#0000003d;border:1px solid #ffffff29;border-radius:8px;padding:0 12px;font-size:1.1rem;font-weight:800}.joinBox input::placeholder{color:#f7f1db61}.renamePanel form{gap:8px;display:grid}.renamePanel label{color:var(--muted);font-size:.88rem}.renamePanel form div{grid-template-columns:1fr 46px;gap:8px;display:grid}.renamePanel input{min-width:0;min-height:46px;color:var(--ink);font:inherit;background:#0000003d;border:1px solid #ffffff29;border-radius:8px;padding:0 12px;font-weight:700}.iconButton{min-width:46px;padding:0}.sectionTitle{align-items:center;gap:8px;display:flex}.sectionTitle h2{margin:0;font-size:1rem}.coinHistory ol,.matchHistory ol,.trophyShelf ol,.socialPanel ol,.publicRooms ol,.seatList ol,.inviteFriends ol,.rankingBoard ol,.adminPanel ol,.dailyMissions ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.coinHistory li,.matchHistory li,.trophyShelf li,.socialPanel li,.publicRooms li,.inviteFriends li,.rankingBoard li,.adminPanel li,.dailyMissions li{border-top:1px solid #ffffff1a;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-top:10px;display:grid}.coinHistory li:first-child,.matchHistory li:first-child,.trophyShelf li:first-child,.socialPanel li:first-child,.publicRooms li:first-child,.inviteFriends li:first-child,.rankingBoard li:first-child,.adminPanel li:first-child,.dailyMissions li:first-child{border-top:0;padding-top:0}.coinHistory li div,.matchHistory li div,.trophyShelf li div,.socialPanel li div,.publicRooms li div,.rankingBoard li div,.adminPanel li div,.dailyMissions li div{gap:4px;min-width:0;display:grid}.coinHistory li strong,.matchHistory li strong,.trophyShelf li strong,.socialPanel li strong,.publicRooms li strong,.inviteFriends li strong,.rankingBoard li strong,.adminPanel li strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adminStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.adminStats div{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;gap:8px;padding:14px;display:grid}.adminStats span{color:var(--muted)}.adminStats strong{color:var(--gold)}.adminPanel li{grid-template-columns:1fr}.adminInlineForm,.adminReviewActions{gap:8px;display:grid}.adminInlineForm{grid-template-columns:minmax(74px,.55fr) minmax(110px,1fr) auto}.adminReviewActions{grid-template-columns:1fr 1fr}.adminInlineForm input{min-width:0;min-height:38px;color:var(--ink);font:inherit;background:#0000003d;border:1px solid #ffffff29;border-radius:8px;padding:0 10px;font-size:.86rem}.matchHistory small{font-size:.78rem}.trophyShelf li{opacity:.55;grid-template-columns:28px 1fr}.trophyShelf li svg{color:var(--muted)}.trophyShelf .trophyEarned{opacity:1}.trophyShelf .trophyEarned svg{color:var(--gold)}.rankingBoard li{grid-template-columns:28px 38px 1fr auto}.rankNumber{width:28px;height:28px;color:var(--gold);background:#e3b34124;border-radius:50%;place-items:center;font-weight:800;display:grid}.coinPill{background:linear-gradient(180deg, #f3cf6b, var(--gold));color:#1d1605;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:inline-flex;box-shadow:0 3px 8px #e3b34159}.storeGrid{gap:12px;display:grid}.storeItem{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;grid-template-columns:74px 1fr;gap:12px;padding:12px;display:grid}.storeItem img,.storeItemIcon{border-radius:8px;width:74px;height:74px}.storeItem img{object-fit:cover}.storeItemIcon{background:#ffffff1a;place-items:center;display:grid}.storeItemSwatch{border:1px solid #fff3;border-radius:8px;width:74px;height:74px}.pixQrCode{background:#fff;border-radius:8px;width:220px;height:220px;margin:0 auto;padding:8px}.pixCopyPaste{background:var(--panel);width:100%;color:var(--ink);resize:none;border:1px solid #ffffff24;border-radius:8px;padding:10px;font-family:monospace;font-size:.75rem}.storeItem>div{gap:4px;min-width:0;display:grid}.storeItem span,.storeItem small{color:var(--muted)}.storeItem small{line-height:1.35}.storeItemFooter{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.storeItemFooter span{align-items:center;gap:6px;display:inline-flex}.rankAvatar{object-fit:cover;border-radius:50%;width:38px;height:38px}.rankAvatarFallback{background:#ffffff1f;place-items:center;display:grid}.compactButton{min-height:38px;padding:0 12px}.shareBox div,.roomStatus div{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.shareBox span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--gold);font-weight:800;overflow:hidden}.roomStatus{grid-template-columns:1fr 1fr;gap:10px;display:grid}.roomStatus div{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;padding:14px}.roomStatus span{color:var(--muted)}.roomStatus strong{color:var(--gold)}.seatList li{border-top:1px solid #ffffff1a;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding-top:10px;display:grid}.seatList li:first-child{border-top:0;padding-top:0}.seatList li span{width:30px;height:30px;color:var(--muted);background:#ffffff1f;border-radius:50%;place-items:center;font-weight:800;display:grid}.seatList li strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.backLink{width:min(420px,100%);color:var(--muted);text-align:center;margin:0 auto;text-decoration:none}.coinPositive{color:#8ee6a2;font-weight:800}.coinNegative{color:#ffb0a8;font-weight:800}.matchResultMain{place-items:center}.matchIntroOverlay{z-index:55;opacity:0;visibility:hidden;background:#03100beb;align-content:center;justify-items:center;gap:18px;padding:24px;display:grid;position:fixed;inset:0}.matchIntroTitle{color:var(--gold);text-align:center;letter-spacing:.02em;margin:0;font-size:1rem;font-weight:800}.matchIntroTeams{align-items:center;gap:18px;display:flex}.matchIntroTeam{gap:14px;display:grid}.matchIntroPlayer{text-align:center;justify-items:center;gap:4px;display:grid}.matchIntroPlayer .avatar{width:58px;height:58px}.matchIntroVs{color:var(--gold);text-shadow:0 0 16px #d4af3799;font-size:2rem;font-weight:900}@keyframes playerJoinPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.playerJoinPop{animation:.3s ease-out playerJoinPop}@media (prefers-reduced-motion:reduce){.playerJoinPop{animation:none}}.matchResultShell{justify-items:center;gap:18px;width:min(360px,100%);padding:12px;display:grid;position:relative}.matchResultTitle{text-align:center;margin:0;font-size:clamp(2rem,10vw,2.6rem)}.matchResultTitle--win{color:var(--gold)}.matchResultTitle--loss{color:#ffb0a8}.matchResultTitle--tie{color:var(--muted)}.matchResultPlayers{gap:8px;width:100%;display:grid}.matchResultRow{background:var(--panel);border:1px solid #ffffff24;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.matchResultRow span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.matchResultActions{gap:10px;width:100%;display:grid}.coinRain{pointer-events:none;justify-content:space-around;display:flex;position:absolute;top:-10px;left:0;right:0}.coinRainItem{color:var(--gold);opacity:0}.fullButton{width:min(420px,100%);margin:0 auto;display:flex}.gameShell{background:radial-gradient(ellipse at center, #1f704847, #03100b70 55%, #03100be0), linear-gradient(180deg, #08251ab3, #08251a4d 42%, #08251adb), url(/assets/backgrounds/mesa-mobile.webp), var(--felt);touch-action:manipulation;background-position:50%;background-size:cover;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:8px;height:100svh;max-height:100svh;padding:10px 12px 12px;display:grid;position:relative;overflow:hidden}.gameTopBar,.gameScore,.tablePlayers,.opponentRow,.gameCenter,.gameActions{width:min(430px,100%);margin:0 auto}.searchingShell{background:radial-gradient(ellipse at center, #1f704847, #03100b70 55%, #03100be0), linear-gradient(180deg, #08251ab3, #08251a4d 42%, #08251adb), url(/assets/backgrounds/mesa-mobile.webp), var(--felt);background-position:50%;background-size:cover;place-items:center;height:100svh;max-height:100svh;padding:16px;display:grid;position:relative;overflow:hidden}.searchingExit{position:absolute;top:14px;left:14px}.searchingCard{backdrop-filter:blur(10px);text-align:center;background:#04120cb8;border:1px solid #e3b3413d;border-radius:18px;justify-items:center;gap:10px;width:min(360px,100%);padding:28px 20px;display:grid}.searchingPulseIcon{width:68px;height:68px;color:var(--gold);border:2px dashed #e3b34180;border-radius:50%;place-items:center;margin-top:4px;animation:1.6s ease-in-out infinite searchPulse;display:grid}@media (prefers-reduced-motion:reduce){.searchingPulseIcon{animation:none}}.searchingSeats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:10px;display:grid}.searchingSeat{background:#0003;border:1px solid #ffffff1a;border-radius:10px;justify-items:center;gap:6px;padding:10px 6px;display:grid}.searchingSeat span{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.searchingSeatFilled span{color:var(--ink);font-weight:700}.gameTopBar{backdrop-filter:blur(10px);background:#030e0a94;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:4px 6px;display:flex}.gameTopBar h1{font-size:1rem}.gameTopBar .eyebrow{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.gameTopBarActions{align-items:center;gap:8px;display:flex}.connectionPill{min-height:32px;color:var(--muted);background:#0003;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.76rem;font-weight:700;display:inline-flex}.gameScore{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gameScore div{background:#04120cc7;border:1px solid #e3b34138;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.gameScore span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.gameScore strong{color:var(--gold);font-size:1.18rem}.opponentRow{background:#030e0a6b;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;gap:8px;padding:6px 8px;display:grid}.tablePlayers{grid-template-columns:1fr;gap:6px;max-height:170px;display:grid;overflow:hidden}.playerMeta{min-width:0;display:grid}.playerMeta strong,.playerMeta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playerMeta strong{color:var(--ink);font-size:.84rem}.playerMeta span{color:var(--muted);font-size:.72rem}.opponentRow .hiddenHand{grid-column:1/-1;justify-self:center;max-height:46px;overflow:hidden}.opponentRow .hiddenHand .cardView{filter:drop-shadow(0 8px 10px #00000047);width:42px}.playerSafetyActions{gap:6px;display:inline-flex}.playerSafetyActions button{width:28px;height:28px;color:var(--muted);background:#0003;border:1px solid #ffffff24;border-radius:8px;place-items:center;display:grid}.floatingUtilityBar{z-index:15;gap:10px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.floatingUtilityButton{width:42px;height:42px;color:var(--ink);backdrop-filter:blur(8px);background:#030e0ab8;border:1px solid #fff3;border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 14px #00000052}.floatingSignalWrap{position:relative}.floatingPopover{inset:50% calc(100% + 10px) auto auto;transform:translateY(-50%)}.quickChatPopover{grid-template-columns:repeat(2,minmax(0,1fr));width:220px;display:grid}.quickChatPopover button{min-height:34px;color:var(--ink);white-space:nowrap;background:#00000038;border:1px solid #ffffff24;border-radius:999px;padding:0 8px;font-size:.76rem;font-weight:700}.onlineAvatar{border-color:#8ee6a2}.banBadge{color:#e05c5c;text-transform:uppercase;background:#e05c5c24;border:1px solid #e05c5c66;border-radius:999px;align-items:center;min-height:20px;margin-left:8px;padding:0 8px;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex}.dangerButton{color:#e05c5c;border-color:#e05c5c66}.botBadge{min-height:22px;color:var(--gold);text-transform:uppercase;background:#e3b3411f;border:1px solid #e3b3415c;border-radius:999px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.gameCenter{background-color:#0000;background-image:radial-gradient(#0e623ab8,#04180fd1 66%,#020a07e6),url(/assets/backgrounds/textura-mesa.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #e3b34133;border-radius:18px;align-content:center;align-self:center;justify-items:center;gap:12px;width:min(430px,100%);min-height:0;padding:14px 12px;display:grid;box-shadow:inset 0 0 0 2px #ffffff0a,inset 0 0 42px #00000061,0 18px 40px #0000003d}.gameShell .playerArea{backdrop-filter:blur(10px);background:linear-gradient(#020c0866,#020c08cc),#04120cb8;border:1px solid #ffffff1a;border-radius:14px 14px 8px 8px;justify-items:stretch;gap:8px;width:min(430px,100%);margin:0 auto;padding:8px 10px 6px;display:grid}.gameShell .vira{background:#0000002e;border:1px solid #e3b3412e;border-radius:8px;gap:5px;padding:8px}.gameShell .vira .cardView{width:clamp(58px,18vw,78px)}.roundInfo{text-align:left;background:#00000047;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:12px;min-width:min(300px,82vw);padding:8px 10px;display:grid}.roundInfo>div:first-child{gap:2px;min-width:0;display:grid}.roundInfo span{color:var(--muted);font-size:.82rem}.roundInfo strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.turnTimer{aspect-ratio:1;background:radial-gradient(circle at center, #05140deb 58%, transparent 60%), conic-gradient(var(--gold) var(--timer-progress), #ffffff24 0);border-radius:999px;place-items:center;width:54px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 24px #0000003d}.turnTimer span{color:var(--ink);font-size:1rem;font-weight:900}.playedArea{grid-template-columns:repeat(2,minmax(74px,1fr));place-items:end center;gap:10px;width:min(288px,100%);min-height:clamp(118px,22svh,172px);display:grid}.playedCard{justify-items:center;gap:6px;animation:.28s ease-out cardPlay;display:grid}@keyframes cardPlay{0%{opacity:0;transform:translateY(28px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.playedCard{animation:none}}.playedCard .cardView{width:clamp(70px,22vw,98px)}@keyframes playedCardWinnerGlow{0%,to{filter:drop-shadow(0 0 #e3b34100);transform:scale(1)}40%{filter:drop-shadow(0 0 10px #e3b341d9);transform:scale(1.12)}}.playedCardWinner .cardView{animation:.6s ease-out playedCardWinnerGlow}@media (prefers-reduced-motion:reduce){.playedCardWinner .cardView{animation:none}}.avatarSearching{border-style:dashed;animation:1.6s ease-in-out infinite searchPulse}.searchingLabel{animation:1.6s ease-in-out infinite searchPulse}@keyframes searchPulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.avatarSearching,.searchingLabel{animation:none}}.playedCard span{max-width:120px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.gameActions{scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:0;display:grid;overflow:visible}.gameActions::-webkit-scrollbar{display:none}.iconTextButton{width:100%;min-width:0;min-height:44px;padding:0 12px}.gameActions .iconTextButton{border-radius:8px;justify-content:center;min-height:50px;font-size:.88rem}.turnPrompt{background:#0003;border:1px solid #ffffff1a;border-radius:8px;gap:2px;min-height:48px;padding:8px 10px;display:grid}.turnPrompt strong{color:var(--ink);font-size:.9rem}.turnPrompt span{color:var(--muted);font-size:.78rem;line-height:1.25}.activeTurnPrompt{background:linear-gradient(#e3b34129,#00000038);border-color:#e3b34157;animation:1.4s ease-in-out infinite turnPulse}.activeTurnAvatar{animation:1.4s ease-in-out infinite turnPulse}@keyframes turnPulse{0%,to{box-shadow:0 0 #e3b3418c}50%{box-shadow:0 0 0 6px #e3b34100}}@media (prefers-reduced-motion:reduce){.activeTurnAvatar,.activeTurnPrompt{animation:none}}.waitingAction{min-height:42px;color:var(--muted);text-align:center;border:1px dashed #ffffff29;border-radius:8px;grid-column:1/-1;place-items:center;font-size:.84rem;display:grid}.playableHand{align-items:end;width:min(430px,100%);min-height:124px;margin:0 auto;padding-top:6px}.cardButton{transform-origin:50% 100%;background:0 0;border:0;padding:0;transition:transform .14s,filter .14s;display:grid}.cardButton:disabled{cursor:not-allowed;opacity:.72}.cardButton:not(:disabled):active{filter:brightness(1.08);transform:translateY(-14px)scale(1.02)}.playableHand .cardView{width:clamp(92px,28vw,124px)}.playableHand .cardButton:first-child{transform:rotate(-7deg)translateY(8px)}.playableHand .cardButton:nth-child(2){transform:translateY(-2px)}.playableHand .cardButton:nth-child(3){transform:rotate(7deg)translateY(8px)}.playableHand .cardButton:not(:disabled):first-child:active{transform:rotate(-7deg)translateY(-10px)scale(1.02)}.playableHand .cardButton:not(:disabled):nth-child(2):active{transform:translateY(-18px)scale(1.02)}.playableHand .cardButton:not(:disabled):nth-child(3):active{transform:rotate(7deg)translateY(-10px)scale(1.02)}@keyframes dealCard1{0%{opacity:0;transform:rotate(-7deg)translateY(70px)scale(.85)}to{opacity:1;transform:rotate(-7deg)translateY(8px)scale(1)}}@keyframes dealCard2{0%{opacity:0;transform:translateY(70px)scale(.85)}to{opacity:1;transform:translateY(-2px)scale(1)}}@keyframes dealCard3{0%{opacity:0;transform:rotate(7deg)translateY(70px)scale(.85)}to{opacity:1;transform:rotate(7deg)translateY(8px)scale(1)}}.playableHand .dealtCard:first-child{animation:.4s ease-out backwards dealCard1}.playableHand .dealtCard:nth-child(2){animation:.4s ease-out 80ms backwards dealCard2}.playableHand .dealtCard:nth-child(3){animation:.4s ease-out .16s backwards dealCard3}@media (prefers-reduced-motion:reduce){.dealtCard{animation:none}}.handValueText{display:inline-block;position:relative}@keyframes handValuePop{0%,to{color:inherit;transform:scale(1)}40%{color:var(--gold);transform:scale(1.3)}}.handValuePop{animation:.5s ease-out handValuePop}.handValueBurst{width:0;height:0;position:absolute;top:-2px;left:50%}.handValueBurstCoin{color:var(--gold);opacity:0;pointer-events:none;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.handValuePop{animation:none}}@media (min-width:760px){.appShell{border:1px solid #ffffff1f;border-radius:20px;max-width:460px;min-height:760px;margin:24px auto}.gameShell,.searchingShell{background:linear-gradient(180deg, #08251aa8, #08251a61 42%, #08251ac7), url(/assets/backgrounds/mesa-desktop.webp), var(--felt);background-position:50%;background-size:cover;border:1px solid #ffffff1f;border-radius:20px;max-width:460px;min-height:760px;margin:24px auto}}