:root{--panel: rgba(10, 14, 18, .72);--panel2: rgba(10, 14, 18, .88);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--accent: #69f;--warn: #ffcc66;--border: rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:#05070b}button,input{font:inherit}.page{min-height:100vh;padding-bottom:220px}.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(to bottom,#0000008c,#0000)}.brand{font-size:28px;font-weight:800;letter-spacing:.5px}.clickable{cursor:pointer}.tag{color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.right{display:flex;gap:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;max-width:1100px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.small{padding:12px}.card.wide{grid-column:1 / -1}h2,h3{margin:0 0 12px}label{display:block;margin-top:10px;color:var(--muted);font-size:13px}input{width:100%;margin-top:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#00000059;color:var(--text)}.btn{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(120,170,255,.35);background:#648cff2e;color:var(--text);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#00000040;color:var(--text);cursor:pointer}.muted{color:var(--muted)}.error{grid-column:1 / -1;background:#ff464624;border:1px solid rgba(255,70,70,.3);padding:10px 12px;border-radius:14px}.pill{border:1px solid var(--border);padding:4px 8px;border-radius:999px;background:#0000002e}.pill.warn{border-color:#ffcc6659;color:var(--warn)}.list{display:flex;flex-direction:column;gap:10px}.listItem{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--border);background:#00000038}.listTitle{font-weight:700}.listMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.listActions{display:flex;gap:8px}.gameWrap{display:grid;grid-template-columns:320px 1fr;gap:14px;padding:0 18px;max-width:1300px;margin:0 auto}.leftRail{display:flex;flex-direction:column;gap:12px}.tableArea{min-height:520px}.table{border-radius:26px;border:6px solid #3a2816;background:repeating-conic-gradient(rgba(255,255,255,.015) 0% 25%,transparent 0% 50%) 0 0 / 4px 4px,repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 1px,transparent 3px) 0 0 / 4px 4px,radial-gradient(ellipse at 50% 40%,#1a5c2a,#144721 50%,#0e3318 80%,#0a2412);box-shadow:0 8px 32px #0006,inset 0 2px 12px #00000059,inset 0 0 60px #00000026;height:620px;position:relative;overflow:hidden}.table:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:28px;background:linear-gradient(160deg,#5c3a1e,#3a2210 30%,#2a1a0c,#3a2816 70%,#4d2f15);z-index:-1}.table:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:1}.tableInner{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;z-index:2}.seat{position:absolute;width:240px;height:140px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#00000059;padding:10px}.seat.turn{outline:2px solid rgba(120,170,255,.55)}.seat.me{border-color:#78aaff59}.seat0{top:18px;left:50%;transform:translate(-50%)}.seat2{bottom:18px;left:50%;transform:translate(-50%)}.seatName{font-weight:800;font-size:14px}.seatScore{margin-top:8px;color:var(--muted);font-size:13px}.seatBody{margin-top:10px;display:flex;justify-content:center;align-items:center;height:68px}.placeholder{color:var(--muted);font-size:13px}.backs{display:flex;align-items:center;gap:10px}.backCard{width:44px;height:62px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#78aaff38,#00000026)}.count{font-weight:900}.centerHint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:16px;background:#00000047;border:1px solid rgba(255,255,255,.12)}.handBar{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000d9,#00000059);border-top:1px solid rgba(255,255,255,.12);padding:12px 18px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.chooseSuit{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hand{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.handCard{min-width:110px;height:86px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#00000052;color:var(--text);cursor:pointer;padding:10px;text-align:left}.handCard.selected{outline:2px solid rgba(105,153,255,.7);transform:translateY(-4px)}.bigCard{height:120px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#00000047;display:flex;flex-direction:column;justify-content:center;padding:12px}.bgSwatch{width:42px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.18);cursor:pointer}.row{display:flex;gap:8px;margin-bottom:10px}.btn.danger{border-color:#ff646459;background:#ff505029}.btnSecondary.mini{padding:6px 10px;border-radius:10px}.roundBanner{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:50;background:#0e121af0;border:1px solid rgba(255,255,255,.18);padding:12px 18px;border-radius:16px;box-shadow:0 18px 44px #00000059;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topDiscardWrap{display:flex;justify-content:center;align-items:center;padding:8px 0 2px}.discardPanel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discardHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.discardPreview{position:relative;min-height:150px;margin-top:10px;cursor:pointer}.discardLayer{position:absolute;top:0;left:0}.discardGrid{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}.playingCard{position:relative;width:92px;height:132px;border-radius:14px;border:1px solid rgba(12,12,16,.28);background:linear-gradient(180deg,#fff,#f2f2f5);color:#10131a;box-shadow:0 10px 24px #00000047;padding:0;overflow:hidden}.playingCard.compact{width:72px;height:102px}.playingCard.selected{outline:3px solid rgba(105,153,255,.78);transform:translateY(-8px)}.playingCard.dimmed{opacity:.4;filter:saturate(.3);box-shadow:none}.playingCard.dimmed:not(.selected){transform:scale(.97)}.playingCard.back{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,#244f8f,#142a4d 50%,#244f8f);border-color:#ffffff2e}.playingCard.back:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(45deg,#ffffff0f 0,#ffffff0f 6px,#ffffff05 6px,#ffffff05 12px)}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:800}.corner.tl{top:8px;left:8px}.corner.br{right:8px;bottom:8px;transform:rotate(180deg)}.corner .rank{font-size:18px}.corner .suit{font-size:18px;margin-top:2px}.corner.red,.pip.red{color:#c62828}.pip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:900}.pipRank{font-size:34px}.pipSuit{font-size:28px;margin-top:4px}.backFan{position:relative;width:74px;height:74px}.backFan .fan1{left:0;top:6px;transform:rotate(-8deg)}.backFan .fan2{left:12px;top:0;transform:rotate(0)}.backFan .fan3{left:24px;top:6px;transform:rotate(8deg)}.hand{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-end}.hand .playingCard{flex:0 0 auto;cursor:pointer}@media (max-width: 1100px){.gameWrap{grid-template-columns:1fr}.table{height:560px}}.countBadge{margin-top:8px;display:inline-block;padding:6px 10px;border-radius:999px;background:#00000061;border:1px solid rgba(255,255,255,.18);font-weight:700;font-size:13px}.discardMeta{margin-top:8px}.lastCardBanner{position:fixed;top:78px;left:50%;transform:translate(-50%);z-index:49;background:#1c2412f0;border:1px solid rgba(180,255,160,.22);padding:10px 16px;border-radius:14px;box-shadow:0 14px 36px #00000047;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discardFan{position:relative;height:136px;min-width:130px}.seatFooter{margin-top:10px;display:flex;justify-content:center}.seatScore{display:inline-block;padding:6px 10px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.16)}.seatBody{display:flex;justify-content:center;align-items:center;min-height:78px}.discardFan{position:relative;height:136px;min-width:160px}.discardGrid{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;max-height:260px;overflow:auto;padding-top:6px}.seat{padding-bottom:16px}.seatBody{min-height:64px;margin-top:6px}.backFan{width:66px;height:62px}.backFan .fan1{left:0;top:8px;transform:rotate(-8deg) scale(.92)}.backFan .fan2{left:10px;top:0;transform:rotate(0) scale(.92)}.backFan .fan3{left:20px;top:8px;transform:rotate(8deg) scale(.92)}.seatFooter{margin-top:14px}.countBadge,.seatScore{position:relative;z-index:2}.dealerChip{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;background:#ffdc78f2;color:#201400;box-shadow:0 8px 16px #0000003d}.seat.turn{outline:2px solid rgba(110,255,155,.45);box-shadow:0 0 0 1px #6eff9b26,0 0 22px #6eff9b2e}.hand{display:flex;gap:12px;overflow-x:auto;padding:10px 0 12px;align-items:flex-end}.topDiscardWrap .playingCard{transform:rotate(-2deg)}.discardPreview{display:flex;align-items:flex-start;justify-content:flex-start;overflow-x:auto;padding:8px 8px 16px;min-height:160px}.discardFan{position:relative;height:136px;min-width:180px}.hand{display:flex;gap:8px;overflow-x:auto;padding:10px 8px 24px;align-items:flex-end;min-height:168px;scrollbar-width:thin}.handItem{list-style:none;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-x}.handItem:active{cursor:grabbing}.hand .playingCard{flex:0 0 auto;width:100px;height:144px}.tableCenterArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);display:flex;align-items:center;gap:36px}.deckStack{position:relative;width:92px;height:142px;display:flex;align-items:center;justify-content:center}.deckStack.disabled{opacity:.7}.deckLayer{position:absolute}.deckLayer1{left:0;top:8px;transform:rotate(-5deg)}.deckLayer2{left:8px;top:4px;transform:rotate(0)}.deckLayer3{left:16px;top:8px;transform:rotate(5deg)}.deckLabel{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted)}.deckStack.pulse{animation:deckPulse 1.8s ease-in-out infinite}@keyframes deckPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.centerDiscard{display:flex;flex-direction:column;align-items:center;gap:8px}.centerDiscardLabel{font-size:12px;color:var(--muted)}.tableRoundOverlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:300px;max-width:520px;padding:18px 22px;border-radius:18px;background:#0e121af2;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 48px #0000006b;text-align:center;z-index:12;pointer-events:none}.tableRoundOverlayText{font-size:22px;font-weight:800}.seat{height:154px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.actionsPrimary,.actionsSecondary{display:contents}.leftRail{display:flex;flex-direction:column;gap:12px;min-width:0}.seat:has(.seatName:empty),.seat .placeholder{display:none}.seat.ring0{border-color:#60adff47}.seat.ring1{border-color:#ff7a7a47}.seat.ring2{border-color:#82eb9247}.seat.ring3{border-color:#deaaff47}.seat.ring0 .seatName{color:#9fd0ff}.seat.ring1 .seatName{color:#ffb0b0}.seat.ring2 .seatName{color:#b7ffbf}.seat.ring3 .seatName{color:#e2c8ff}.centerDiscard .playingCard,.deckStack .playingCard{box-shadow:0 16px 28px #00000052}.handItem{transition:filter .18s ease}.handItem:hover{filter:brightness(1.03)}.activityBanner{position:fixed;top:118px;left:50%;transform:translate(-50%);z-index:48;background:#121822eb;border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:12px;font-weight:700;box-shadow:0 10px 24px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seatIdentity{display:flex;align-items:center;gap:8px}.deckStack{background:transparent;border:none;padding:0;cursor:pointer}.deckStack.disabled{cursor:not-allowed}.seat{width:250px;height:170px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between}.seatTopRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.seatIdentity{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.seatAvatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#081018;background:#ffffffd9}.seatAvatar.ring0{background:#9fd0ff}.seatAvatar.ring1{background:#ffb0b0}.seatAvatar.ring2{background:#b7ffbf}.seatAvatar.ring3{background:#e2c8ff}.seatName{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seatBody{flex:1;display:flex;justify-content:center;align-items:center;min-height:82px;margin-top:4px}.seatCenterStack{display:flex;flex-direction:column;align-items:center;gap:10px}.backFan{position:relative;width:78px;height:60px}.backFan .fan{position:absolute}.backFan .fan1{left:0;top:10px;transform:rotate(-10deg) scale(.9)}.backFan .fan2{left:12px;top:0;transform:rotate(0) scale(.9)}.backFan .fan3{left:24px;top:10px;transform:rotate(10deg) scale(.9)}.seatStatRow{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.seatPill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#00000057;border:1px solid rgba(255,255,255,.12)}.seatCardsPill{color:#ffffffeb}.seatScorePill{color:#ffffffd1}.seatFooter{display:flex;justify-content:center;align-items:center;min-height:22px;margin-top:2px}.seatTurnBadge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#b7ffbf;background:#3ca05a29;border:1px solid rgba(110,255,155,.28)}.seatTurnSpacer{height:22px}.countBadge,.seatScore{display:none}@media (max-width: 1100px){.seat{width:220px;height:160px}.seat0,.seat3{left:50%;transform:translate(-50%) scale(.96)}.seat1{left:8px;transform:translateY(-50%) scale(.96)}.seat2{right:8px;transform:translateY(-50%) scale(.96)}}.page{min-height:100vh}.gameWrap{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:0 18px 18px;width:100%;max-width:1680px;margin:0 auto}.leftRail{align-self:start;position:sticky;top:14px}.tableArea{min-width:0}.table{width:100%;min-height:680px;height:calc(100vh - 320px);max-height:980px;border-radius:28px;padding:20px;border-width:6px}.tableInner{position:relative;width:100%;height:100%;border-radius:24px}.seat{width:300px;min-height:190px;padding:14px 16px;border-radius:22px;background:#090d129e;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 32px #0003}.seat0{left:50%;top:18px;transform:translate(-50%)}.seat1{left:18px;top:50%;transform:translateY(-50%)}.seat2{right:18px;top:50%;transform:translateY(-50%)}.seat3{left:50%;bottom:18px;transform:translate(-50%)}.seatTopRow{margin-bottom:6px}.seatBody{min-height:96px;margin-top:2px}.seatCenterStack{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:14px;width:100%;max-width:220px}.backFan{width:82px;height:66px;justify-self:center}.backFan .fan1{left:0;top:10px;transform:rotate(-10deg) scale(.94)}.backFan .fan2{left:13px;top:0;transform:rotate(0) scale(.94)}.backFan .fan3{left:26px;top:10px;transform:rotate(10deg) scale(.94)}.seatStatRow{display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:center}.seatPill{width:100%;justify-content:center;min-width:88px}.seatFooter{min-height:26px;margin-top:6px}.tableCenterArea{gap:56px;transform:translate(-50%,-52%)}.centerDiscard .playingCard,.deckStack .playingCard{width:102px;height:146px}.deckStack{width:118px;height:164px}.deckLayer1{left:0;top:10px;transform:rotate(-5deg)}.deckLayer2{left:10px;top:5px;transform:rotate(0)}.deckLayer3{left:20px;top:10px;transform:rotate(5deg)}.handBar{width:100%;max-width:1680px;margin:0 auto;padding-left:18px;padding-right:18px}.actions{gap:10px;margin-bottom:10px}@media (max-width: 1400px){.gameWrap{grid-template-columns:290px 1fr}.seat{width:270px;min-height:180px}.seatCenterStack{max-width:200px;grid-template-columns:78px 1fr}}@media (max-width: 1180px){.gameWrap{grid-template-columns:1fr}.leftRail{position:static}.table{min-height:680px;height:680px}.seat{width:240px;min-height:168px}.seat0,.seat3{left:50%;transform:translate(-50%) scale(.96)}.seat1{left:8px;transform:translateY(-50%) scale(.94)}.seat2{right:8px;transform:translateY(-50%) scale(.94)}.tableCenterArea{gap:34px}}.handBar{display:flex;flex-direction:column;align-items:center}.hand{width:100%;justify-content:center}.deckLabel{display:none}.seatStatRow{min-width:108px}.seatTurnPill{color:#b7ffbf;background:#3ca05a29;border:1px solid rgba(110,255,155,.28)}.seatTurnPill.ghost{visibility:hidden}.seatFooter,.seatTurnBadge,.seatTurnSpacer{display:none}.landingPage{min-height:100vh;background:radial-gradient(circle at top left,rgba(90,130,255,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(90,255,170,.1),transparent 28%),linear-gradient(180deg,#071019,#05070b 30%,#04060a)}.landingShell{width:100%;max-width:1520px;margin:0 auto;padding:28px 24px 32px}.landingHero{display:grid;grid-template-columns:1.5fr .9fr;gap:18px;align-items:stretch;margin-bottom:18px}.landingHeroText,.landingHeroCard{background:#0a0e12ad;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brandRow{display:flex;align-items:center;gap:16px}.brandBadge{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;background:linear-gradient(135deg,#648cff59,#64ffd22e);border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 32px #00000038}.landingEyebrow,.sectionEyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--muted);margin-bottom:6px}.landingHero h1{font-size:56px;line-height:1;margin:0}.landingLead{margin:16px 0 0;max-width:720px;font-size:18px;color:#ffffffd1}.landingStats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.landingStat{min-width:132px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.landingStatValue{font-size:26px;font-weight:900}.landingStatLabel{margin-top:4px;font-size:12px;color:var(--muted)}.quickSteps{margin:10px 0 0 18px;padding:0;display:flex;flex-direction:column;gap:12px;color:#ffffffdb}.landingError{margin-bottom:16px}.landingMain{display:grid;grid-template-columns:420px 1fr;gap:18px}.landingColumn{display:flex;flex-direction:column;gap:18px;min-width:0}.landingColumnWide{min-width:0}.lobbyCard{border-radius:24px;padding:18px}.identityCard input,.hostCard input,.joinCard input{margin-top:8px}.helperText{margin-top:10px}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.hostSummary,.gameMetaRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.summaryPill,.phasePill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#ffffff0a;border:1px solid rgba(255,255,255,.09)}.lobbyPrimaryBtn,.lobbySecondaryBtn{width:100%;margin-top:16px}.browserCard{min-height:100%}.browserSplit{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;margin-top:8px}.browserGroupTitle{font-size:13px;font-weight:800;color:#ffffffd1;margin-bottom:10px}.gamesBoard{display:flex;flex-direction:column;gap:12px}.compactBoard{gap:10px}.lobbyGameCard{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;box-shadow:inset 0 1px #ffffff08}.lobbyGameCard.compact{padding:12px}.lobbyGameTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gameTitle{font-size:16px;font-weight:800}.gameCodeLine{margin-top:6px}.gameActionRow{display:flex;justify-content:flex-end;margin-top:12px}.lobbyPhase{color:#bfe0ff}.livePhase{color:#ffd695}.emptyState{padding:18px 16px;border-radius:18px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);color:var(--muted)}@media (max-width: 1200px){.landingHero,.landingMain,.browserSplit{grid-template-columns:1fr}}.activityFeedCard{min-height:220px}.activityFeedList{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;padding-right:4px}.activityFeedItem{padding:9px 10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.35}.tableRoundOverlay{left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.tableRoundOverlayWrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:12;pointer-events:none}.tableRoundOverlay{position:relative;left:auto;top:auto;transform:none;margin:0 auto}.roomPage{min-height:100vh;background:radial-gradient(circle at top left,rgba(90,130,255,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(90,255,170,.1),transparent 28%),linear-gradient(180deg,#071019,#05070b 30%,#04060a)}.roomShell{width:100%;max-width:1480px;margin:0 auto;padding:24px}.roomTopbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.roomHero{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;border-radius:28px;padding:22px;margin-bottom:18px}.roomHero h1{margin:0;font-size:42px}.roomLead{margin-top:10px;max-width:720px;font-size:17px}.roomCodeCard{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:16px 18px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.roomCode{font-size:34px;letter-spacing:.14em;font-weight:900}.roomMain{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.roomPlayersCard,.roomSidebarCard{border-radius:24px;padding:18px}.roomSeatsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.roomSeat{min-height:130px;border-radius:20px;padding:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;flex-direction:column;justify-content:space-between}.roomSeat.empty{align-items:center;justify-content:center;text-align:center;background:#ffffff05;border-style:dashed}.roomSeatTop{display:flex;align-items:center;gap:12px}.roomSeatAvatar{width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#081018}.roomSeatAvatar.ring0{background:#9fd0ff}.roomSeatAvatar.ring1{background:#ffb0b0}.roomSeatAvatar.ring2{background:#b7ffbf}.roomSeatAvatar.ring3{background:#e2c8ff}.roomSeatEmptyIcon{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);margin-bottom:10px}.roomSeatName{font-size:16px;font-weight:800}.roomSeatMeta{margin-top:4px;font-size:13px}.roomSeatStatus{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.roomChecklist{display:flex;flex-direction:column;gap:14px;margin-top:6px}.roomChecklistItem{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.roomStartBtn{width:100%;margin-top:18px}.roomWaitingCard{margin-top:18px;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.roomRefreshBtn{width:100%;margin-top:12px}@media (max-width: 1100px){.roomHero,.roomMain,.roomSeatsGrid{grid-template-columns:1fr}.roomCode{font-size:28px}}.gameWrap{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:18px;padding:0 18px 18px;width:100%;max-width:1880px;margin:0 auto;align-items:start}.leftRail,.rightRail{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:14px;min-width:0}.activityFeedCard,.chatCard{min-height:220px}.activityFeedList,.chatList{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;padding-right:4px}.chatEmpty{padding:14px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:var(--muted);line-height:1.4}.chatComposer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.chatComposer input{margin-top:0}@media (max-width: 1380px){.gameWrap{grid-template-columns:290px minmax(0,1fr)}.rightRail{grid-column:1 / -1;position:static}}@media (max-width: 1180px){.gameWrap{grid-template-columns:1fr}.leftRail,.rightRail{position:static}}.lastCardBanner,.activityBanner{top:150px}@media (max-width: 1180px){.lastCardBanner,.activityBanner{top:120px}}html,body,#root{min-height:100%}@media (max-width: 980px){.topbar,.roomTopbar{flex-direction:column;align-items:flex-start;gap:10px}.brand{font-size:24px}.tag{gap:8px}.page{padding-bottom:120px}.gameWrap{grid-template-columns:1fr;gap:14px;padding:0 12px 14px;max-width:100%}.leftRail,.rightRail{position:static;order:initial}.tableArea{order:1}.leftRail{order:2}.rightRail{order:3}.table{min-height:620px;height:620px;border-radius:22px;padding:14px}.tableInner{padding:12px}.tableCenterArea{top:50%;gap:22px;transform:translate(-50%,-50%)}.centerDiscard .playingCard,.deckStack .playingCard{width:86px;height:124px}.deckStack{width:98px;height:138px}.deckLayer1{left:0;top:8px}.deckLayer2{left:8px;top:4px}.deckLayer3{left:16px;top:8px}.seat{width:168px;min-height:118px;padding:10px;border-radius:18px}.seat0{top:8px;left:50%;transform:translate(-50%)}.seat1{left:4px;top:50%;transform:translateY(-50%)}.seat2{right:4px;top:50%;transform:translateY(-50%)}.seat3{bottom:8px;left:50%;transform:translate(-50%)}.seatName{font-size:13px}.seatAvatar,.dealerChip{width:24px;height:24px;font-size:11px}.seatBody{min-height:62px}.seatCenterStack{grid-template-columns:1fr;gap:8px;max-width:none}.backFan{width:60px;height:46px}.backFan .fan1{left:0;top:7px;transform:rotate(-10deg) scale(.72)}.backFan .fan2{left:8px;top:0;transform:rotate(0) scale(.72)}.backFan .fan3{left:16px;top:7px;transform:rotate(10deg) scale(.72)}.seatStatRow{gap:6px;min-width:0}.seatPill{font-size:11px;padding:4px 8px;min-width:0}.activityBanner,.lastCardBanner{top:108px;max-width:calc(100vw - 24px);text-align:center}.tableRoundOverlay{min-width:min(300px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:14px 16px}.tableRoundOverlayText{font-size:18px}.handBar{width:100%;max-width:100%;margin:0;padding-left:12px;padding-right:12px}.actions{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.actions .btn,.actions .btnSecondary{flex:0 0 auto;white-space:nowrap}.hand{justify-content:flex-start;padding:14px 0 16px;overflow-x:auto;scrollbar-width:thin}.handItem{flex:0 0 auto}.hand .playingCard{width:78px;height:112px}.playingCard.compact{width:62px;height:88px}.corner .rank,.corner .suit{font-size:15px}.pipRank{font-size:28px}.pipSuit{font-size:22px}.roomShell,.landingShell{padding:16px 12px 20px}.landingHeroText,.landingHeroCard,.roomHero,.roomPlayersCard,.roomSidebarCard,.lobbyCard{border-radius:20px}.landingHero h1,.roomHero h1{font-size:34px}.landingLead,.roomLead{font-size:15px}.landingStats{gap:8px}.landingStat{min-width:100px;padding:12px}.landingMain,.roomMain,.browserSplit,.roomHero,.roomSeatsGrid{grid-template-columns:1fr}.roomCode{font-size:26px}.browserCard,.roomPlayersCard,.roomSidebarCard{min-width:0}.lobbyGameTop{flex-direction:column;align-items:flex-start}.gameActionRow{justify-content:flex-start}.chatComposer{grid-template-columns:1fr}}@media (max-width: 640px){.topbar,.roomTopbar{padding-left:12px;padding-right:12px}.table{min-height:560px;height:560px}.seat{width:142px;min-height:106px;padding:8px}.seat0,.seat3{width:170px}.seat1,.seat2{width:132px}.seatName{font-size:12px}.seatAvatar,.dealerChip{width:22px;height:22px;font-size:10px}.seatStatRow{gap:5px}.seatPill{font-size:10px;padding:3px 6px}.centerDiscard .playingCard,.deckStack .playingCard{width:72px;height:104px}.deckStack{width:84px;height:118px}.tableCenterArea{gap:14px}.activityBanner,.lastCardBanner{top:92px;font-size:13px;padding:8px 12px}.hand .playingCard{width:70px;height:100px}.playingCard.compact{width:54px;height:78px}.landingHero h1,.roomHero h1{font-size:30px}.brandBadge{width:52px;height:52px;font-size:24px}.roomCode{font-size:22px;letter-spacing:.1em}}.scoreBoardCard{min-height:220px}.scoreBoardList{display:flex;flex-direction:column;gap:10px}.scoreRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.scorePlayer{display:flex;align-items:center;gap:10px;min-width:0}.scoreAvatar{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#081018}.scoreAvatar.ring0{background:#9fd0ff}.scoreAvatar.ring1{background:#ffb0b0}.scoreAvatar.ring2{background:#b7ffbf}.scoreAvatar.ring3{background:#e2c8ff}.scoreName{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreMeta{margin-top:3px;font-size:12px}.scoreValues{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 1380px){.scoreValues{justify-content:flex-start}}@media (max-width: 980px){.scoreRow{flex-direction:column;align-items:flex-start}.scoreValues{width:100%}}.gameWrap{grid-template-columns:320px minmax(0,1fr) 320px;max-width:1880px}.table{width:100%;min-height:720px;height:calc(100vh - 260px);max-height:920px;border-radius:28px;padding:18px}.tableInner{position:relative;inset:auto;width:100%;height:100%;padding:0;z-index:2}.tableCenterArea{z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);gap:28px}.seat{z-index:3;width:220px;min-height:150px;height:auto;padding:12px;border-radius:20px}.seat0{top:10px;left:50%;transform:translate(-50%)}.seat1{top:50%;right:10px;transform:translateY(-50%)}.seat2{bottom:10px;left:50%;transform:translate(-50%)}.seat3{top:50%;left:10px;transform:translateY(-50%)}.centerDiscard .playingCard,.deckStack .playingCard{width:96px;height:138px}.deckStack{width:108px;height:150px}@media (max-width: 1400px){.gameWrap{grid-template-columns:290px minmax(0,1fr) 290px}.seat{width:196px;min-height:138px}.centerDiscard .playingCard,.deckStack .playingCard{width:88px;height:126px}.deckStack{width:100px;height:138px}}@media (max-width: 980px){.gameWrap{grid-template-columns:1fr;max-width:100%}.leftRail,.rightRail{position:static}.table{min-height:620px;height:620px;max-height:none}.seat{width:160px;min-height:116px;padding:9px}.seat0{top:8px;left:50%;transform:translate(-50%)}.seat1{top:50%;right:4px;transform:translateY(-50%)}.seat2{bottom:8px;left:50%;transform:translate(-50%)}.seat3{top:50%;left:4px;transform:translateY(-50%)}.tableCenterArea{gap:18px}.centerDiscard .playingCard,.deckStack .playingCard{width:80px;height:116px}.deckStack{width:92px;height:126px}}@media (max-width: 640px){.table{min-height:560px;height:560px}.seat{width:132px;min-height:104px;padding:8px}.seat0,.seat2{width:164px}.seat1,.seat3{width:124px}.centerDiscard .playingCard,.deckStack .playingCard{width:72px;height:104px}.deckStack{width:84px;height:118px}}.table{min-height:780px;height:calc(100vh - 240px);max-height:980px}.tableInner{overflow:hidden}.tableCenterArea{top:46%;gap:24px}.seat{width:200px;min-height:138px;padding:10px 12px}.seat0,.seat2{width:240px}.seat0{top:16px;left:50%;transform:translate(-50%)}.seat1{top:50%;right:12px;transform:translateY(-50%)}.seat2{bottom:16px;left:50%;transform:translate(-50%)}.seat3{top:50%;left:12px;transform:translateY(-50%)}.seatCenterStack{max-width:180px;grid-template-columns:72px 1fr}.seat0 .seatCenterStack,.seat2 .seatCenterStack{max-width:196px;grid-template-columns:78px 1fr}.backFan{width:72px;height:56px}.backFan .fan1{left:0;top:8px;transform:rotate(-10deg) scale(.82)}.backFan .fan2{left:10px;top:0;transform:rotate(0) scale(.82)}.backFan .fan3{left:20px;top:8px;transform:rotate(10deg) scale(.82)}.centerDiscard .playingCard,.deckStack .playingCard{width:88px;height:126px}.deckStack{width:98px;height:138px}@media (max-width: 1400px){.seat{width:180px;min-height:130px}.seat0,.seat2{width:220px}.tableCenterArea{top:45%;gap:18px}.centerDiscard .playingCard,.deckStack .playingCard{width:80px;height:116px}.deckStack{width:90px;height:126px}}@media (max-width: 980px){.table{min-height:620px;height:620px}.tableCenterArea{top:48%;gap:16px}.seat{width:150px;min-height:110px;padding:8px}.seat0,.seat2{width:176px}.seat0{top:6px}.seat2{bottom:6px}.seat1{right:4px}.seat3{left:4px}.seatCenterStack,.seat0 .seatCenterStack,.seat2 .seatCenterStack{max-width:none;grid-template-columns:1fr}.backFan{width:58px;height:44px}.backFan .fan1{left:0;top:7px;transform:rotate(-10deg) scale(.7)}.backFan .fan2{left:7px;top:0;transform:rotate(0) scale(.7)}.backFan .fan3{left:14px;top:7px;transform:rotate(10deg) scale(.7)}.centerDiscard .playingCard,.deckStack .playingCard{width:74px;height:106px}.deckStack{width:84px;height:116px}}.tableInner{overflow:visible}.tableCenterArea{left:50%;top:45%;transform:translate(-50%,-50%);gap:22px}.seat{width:168px;min-height:126px;max-width:168px;padding:10px}.seat0,.seat2{width:190px;max-width:190px}.seat0{top:14px;left:50%;transform:translate(-50%)}.seat1{top:50%;right:18px;transform:translateY(-50%)}.seat2{bottom:14px;left:50%;transform:translate(-50%)}.seat3{top:50%;left:18px;transform:translateY(-50%)}.seatBody{min-height:66px;margin-top:2px}.seatCenterStack,.seat0 .seatCenterStack,.seat2 .seatCenterStack{width:100%;max-width:none;grid-template-columns:56px 1fr;gap:10px}.backFan{width:56px;height:42px}.backFan .fan1{left:0;top:6px;transform:rotate(-10deg) scale(.66)}.backFan .fan2{left:6px;top:0;transform:rotate(0) scale(.66)}.backFan .fan3{left:12px;top:6px;transform:rotate(10deg) scale(.66)}.seatStatRow{align-items:stretch;justify-content:center;gap:6px;min-width:0}.seatPill{width:100%;min-width:0;padding:4px 8px;font-size:11px}.activityFeedCard{margin-bottom:6px}.activityFeedList{max-height:280px}.handBar{position:fixed;left:0;right:0;bottom:0;z-index:20;margin-top:0}@media (max-width: 1400px){.seat{width:154px;max-width:154px}.seat0,.seat2{width:178px;max-width:178px}.seat1{right:10px}.seat3{left:10px}}@media (max-width: 980px){.tableCenterArea{top:47%;gap:14px}.seat{width:140px;max-width:140px;min-height:108px;padding:8px}.seat0,.seat2{width:164px;max-width:164px}.seat1{right:4px}.seat3{left:4px}.seatCenterStack,.seat0 .seatCenterStack,.seat2 .seatCenterStack{grid-template-columns:1fr;gap:6px}.backFan{width:52px;height:38px}}@media (max-width: 640px){.tableCenterArea{top:48%;gap:12px}.seat{width:120px;max-width:120px;min-height:98px}.seat0,.seat2{width:148px;max-width:148px}.activityFeedList{max-height:220px}}.seat,.seat0,.seat1,.seat2,.seat3{width:168px!important;max-width:168px!important;min-width:168px!important;min-height:126px!important}@media (max-width: 1400px){.seat,.seat0,.seat1,.seat2,.seat3{width:154px!important;max-width:154px!important;min-width:154px!important}}@media (max-width: 980px){.seat,.seat0,.seat1,.seat2,.seat3{width:140px!important;max-width:140px!important;min-width:140px!important;min-height:108px!important}.seat0,.seat2{left:50%!important;transform:translate(-50%)!important}}@media (max-width: 640px){.seat,.seat0,.seat1,.seat2,.seat3{width:120px!important;max-width:120px!important;min-width:120px!important;min-height:98px!important}.seat0,.seat2{left:50%!important;transform:translate(-50%)!important}}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:188px!important;min-width:188px!important;max-width:188px!important;height:132px!important;min-height:132px!important;max-height:132px!important;box-sizing:border-box!important}.seat0,.seat2{left:50%!important;transform:translate(-50%)!important}.seat2{bottom:34px!important}.seat1{right:18px!important}.seat3{left:18px!important}.seatBody{min-height:58px!important;height:58px!important}.seatCenterStack,.seat0 .seatCenterStack,.seat1 .seatCenterStack,.seat2 .seatCenterStack,.seat3 .seatCenterStack{width:100%!important;max-width:100%!important;grid-template-columns:58px 1fr!important;gap:8px!important}.seatPill{width:100%!important;min-width:0!important;font-size:11px!important;padding:4px 7px!important}.backFan{width:58px!important;height:40px!important}.backFan .fan1{left:0!important;top:5px!important;transform:rotate(-10deg) scale(.64)!important}.backFan .fan2{left:6px!important;top:0!important;transform:rotate(0) scale(.64)!important}.backFan .fan3{left:12px!important;top:5px!important;transform:rotate(10deg) scale(.64)!important}.tableCenterArea{top:43%!important}@media (max-width: 1400px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:176px!important;min-width:176px!important;max-width:176px!important;height:126px!important;min-height:126px!important;max-height:126px!important}.seat2{bottom:28px!important}}@media (max-width: 980px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:150px!important;min-width:150px!important;max-width:150px!important;height:110px!important;min-height:110px!important;max-height:110px!important}.seat2{bottom:20px!important}.tableCenterArea{top:46%!important}}@media (max-width: 640px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:128px!important;min-width:128px!important;max-width:128px!important;height:98px!important;min-height:98px!important;max-height:98px!important}.seat2{bottom:16px!important}}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:200px!important;min-width:200px!important;max-width:200px!important;height:138px!important;min-height:138px!important;max-height:138px!important}.seat2{bottom:52px!important}.seat0{top:18px!important}.tableCenterArea{top:42%!important}.seatBody{min-height:62px!important;height:62px!important}.seatCenterStack,.seat0 .seatCenterStack,.seat1 .seatCenterStack,.seat2 .seatCenterStack,.seat3 .seatCenterStack{grid-template-columns:62px 1fr!important;gap:9px!important}.backFan{width:62px!important;height:44px!important}.backFan .fan1{left:0!important;top:5px!important;transform:rotate(-10deg) scale(.68)!important}.backFan .fan2{left:7px!important;top:0!important;transform:rotate(0) scale(.68)!important}.backFan .fan3{left:14px!important;top:5px!important;transform:rotate(10deg) scale(.68)!important}@media (max-width: 1400px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:186px!important;min-width:186px!important;max-width:186px!important;height:132px!important;min-height:132px!important;max-height:132px!important}.seat2{bottom:40px!important}.tableCenterArea{top:43%!important}}@media (max-width: 980px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:158px!important;min-width:158px!important;max-width:158px!important;height:116px!important;min-height:116px!important;max-height:116px!important}.seat2{bottom:26px!important}.tableCenterArea{top:45%!important}}@media (max-width: 640px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:134px!important;min-width:134px!important;max-width:134px!important;height:102px!important;min-height:102px!important;max-height:102px!important}.seat2{bottom:18px!important}.tableCenterArea{top:46%!important}}.seat2{bottom:76px!important}.tableCenterArea{top:40.5%!important}.selectionOrderBadge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#081018;background:#fffffff0;border:1px solid rgba(0,0,0,.12);z-index:4;box-shadow:0 2px 8px #00000040}@media (max-width: 1400px){.seat2{bottom:60px!important}.tableCenterArea{top:41.5%!important}}@media (max-width: 980px){.seat2{bottom:38px!important}.tableCenterArea{top:43.5%!important}.selectionOrderBadge{width:20px;height:20px;font-size:11px}}@media (max-width: 640px){.seat2{bottom:24px!important}.tableCenterArea{top:45%!important}.selectionOrderBadge{width:18px;height:18px;font-size:10px;top:5px;right:5px}}.seat2{bottom:18px!important;left:50%!important;transform:translate(-50%)!important}.tableCenterArea{top:39%!important}@media (max-width: 1400px){.seat2{bottom:16px!important}.tableCenterArea{top:40%!important}}@media (max-width: 980px){.seat2{bottom:12px!important}.tableCenterArea{top:42%!important}}@media (max-width: 640px){.seat2{bottom:10px!important}.tableCenterArea{top:43.5%!important}}.seat2{bottom:6px!important}.tableCenterArea{top:34%!important}@media (max-width: 1400px){.seat2{bottom:6px!important}.tableCenterArea{top:36%!important}}@media (max-width: 980px){.seat2{bottom:6px!important}.tableCenterArea{top:38%!important}}@media (max-width: 640px){.seat2{bottom:4px!important}.tableCenterArea{top:40%!important}}.gameHomePage{min-height:100vh;background:radial-gradient(circle at top center,rgba(55,180,85,.18),transparent 34%),radial-gradient(circle at bottom left,rgba(90,130,255,.09),transparent 30%),linear-gradient(180deg,#0a2911,#08220e 32%,#06170b)}.gameHomeHero{display:flex;justify-content:center;margin-bottom:22px}.heroMiniCard{position:absolute;width:74px;height:102px;border-radius:14px;background:#fffffff5;color:#111;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px 10px;font-weight:900;font-size:24px;box-shadow:0 16px 30px #00000047}.gameHomeSubtitle{max-width:720px;margin:0 auto 16px;color:#ffffffd1;font-size:18px;line-height:1.45}.gameHomeIdentity{max-width:360px;margin:0 auto 14px;text-align:left}.gameHomeError{max-width:600px;margin:0 auto 14px}.table{min-height:720px;height:calc(100vh - 240px);max-height:900px}.tableCenterArea{top:35%!important;left:50%!important;transform:translate(-50%,-50%)!important}.seat0{top:28px!important}.seat2{bottom:28px!important}.seat1,.seat3{top:50%!important;transform:translateY(-50%)!important}.seat1{right:28px!important}.seat3{left:28px!important}@media (max-width: 980px){.table{min-height:620px;height:620px;max-height:none}.tableCenterArea{top:38%!important}.seat0{top:16px!important}.seat2{bottom:16px!important}.seat1{right:10px!important}.seat3{left:10px!important}.gameHomeTitle{font-size:46px}.gameHomeSubtitle{font-size:16px}}@media (max-width: 640px){.tableCenterArea{top:40%!important}.seat0{top:10px!important}.seat2{bottom:10px!important}.gameHomeShell{padding:18px 12px 26px}.gameHomeTitle{font-size:38px}.gameHomeCards{transform:scale(.9)}}.gameHomePage{min-height:100vh;background:radial-gradient(circle at top center,rgba(64,200,106,.2),transparent 32%),radial-gradient(circle at bottom right,rgba(76,116,255,.08),transparent 28%),linear-gradient(180deg,#0b2e14,#08220f 38%,#06160b)}.gameHomeShell{max-width:1380px;margin:0 auto;padding:28px 18px 36px}.gameHomeHero{display:flex;justify-content:center;margin-bottom:24px}.gameHomeCenter{width:100%;max-width:980px;text-align:center}.gameHomeCards{position:relative;width:190px;height:120px;margin:0 auto 10px}.heroMiniCard{position:absolute;width:74px;height:102px;border-radius:14px;background:#fffffff7;color:#111;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px 10px;font-weight:900;font-size:24px;box-shadow:0 16px 30px #00000047}.heroMiniCard.c1{left:18px;top:12px;transform:rotate(-11deg)}.heroMiniCard.c2{left:58px;top:0;transform:rotate(0)}.heroMiniCard.c3{left:100px;top:12px;transform:rotate(12deg)}.gameHomeEyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}.gameHomeTitle{margin:8px 0 6px;font-size:64px;line-height:1}.gameHomeSubtitle{max-width:720px;margin:0 auto 16px;color:#ffffffd6;font-size:18px;line-height:1.45}.gameHomeIdentity{max-width:360px;margin:0 auto 14px;text-align:left;border-radius:22px}.gameHomeError{max-width:620px;margin:0 auto 14px}.gameHomeActionRow{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.homeActionCard{text-align:left;border-radius:24px;padding:18px}.gameHomePrimaryBtn,.gameHomeSecondaryBtn{width:100%;margin-top:16px}.gameHomeTip{margin-top:10px}.gameHomeLower{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.gameHomeOpenTables,.gameHomeRules{border-radius:24px}.gameHomeLobbyList{display:flex;flex-direction:column;gap:10px}.gameHomeLobbyRow{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);cursor:pointer}.gameHomeLobbyName{font-weight:800}.gameHomeRuleList{display:flex;flex-direction:column;gap:10px}.gameHomeRule{padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}@media (max-width: 1200px){.gameHomeActionRow,.gameHomeLower{grid-template-columns:1fr}.gameHomeTitle{font-size:54px}}@media (max-width: 640px){.gameHomeShell{padding:18px 12px 26px}.gameHomeTitle{font-size:38px}.gameHomeCards{transform:scale(.9)}.gameHomeSubtitle{font-size:16px}}.casualLandingPage{min-height:100vh;background:radial-gradient(circle at top center,rgba(57,190,104,.22),transparent 34%),radial-gradient(circle at 20% 80%,rgba(116,94,255,.1),transparent 28%),linear-gradient(180deg,#0b2b14,#09210f 38%,#06170b)}.casualLandingShell{max-width:1420px;margin:0 auto;padding:28px 18px 36px}.casualLandingHero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.casualLandingLeft{padding:26px 20px;border-radius:28px;background:#0000002e;border:1px solid rgba(255,255,255,.08)}.casualBrandRow{display:flex;align-items:center;gap:16px}.casualBrandBadge{width:72px;height:72px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;background:#fffffff0;color:#0d1d10;box-shadow:0 12px 30px #00000040}.casualEyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}.casualTitle{margin:4px 0 0;font-size:70px;line-height:1}.casualSubtitle{max-width:700px;margin:18px 0 12px;font-size:20px;line-height:1.45;color:#ffffffd6}.casualHeroCards{position:relative;width:220px;height:128px;margin:18px 0 18px 6px}.casualCardFan{position:absolute;width:82px;height:112px;border-radius:16px;background:#fffffff7;color:#151515;padding:10px 12px;font-size:26px;font-weight:900;box-shadow:0 16px 30px #00000047}.casualCardFan.f1{left:14px;top:12px;transform:rotate(-11deg)}.casualCardFan.f2{left:66px;top:0;transform:rotate(0)}.casualCardFan.f3{left:120px;top:12px;transform:rotate(12deg)}.casualRulesStrip{display:flex;gap:8px;flex-wrap:wrap}.casualLandingRight{display:flex;flex-direction:column;gap:14px}.casualAuthCard,.casualActionCard,.casualOpenTablesCard{border-radius:24px}.casualLandingError{margin:0}.casualActionBtn{width:100%}.casualLobbyStrip{margin-top:20px}.casualOpenTablesList{display:flex;flex-direction:column;gap:10px}.casualOpenTableRow{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);cursor:pointer}.casualOpenTableName{font-weight:800}@media (max-width: 1150px){.casualLandingHero{grid-template-columns:1fr}.casualTitle{font-size:56px}}@media (max-width: 640px){.casualLandingShell{padding:18px 12px 26px}.casualBrandBadge{width:60px;height:60px;font-size:28px}.casualTitle{font-size:42px}.casualSubtitle{font-size:17px}.casualHeroCards{transform:scale(.9);transform-origin:left center}}.tavernLandingPage{min-height:100vh;background:radial-gradient(circle at top center,rgba(76,182,92,.22),transparent 30%),radial-gradient(circle at 15% 85%,rgba(113,85,255,.12),transparent 28%),linear-gradient(180deg,#0f3018,#0a2110 40%,#07150a)}.tavernLandingShell{max-width:1440px;margin:0 auto;padding:28px 18px 36px}.tavernHero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}.tavernHeroText{padding:28px 22px;border-radius:28px;background:#00000029;border:1px solid rgba(255,255,255,.08)}.tavernOverline{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}.tavernHeroTitle{margin:8px 0 10px;font-size:72px;line-height:.96}.tavernHeroSubtitle{max-width:720px;margin:0 0 18px;font-size:19px;line-height:1.5;color:#ffffffd6}.tavernBadgeRow{display:flex;gap:8px;flex-wrap:wrap}.tavernHeroArt{position:relative;width:240px;height:132px;margin-top:18px}.tavernCard{position:absolute;width:86px;height:116px;border-radius:16px;background:#fffffff7;color:#141414;padding:10px 12px;font-size:28px;font-weight:900;box-shadow:0 16px 30px #00000047}.tavernCard.t1{left:14px;top:10px;transform:rotate(-10deg)}.tavernCard.t2{left:74px;top:0;transform:rotate(0)}.tavernCard.t3{left:136px;top:10px;transform:rotate(11deg)}.tavernHeroActions{display:flex;flex-direction:column;gap:14px}.tavernCards{column-count:3;column-gap:16px;margin-top:18px}.tavernCards>.card{break-inside:avoid;margin:0 0 16px;border-radius:24px}.tavernError{margin-top:16px}@media (max-width: 1150px){.tavernCards{column-count:2}}@media (max-width: 680px){.tavernCards{column-count:1}}.tavernIdentityCard,.tavernActionCard,.tavernOpenTablesCard{border-radius:24px}.tavernPrimaryBtn,.tavernSecondaryBtn{width:100%}.tavernOpenTables{margin-top:20px}.tavernOpenList{display:flex;flex-direction:column;gap:10px}.tavernOpenRow{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);cursor:pointer}.tavernOpenName{font-weight:800}@media (max-width: 1150px){.tavernHero{grid-template-columns:1fr}.tavernHeroTitle{font-size:58px}}@media (max-width: 640px){.tavernLandingShell{padding:18px 12px 26px}.tavernHeroTitle{font-size:42px}.tavernHeroSubtitle{font-size:16px}.tavernHeroArt{transform:scale(.92);transform-origin:left center}}.seat{transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.seat.turn{outline:none;border-color:#78aaff8c;box-shadow:0 0 0 2px #78aaff47,0 16px 36px #00000038}.seatTopRow{position:relative;z-index:2}.seatIdentity{display:flex;align-items:center;gap:10px}.seatTurnText{margin-top:2px;font-size:11px;color:#ffffffb8;letter-spacing:.02em}.seatTurnHalo{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:24px;pointer-events:none;background:radial-gradient(circle at center,rgba(120,170,255,.16),transparent 68%);animation:seatTurnGlow 1.65s ease-in-out infinite}@keyframes seatTurnGlow{0%,to{opacity:.55;transform:scale(.985)}50%{opacity:.95;transform:scale(1.015)}}.turnDirectionWidget{position:absolute;top:-44px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0000006b;border:1px solid rgba(255,255,255,.12);color:#ffffffdb;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.turnDirectionGlyph{font-size:16px;font-weight:900}.centerDiscard.live .playingCard{box-shadow:0 14px 26px #00000040,0 0 0 1px #ffffff0f}.centerDiscard{position:relative}.centerDiscardLabel{margin-top:8px;text-align:center;font-size:12px;color:#ffffffb8}.deckStack{transition:transform .18s ease,opacity .18s ease}.deckStack:hover{transform:translateY(-2px)}@media (max-width: 980px){.turnDirectionWidget{top:-36px;font-size:12px;padding:7px 10px}.turnDirectionGlyph{font-size:14px}}.table{min-height:680px!important;height:680px!important;max-height:680px!important}.tableInner{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:0!important}.tableCenterArea{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;gap:22px!important;z-index:2!important}.seat{width:190px!important;min-width:190px!important;max-width:190px!important;height:124px!important;min-height:124px!important;max-height:124px!important;box-sizing:border-box!important;z-index:3!important}.seat0{top:12px!important;left:50%!important;transform:translate(-50%)!important}.seat1{top:50%!important;right:12px!important;transform:translateY(-50%)!important}.seat2{bottom:12px!important;left:50%!important;transform:translate(-50%)!important}.seat3{top:50%!important;left:12px!important;transform:translateY(-50%)!important}.seatBody{margin-top:8px!important;height:54px!important;min-height:54px!important}.seatCenterStack{width:100%!important;max-width:100%!important;grid-template-columns:54px 1fr!important;gap:8px!important}.backFan{width:54px!important;height:38px!important}.backFan .fan1{left:0!important;top:4px!important;transform:rotate(-10deg) scale(.62)!important}.backFan .fan2{left:6px!important;top:0!important;transform:rotate(0) scale(.62)!important}.backFan .fan3{left:12px!important;top:4px!important;transform:rotate(10deg) scale(.62)!important}.seatStatRow{gap:5px!important}.seatPill{width:100%!important;min-width:0!important;font-size:11px!important;padding:4px 6px!important}.centerDiscard .playingCard,.deckStack .playingCard{width:84px!important;height:120px!important}.deckStack{width:94px!important;height:132px!important}@media (max-width: 980px){.table{min-height:600px!important;height:600px!important;max-height:600px!important}.seat{width:156px!important;min-width:156px!important;max-width:156px!important;height:108px!important;min-height:108px!important;max-height:108px!important}.seat0{top:8px!important}.seat2{bottom:8px!important}.seat1{right:8px!important}.seat3{left:8px!important}.tableCenterArea{gap:16px!important}.centerDiscard .playingCard,.deckStack .playingCard{width:76px!important;height:108px!important}.deckStack{width:86px!important;height:120px!important}}@media (max-width: 640px){.table{min-height:540px!important;height:540px!important;max-height:540px!important}.seat{width:134px!important;min-width:134px!important;max-width:134px!important;height:96px!important;min-height:96px!important;max-height:96px!important}.seat0{top:6px!important}.seat2{bottom:6px!important}.seat1{right:6px!important}.seat3{left:6px!important}.centerDiscard .playingCard,.deckStack .playingCard{width:68px!important;height:98px!important}.deckStack{width:78px!important;height:108px!important}}.tableCenterArea{top:44%!important}.seat2{bottom:0!important}@media (max-width: 980px){.tableCenterArea{top:45%!important}.seat2{bottom:0!important}}@media (max-width: 640px){.tableCenterArea{top:46%!important}.seat2{bottom:0!important}}.table{min-height:700px!important;height:700px!important;max-height:700px!important}.tableInner{padding:0!important}.tableCenterArea{top:38%!important;left:50%!important;transform:translate(-50%,-50%)!important;gap:18px!important;z-index:2!important}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:168px!important;min-width:168px!important;max-width:168px!important;height:118px!important;min-height:118px!important;max-height:118px!important;z-index:3!important}.seat0{top:10px!important;left:50%!important;transform:translate(-50%)!important}.seat1{top:50%!important;right:8px!important;transform:translateY(-50%)!important}.seat2{bottom:8px!important;left:50%!important;transform:translate(-50%)!important}.seat3{top:50%!important;left:8px!important;transform:translateY(-50%)!important}.seatBody{margin-top:6px!important;height:48px!important;min-height:48px!important}.seatCenterStack{width:100%!important;max-width:100%!important;grid-template-columns:50px 1fr!important;gap:6px!important}.backFan{width:50px!important;height:34px!important}.backFan .fan1{left:0!important;top:4px!important;transform:rotate(-10deg) scale(.56)!important}.backFan .fan2{left:5px!important;top:0!important;transform:rotate(0) scale(.56)!important}.backFan .fan3{left:10px!important;top:4px!important;transform:rotate(10deg) scale(.56)!important}.seatStatRow{gap:4px!important}.seatPill{width:100%!important;min-width:0!important;font-size:10px!important;padding:3px 5px!important}.centerDiscard .playingCard,.deckStack .playingCard{width:80px!important;height:114px!important}.deckStack{width:90px!important;height:126px!important}@media (max-width: 980px){.table{min-height:590px!important;height:590px!important;max-height:590px!important}.tableCenterArea{top:40%!important;gap:14px!important}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:146px!important;min-width:146px!important;max-width:146px!important;height:104px!important;min-height:104px!important;max-height:104px!important}.seat0{top:8px!important}.seat2{bottom:8px!important}.seat1{right:6px!important}.seat3{left:6px!important}.centerDiscard .playingCard,.deckStack .playingCard{width:72px!important;height:102px!important}.deckStack{width:82px!important;height:114px!important}}@media (max-width: 640px){.table{min-height:530px!important;height:530px!important;max-height:530px!important}.tableCenterArea{top:42%!important}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:126px!important;min-width:126px!important;max-width:126px!important;height:92px!important;min-height:92px!important;max-height:92px!important}.seat0{top:6px!important}.seat2{bottom:6px!important}.seat1{right:4px!important}.seat3{left:4px!important}}.seat0{bottom:auto!important;right:auto!important}.seat1{left:auto!important;bottom:auto!important}.seat2{top:auto!important;right:auto!important}.seat3{bottom:auto!important;right:auto!important}.tableCenterArea{top:50%!important;align-items:flex-start!important}.centerDiscard{margin-top:5px!important}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:200px!important;min-width:200px!important;max-width:200px!important;height:134px!important;min-height:134px!important;max-height:134px!important}.seatBody{height:56px!important;min-height:56px!important}.seatCenterStack{grid-template-columns:56px 1fr!important;gap:8px!important}.backFan{width:56px!important;height:40px!important}.seatPill{font-size:11px!important;padding:4px 6px!important}.seat0{top:16px!important}.seat2{bottom:16px!important}.seat1{right:14px!important}.seat3{left:14px!important}@media (max-width: 980px){.tableCenterArea{top:50%!important}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:160px!important;min-width:160px!important;max-width:160px!important;height:110px!important;min-height:110px!important;max-height:110px!important}.seatBody{height:46px!important;min-height:46px!important}.seatCenterStack{grid-template-columns:46px 1fr!important}.backFan{width:46px!important;height:34px!important}.seat0{top:10px!important}.seat2{bottom:10px!important}.seat1{right:8px!important}.seat3{left:8px!important}}@media (max-width: 640px){.tableCenterArea{top:50%!important}.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:136px!important;min-width:136px!important;max-width:136px!important;height:96px!important;min-height:96px!important;max-height:96px!important}.seatBody{height:38px!important;min-height:38px!important}.seatCenterStack{grid-template-columns:38px 1fr!important}.backFan{width:38px!important;height:28px!important}.seat0{top:8px!important}.seat2{bottom:8px!important}.seat1{right:6px!important}.seat3{left:6px!important}}.turnContextBar{padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:8px;line-height:1.35;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#ffffffb8}.turnContextBar.active{background:#5a96ff21;border-color:#5a96ff47;color:#bed7fff2}.turnContextBar.waiting{background:#ffffff08;border-color:#ffffff12;color:var(--muted)}.turnContextBar.warn{background:#ffc3321a;border-color:#ffc33242;color:#ffe182f2}.turnContextBar.chooseSuit{background:#a06eff1f;border-color:#a06eff47;color:#dcb9fff5}.chooseSuitPanel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.chooseSuitLabel{font-size:13px;white-space:nowrap}.suitBtn{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;min-height:44px}.suitBtn.red{border-color:#ff64645c!important;background:#ff50501a!important;color:#ffb0b0!important}.suitBtn.black{border-color:#aac8ff38!important;background:#6e96ff17!important;color:#ffffffeb!important}.suitBtnSymbol{font-size:18px;line-height:1}.suitBtnName{font-size:12px;font-weight:700}@media (max-width: 980px){.actions .btn,.actions .btnSecondary{min-height:44px;padding:10px 12px}.turnContextBar{font-size:12px;padding:8px 12px}.chooseSuitLabel,.suitBtnName{display:none}.suitBtnSymbol{font-size:22px}.suitBtn{min-height:48px;padding:10px 6px}}@media (max-width: 640px){.turnContextBar{font-size:11px}.suitBtn{padding:10px 4px}}.tavernBottomRow{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:20px}.tavernRulesCard{border-radius:24px}.tavernRuleList{display:flex;flex-direction:column;gap:14px;margin-top:12px}.tavernRuleItem{display:flex;align-items:flex-start;gap:12px}.tavernRuleNum{width:26px;height:26px;min-width:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:#6496ff2e;border:1px solid rgba(100,150,255,.28);margin-top:1px}.tavernRuleTitle{font-weight:800;font-size:14px;margin-bottom:3px}.tavernRuleDesc{font-size:13px;line-height:1.4}.tavernFieldHint{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.35}@media (max-width: 1150px){.tavernBottomRow{grid-template-columns:1fr}}@media (max-width: 640px){.tavernBottomRow{gap:14px;margin-top:14px}.tavernRuleTitle{font-size:13px}.tavernRuleDesc{font-size:12px}}.muteBtn{font-size:1rem;padding:2px 6px;min-width:unset}.mobileInfoBtn{display:none}.tagTurnPill{background:#5a96ff2e;border-color:#5a96ff61;color:#b8d4ff}.mobileInfoOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:300;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobileInfoSheet{width:100%;max-height:78svh;background:#080c14fa;border-top:1px solid rgba(255,255,255,.14);border-radius:22px 22px 0 0;padding:12px 16px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.mobileSheetHandle{width:40px;height:4px;border-radius:999px;background:#ffffff38;margin:0 auto 8px;flex-shrink:0}.mobileSheetSection{display:flex;flex-direction:column;gap:6px}.mobileScoreRow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.mobileScoreName{flex:1;font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileSheetClose{width:100%;flex-shrink:0}.handBarErr{margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px}.handBarErrDismiss{flex-shrink:0;opacity:.7}.leftRail .card,.rightRail .card{background:#0a0e1280;border-color:#ffffff12;box-shadow:none;border-radius:16px;padding:10px 12px}.leftRail .card h3,.rightRail .card h3{font-size:13px;margin-bottom:6px}.leftRail .sectionHeader,.rightRail .sectionHeader{margin-bottom:4px}.leftRail .sectionEyebrow,.rightRail .sectionEyebrow{font-size:10px;margin-bottom:3px}.scoreRow{padding:6px 8px;gap:8px}.scoreAvatar{width:28px;height:28px;font-size:11px}.scoreName{font-size:13px}.scoreMeta{font-size:11px}.activityFeedItem{font-size:12px;padding:3px 0}.reactionsCard .emojiBar{gap:4px}.reactionsCard .emojiBtn{width:36px;height:36px;border-radius:10px;font-size:18px}.reactionFeed{margin-top:6px;min-height:24px}.gameWrap{gap:12px}.leftRail,.rightRail{gap:8px}.emojiBar{display:flex;gap:6px;flex-wrap:wrap}.emojiBtn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s}.emojiBtn:hover{background:#ffffff1a;transform:scale(1.12)}.emojiBtn:active{transform:scale(.92)}.reactionFeed{display:flex;flex-direction:column;gap:4px;margin-top:8px;min-height:32px}.reactionFeedItem{display:flex;align-items:center;gap:6px;font-size:13px;animation:reactionFadeIn .25s ease-out}.reactionFeedEmoji{font-size:18px}.reactionFeedName{color:var(--muted);font-weight:600}@keyframes reactionFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tableReactionBubbles{position:fixed;top:40%;left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:none;z-index:50}.tableReactionBubble{animation:reactionFloat 2.8s ease-out forwards}.tableReactionEmoji{font-size:36px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes reactionFloat{0%{opacity:1;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-20px) scale(1.1)}to{opacity:0;transform:translateY(-80px) scale(.8)}}.mobileEmojiPopover,.emojiToggleBtn{display:none}.roundSummaryOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:400;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.roundSummarySheet{width:100%;max-width:440px;max-height:85svh;background:#0c1018f7;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 64px #00000080;animation:roundSummaryIn .3s ease-out}@keyframes roundSummaryIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.roundSummaryBadge{display:inline-flex;align-self:flex-start;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#5aa0ff26;border:1px solid rgba(90,160,255,.3);color:#a8ccff}.roundSummaryBadge.gameEnd{background:#ffb43c26;border-color:#ffb43c59;color:#ffd080}.roundSummaryHeadline{font-size:22px;font-weight:800;line-height:1.25}.roundSummaryStandings{display:flex;flex-direction:column;gap:6px}.roundSummaryRow{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.roundSummaryRow.you{background:#5aa0ff14;border-color:#5aa0ff33}.roundSummaryRank{font-size:13px;font-weight:800;color:var(--muted);min-width:28px}.roundSummaryName{flex:1;font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roundSummaryPts{flex-shrink:0}.roundSummaryLog{display:flex;flex-direction:column;gap:6px}.roundSummaryLogList{display:flex;flex-direction:column;gap:3px}.roundSummaryLogItem{font-size:12px;color:var(--muted);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.roundSummaryDismiss{width:100%;padding:12px;font-size:15px;font-weight:700;margin-top:4px}@media (max-width: 768px){.roundSummaryOverlay{align-items:flex-end;padding:0}.roundSummarySheet{max-width:100%;max-height:88svh;border-radius:22px 22px 0 0;padding:20px 16px 28px;animation:roundSummarySlideUp .3s ease-out}@keyframes roundSummarySlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.roundSummaryHeadline{font-size:18px}.roundSummaryRow{padding:6px 10px;gap:8px}.roundSummaryName{font-size:13px}}.handBar.myTurnGlow{border-top:2px solid rgba(90,160,255,.5);box-shadow:0 -4px 20px #5aa0ff2e,inset 0 1px #5aa0ff1f;animation:turnGlowPulse 2.4s ease-in-out infinite}@keyframes turnGlowPulse{0%,to{box-shadow:0 -4px 20px #5aa0ff2e,inset 0 1px #5aa0ff1f}50%{box-shadow:0 -6px 28px #5aa0ff4d,inset 0 1px #5aa0ff33}}.btn.playBtnReady{background:linear-gradient(135deg,#3b7dff,#2060e0)!important;border-color:#5aa0ff99!important;color:#fff!important;box-shadow:0 0 14px #3c82ff59;animation:playBtnPulse 1.6s ease-in-out infinite}@keyframes playBtnPulse{0%,to{box-shadow:0 0 14px #3c82ff59}50%{box-shadow:0 0 22px #3c82ff8c,0 0 6px #3c82ff4d}}@media (max-width: 768px){.page{height:100svh;min-height:0!important;padding-bottom:0!important;overflow:hidden;display:flex;flex-direction:column}.topbar{flex-direction:row!important;flex-shrink:0;padding:6px 10px!important;align-items:center!important;gap:8px}.brand{font-size:16px!important}.tagHideMobile{display:none!important}.mobileInfoBtn{display:inline-flex!important}.gameWrap{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:0 8px!important;gap:0!important;max-width:100%!important;overflow:hidden;align-items:stretch!important}.leftRail,.rightRail{display:none!important}.tableArea{flex:1!important;min-height:0!important;overflow:hidden;padding:6px 0 4px}.table{height:100%!important;min-height:0!important;max-height:none!important;border-radius:14px!important;border-width:4px!important;padding:10px!important}.table:before{border-radius:16px!important;top:-4px!important;right:-4px!important;bottom:-4px!important;left:-4px!important}.table:after{border-radius:10px!important}.handBar{position:static!important;flex-shrink:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:6px 10px 10px!important;background:linear-gradient(to top,#000000eb,#000000ad)!important;border-top:1px solid rgba(255,255,255,.1);z-index:auto!important;align-items:stretch!important}.actions{display:flex!important;flex-direction:column!important;gap:4px!important;margin-bottom:6px!important}.actionsPrimary{display:flex;gap:6px;align-items:center}.actionsPrimary .btn,.actionsPrimary .btnSecondary{flex:1;min-width:0;white-space:nowrap;font-size:12px!important;padding:6px 4px!important;min-height:34px!important}.actionsSecondary{display:flex;gap:6px;align-items:center}.sortToggleBtn{font-size:12px!important;padding:4px 10px!important;min-height:28px!important}.chooseSuitPanel{margin-bottom:6px!important;gap:6px!important}.chooseSuitLabel,.suitBtnName{display:none!important}.suitBtnSymbol{font-size:22px!important}.suitBtn{flex:1!important;min-height:48px!important;padding:8px 4px!important}.turnContextBar{font-size:11px!important;padding:5px 10px!important;margin-bottom:4px!important}.emojiToggleBtn{display:inline-flex!important;font-size:16px!important}.mobileEmojiPopover{display:flex!important;gap:4px;margin-bottom:4px;justify-content:center;padding:6px 8px;background:#0009;border-radius:12px;border:1px solid rgba(255,255,255,.1);animation:emojiPopIn .15s ease-out}@keyframes emojiPopIn{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobileEmojiBtn{width:34px;height:30px;border-radius:8px;border:none;background:transparent;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobileEmojiBtn:active{transform:scale(.85);background:#ffffff1f}.tableReactionEmoji{font-size:28px}.handBar{position:relative}.handBar:before,.handBar:after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:10;pointer-events:none}.handBar:before{left:0;background:linear-gradient(to right,rgba(0,0,0,.7),transparent)}.handBar:after{right:0;background:linear-gradient(to left,rgba(0,0,0,.7),transparent)}.hand.handMobile{min-height:90px!important;padding:4px 4px 6px!important;gap:2px!important;align-items:flex-end;justify-content:center!important;position:relative}.hand.handMobile .playingCard{width:58px!important;height:82px!important;border-radius:8px!important;box-shadow:0 3px 8px #0000004d!important}.hand.handMobile .playingCard .corner{gap:0!important}.hand.handMobile .playingCard .corner .rank{font-size:12px!important}.hand.handMobile .playingCard .corner .suit{font-size:11px!important;margin-top:0!important}.hand.handMobile .playingCard .corner.tl{top:4px!important;left:4px!important}.hand.handMobile .playingCard .corner.br{right:4px!important;bottom:4px!important}.hand.handMobile .playingCard .pipRank{font-size:20px!important}.hand.handMobile .playingCard .pipSuit{font-size:16px!important;margin-top:1px!important}.hand.handMobile .playingCard.selected{transform:translateY(-8px)!important;outline-width:2px!important}.backFan{display:none!important}.seat{width:108px!important;min-width:108px!important;max-width:108px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:6px 8px!important;border-radius:14px!important}.seatTopRow{margin-bottom:2px!important}.seatBody{height:auto!important;min-height:0!important;margin-top:0!important}.seatCenterStack{display:flex!important;flex-direction:column!important;gap:4px!important}.seatStatRow{flex-direction:row!important;gap:4px!important}.seatPill{font-size:10px!important;padding:2px 6px!important;min-width:0!important}.seatTurnPill{display:none!important}.seatName{font-size:11px!important}.seatTurnText{font-size:9px!important}.seatAvatar{width:22px!important;height:22px!important;font-size:9px!important}.dealerChip{width:18px!important;height:18px!important;font-size:9px!important}.seatIdentity{gap:6px!important}.seat0{top:4px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.seat1{top:50%!important;bottom:auto!important;right:4px!important;left:auto!important;transform:translateY(-50%)!important}.seat2{bottom:4px!important;top:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.seat3{top:50%!important;bottom:auto!important;left:4px!important;right:auto!important;transform:translateY(-50%)!important}.tableCenterArea{top:38%!important}.table{min-height:0!important}.tableCenterArea{gap:16px!important}.centerDiscard .playingCard,.deckStack .playingCard{width:60px!important;height:86px!important;border-radius:10px!important}.centerDiscard .playingCard .pipRank{font-size:22px!important}.centerDiscard .playingCard .pipSuit{font-size:18px!important}.centerDiscard .playingCard .corner .rank,.centerDiscard .playingCard .corner .suit{font-size:13px!important}.deckStack{width:60px!important;height:96px!important}.deckLabel,.centerDiscardLabel{font-size:10px!important}.turnDirectionWidget{display:none!important}.activityBanner,.lastCardBanner{top:56px!important}}@media (max-width: 400px){.seat,.seat.turn,.seat.me,.seat0,.seat1,.seat2,.seat3{width:108px!important;min-width:108px!important;max-width:108px!important;height:82px!important;min-height:82px!important;max-height:82px!important}.seatBody{height:28px!important;min-height:28px!important}.seatName{font-size:11px!important}.seatAvatar,.dealerChip{width:20px!important;height:20px!important;font-size:9px!important}.seatCenterStack{grid-template-columns:1fr!important;gap:4px!important}.backFan{display:none!important}.centerDiscard .playingCard,.deckStack .playingCard{width:58px!important;height:84px!important}.deckStack{width:68px!important;height:96px!important}.tableCenterArea{gap:10px!important}}.centerDiscardFan{position:relative;height:110px;width:80px;display:flex;align-items:center;justify-content:center}.centerDiscardFanLayer{position:absolute;top:0;left:50%;margin-left:-34px;transform-origin:bottom center}.centerDiscardFan{width:140px}.marriageBanner{position:fixed;top:72px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:.04em;padding:10px 32px;border-radius:100px;box-shadow:0 4px 24px #7c3aed73;z-index:9000;pointer-events:none;animation:marriagePop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes marriagePop{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes drawPulseLow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes drawPulseMid{0%,to{transform:scale(1);opacity:1}40%{transform:scale(1.12);opacity:.85}}@keyframes drawPulseHigh{0%,to{transform:scale(1);box-shadow:0 0 #ef444499}50%{transform:scale(1.16);box-shadow:0 0 0 6px #ef444400}}.drawPressurePill{display:inline-block}.drawPressureLow{animation:drawPulseLow 1.6s ease-in-out infinite}.drawPressureMid{animation:drawPulseMid 1.1s ease-in-out infinite}.drawPressureHigh{animation:drawPulseHigh .7s ease-in-out infinite;background:#ef4444!important;color:#fff!important}.chatCard{display:flex;flex-direction:column;gap:8px}.chatLog{flex:1;min-height:120px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:13px}.chatMsg{display:flex;flex-direction:column;gap:1px;padding:4px 8px;border-radius:8px;background:#ffffff0d}.chatMsgMine{background:#6366f12e;align-self:flex-end;text-align:right}.chatMsgUser{font-weight:700;font-size:11px;color:var(--accent)}.chatMsgText{color:var(--text)}.chatComposer{display:flex;gap:6px}.chatInput{flex:1;font-size:13px;padding:5px 8px;border-radius:8px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);outline:none}.chatInput:focus{border-color:var(--accent)}.readyUpPanel{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid var(--border)}.readyUpProgress{font-size:13px;color:var(--muted)}.readyUpAvatars{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.readyAvatar{width:34px;height:34px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid rgba(255,255,255,.15);transition:all .25s}.readyAvatarReady{background:#22c55e40;border-color:#22c55e;color:#4ade80}.readyBtn{background:#22c55e;font-size:1rem;padding:10px 28px;border-radius:12px}.readyBtn:hover{background:#16a34a}.readyConfirmed{color:#4ade80;font-size:14px;text-align:center}.spectatorBar{background:#6366f11f!important}.handBarHidden{display:none!important}.tavernWatchRow{cursor:default}.tavernWatchRow:hover{background:transparent}.roomBotPanel{display:flex;flex-direction:column;gap:.5rem;padding:.9rem;margin-bottom:.75rem;border:1px solid var(--border);border-radius:14px;background:#0000002e}.roomBotDifficulty{display:flex;gap:.4rem;flex-wrap:wrap}.roomBotDifficulty .btnSecondary.mini.active{border-color:var(--accent);background:#6366f138;color:var(--text)}.roomBotBlurb{font-size:12px;min-height:1.1em}.roomBotCycler{display:flex;align-items:center;gap:.5rem}.roomBotCycler .btnSecondary.mini{font-size:1.1rem;line-height:1;padding:4px 12px}.roomBotName{flex:1;text-align:center;font-weight:700;font-size:1.05rem;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:#00000040}.roomBotQuirk{font-weight:500;font-size:.75rem;color:var(--muted)}.bgPickerWrap{position:relative;display:inline-flex}.bgPickerBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.bgPickerPopover{position:absolute;top:calc(100% + 8px);right:0;z-index:41;width:200px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel2, #14202b);box-shadow:0 12px 30px #00000073}.bgPickerTitle{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.bgPickerSwatches{display:flex;gap:8px;margin-bottom:10px}.bgSwatchDot{width:36px;height:36px;border-radius:9px;border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0}.bgSwatchDot.active{border-color:var(--accent);box-shadow:0 0 0 2px #6366f166}.bgPickerUpload{width:100%;padding:7px 10px;border-radius:10px;border:1px solid var(--border);background:#00000040;color:var(--text);cursor:pointer;font-size:13px}.emojiToggleBtn{font-size:16px}.mobileEmojiPopover{display:flex;gap:4px;margin-bottom:4px;justify-content:center;padding:6px 8px;background:#0009;border-radius:12px;border:1px solid rgba(255,255,255,.1);animation:emojiPopIn .15s ease-out}@keyframes emojiPopIn{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobileEmojiBtn{width:34px;height:30px;border-radius:8px;border:none;background:transparent;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobileEmojiBtn:active{transform:scale(.85);background:#ffffff1f}.activeSuitChip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 10px;border-radius:999px;background:#0c1118eb;border:1.5px solid var(--accent);box-shadow:0 3px 12px #0006;font-weight:800;animation:activeSuitPop .25s cubic-bezier(.2,.9,.3,1.3)}.activeSuitChip.red{color:#ff5b6e;border-color:#ff7282}.activeSuitChip.black{color:#f0f4f9;border-color:#d3dbe6}.activeSuitChipSymbol{font-size:18px;line-height:1}.activeSuitChipName{font-size:11px;letter-spacing:.04em;text-transform:uppercase}@keyframes activeSuitPop{0%{opacity:0;transform:scale(.6) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatEmojiRow{display:flex;flex-wrap:wrap;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.chatEmojiRow .emojiBtn{flex:1 1 auto;min-width:30px;background:transparent;border:none;cursor:pointer;font-size:17px;padding:4px 2px;border-radius:8px;transition:background .12s,transform .08s}.chatEmojiRow .emojiBtn:hover{background:#ffffff1a}.chatEmojiRow .emojiBtn:active{transform:scale(.85)}.helpBtn{font-weight:800;font-size:1rem;padding:2px 6px;min-width:28px}.turnTimerChip{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffd1;vertical-align:middle}.turnTimerChip.urgent{background:#ff5a5a2e;border-color:#ff5a5a6b;color:#ffb4b4;animation:turnTimerPulse 1s ease-in-out infinite}@keyframes turnTimerPulse{0%,to{opacity:1}50%{opacity:.55}}.helpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.helpModal{width:100%;max-width:460px;max-height:85svh;background:#0c1018f7;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:22px 22px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 64px #00000080;animation:roundSummaryIn .3s ease-out}.helpModalHeader{display:flex;align-items:center;justify-content:space-between}.helpModalHeader h3{margin:0}.helpCloseBtn{min-width:28px}.helpRuleList{display:flex;flex-direction:column;gap:12px}.helpRuleItem{display:flex;gap:12px;align-items:flex-start}.helpRuleNum{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:#5a96ff29;border:1px solid rgba(90,150,255,.3);color:#bed7fff2}.helpRuleTitle{font-weight:700;font-size:14px;margin-bottom:2px}.helpRuleDesc{font-size:13px;line-height:1.4}.helpDoneBtn{align-self:stretch;margin-top:4px}.pc0{color:#9fd0ff}.pc1{color:#ffb0b0}.pc2{color:#b7ffbf}.pc3{color:#e2c8ff}.seatAvatarEmoji{color:inherit;font-size:17px;font-weight:400}.scoreAvatarEmoji{color:inherit;font-size:18px;font-weight:400}.roomSeatAvatarEmoji{color:inherit;font-size:20px;font-weight:400}.readyAvatarEmoji{color:inherit;font-size:18px;font-weight:400}@media (max-width: 1024px){.seatAvatar.seatAvatarEmoji{font-size:13px!important}}.chatMsgAvatar{margin-right:4px;font-size:12px}.chatMsgUser{display:inline-flex;align-items:center}.roundSummaryRow.winner{background:linear-gradient(90deg,#ffd70029,#ffd7000a);border-radius:12px;box-shadow:inset 0 0 0 1px #ffd70059}.roundSummaryRow.winner .roundSummaryRank{font-size:18px}.confettiLayer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:600}.confettiPiece{position:absolute;top:-12vh;display:block;animation-name:confettiFall;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform,opacity}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(680deg);opacity:.85}}@media (prefers-reduced-motion: reduce){.confettiLayer{display:none}}.identityRow{display:flex;align-items:center;gap:10px}.identityRow input{flex:1}.identityAvatarPreview{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.avatarPickerLabel{margin-top:12px}.avatarPicker{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.avatarChoice{width:38px;height:38px;border-radius:10px;font-size:20px;line-height:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .08s,border-color .12s,background .12s}.avatarChoice:hover{background:#ffffff17;transform:translateY(-1px)}.avatarChoice.selected{border-color:var(--accent, #5aa9ff);background:#5aa9ff2e;box-shadow:0 0 0 2px #5aa9ff4d}.tavernRecordCard{display:flex;flex-direction:column;gap:10px}.recordStatsRow{display:flex;gap:8px}.recordStat{flex:1;text-align:center;padding:8px 4px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.recordStatNum{font-size:20px;font-weight:800;color:var(--text)}.recordStatLabel{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-top:2px}.recordStreak{align-self:flex-start;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ff9f4329;border:1px solid rgba(255,159,67,.35);color:#ffcf9a}.roundSummaryRow.out{opacity:.6}.recapSection{display:flex;flex-direction:column;gap:8px}.recapGrid{display:flex;flex-wrap:wrap;gap:8px}.recapStat{flex:1 1 30%;min-width:120px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.recapStatLabel{font-size:11px;color:var(--muted);margin-bottom:3px}.recapStatValue{font-size:14px;font-weight:800;color:var(--text)}.gameEndActions{display:flex;flex-direction:column;gap:8px}.playAgainBtn{background:linear-gradient(135deg,gold,#ffb347);color:#2a1d05;font-weight:800;border:none}.playAgainBtn:hover{filter:brightness(1.05)}.tableToast{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;top:63%;z-index:13;max-width:min(80%,360px);padding:9px 22px;border-radius:16px;font-size:1.15rem;font-weight:800;letter-spacing:.02em;color:#fff;text-align:center;white-space:normal;line-height:1.25;pointer-events:none;box-shadow:0 8px 28px #0006}.tableToast-marriage{background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 8px 28px #7c3aed73}.tableToast-lastcard{background:linear-gradient(135deg,#166534,#22c55e);box-shadow:0 8px 28px #22c55e66}@media (max-width: 980px){.tableToast{font-size:1.05rem;padding:8px 18px}}.seatPill.seatLowCards{background:#ef444438;border-color:#f871718c;color:#ffd2d2;animation:seatLowPulse 1s ease-in-out infinite}@keyframes seatLowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.seat.seatCompact{width:234px;max-width:none;min-width:0;min-height:0;height:auto;display:block;padding:9px 11px;border-width:1px;border-style:solid;border-radius:16px;background:#090d12bd;box-shadow:0 8px 22px #00000047}.seatBarMain{display:flex;align-items:center;gap:10px}.seatBarInfo{flex:1 1 auto;min-width:0}.seat.seatCompact .seatAvatar{flex:0 0 auto;width:40px;height:40px;font-size:22px}.seat.seatCompact .seatName{font-weight:800;font-size:15px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.seatYouTag{color:#081018;background:#9fe0c0;padding:0 6px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.seatBarSub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;color:var(--muted)}.seatTag{font-weight:700;white-space:nowrap}.seatDealerTag{color:#d9c08a}.seatOfflineTag{color:#ff9b9b}.seatPlayingTag{color:#9fd0ff}.seatCountChip{flex:0 0 auto;min-width:50px;padding:4px 10px;border-radius:12px;text-align:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.seatCountNum{font-size:24px;font-weight:800;line-height:1;color:#fff}.seatCountLabel{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-top:2px}.seatCountChip.low{background:#f59e0b2e;border-color:#f59e0b80}.seatCountChip.low .seatCountNum{color:#ffd79a}.seatCountChip.crit{background:#ef444438;border-color:#f8717199;animation:seatLowPulse 1s ease-in-out infinite}.seatCountChip.crit .seatCountNum,.seatCountChip.crit .seatCountLabel{color:#ffd2d2}.seat.seatCompact.turn{border-color:#78aaff99;animation:seatTurnGlowCompact 1.8s ease-in-out infinite}@keyframes seatTurnGlowCompact{0%,to{box-shadow:0 0 0 2px #78aaff73,0 0 18px #78aaff4d,0 8px 22px #00000047}50%{box-shadow:0 0 0 2px #78aaffa6,0 0 30px #78aaff80,0 8px 22px #00000047}}.seat.seatCompact.offline{opacity:.55}@media (max-width: 1400px){.seat.seatCompact{width:200px}}@media (max-width: 980px){.seat.seatCompact{width:158px;padding:7px 9px}.seat.seatCompact .seatAvatar{width:32px;height:32px;font-size:18px}.seat.seatCompact .seatName{font-size:13px}.seatBarSub{font-size:10px;gap:4px}.seatCountChip{min-width:42px;padding:3px 7px}.seatCountNum{font-size:19px}}@media (max-width: 640px){.seat.seatCompact{width:140px}.seat.seatCompact .seatName{font-size:12px}}.reactionPop{position:fixed;z-index:60;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px;animation:reactionPopFloat 3.4s ease-out forwards}.reactionPopEmoji{font-size:42px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.reactionPopName{font-size:12px;font-weight:800;color:#fff;background:#0000009e;border:1px solid rgba(255,255,255,.14);padding:1px 9px;border-radius:999px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}@keyframes reactionPopFloat{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}12%{opacity:1;transform:translate(-50%,-55%) scale(1.12)}78%{opacity:1;transform:translate(-50%,-115%) scale(1)}to{opacity:0;transform:translate(-50%,-155%) scale(.95)}}@media (max-width: 640px){.reactionPopEmoji{font-size:32px}}.achievementsHeading{margin:2px 0 10px}.achievementGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px}.achievementTile{padding:10px 8px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.achievementTile.unlocked{border-color:#ffd70066;background:#ffd7001a}.achievementTile.locked{opacity:.5}.achievementTileIcon{font-size:24px;line-height:1}.achievementTileName{font-size:12px;font-weight:800;margin-top:5px}.achievementTileDesc{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.25}@media (max-width: 640px){.achievementGrid{grid-template-columns:repeat(2,1fr)}}.tavernAccountCard{display:flex;flex-direction:column;gap:8px}.accountSignedIn{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.accountFields{display:flex;gap:8px}.accountFields input{flex:1;min-width:0}.accountBtns{display:flex;gap:8px}.accountBtns .btn,.accountBtns .btnSecondary{flex:1}.accountHint{font-size:11px;line-height:1.35}.achievementUnlockSection{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#ffd7001a;border:1px solid rgba(255,215,0,.35)}.achievementUnlockRow{display:flex;align-items:center;gap:12px;animation:roundSummaryIn .35s ease-out both}.achievementUnlockIcon{font-size:30px;line-height:1}.achievementUnlockName{font-weight:800;font-size:15px}.achievementUnlockDesc{font-size:12px}.rotateNotice{display:none}@media (orientation: landscape) and (max-height: 500px){.rotateNotice{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;align-items:center;justify-content:center;text-align:center;padding:1.5rem;background:#0a0e12;color:var(--text)}.rotateNoticeInner{max-width:360px}.rotateNoticeIcon{font-size:3rem;line-height:1;margin-bottom:.75rem;display:inline-block;animation:rotateNoticeTip 1.8s ease-in-out infinite}.rotateNoticeTitle{font-size:1.35rem;font-weight:800;margin-bottom:.4rem}.rotateNoticeText{color:var(--muted);line-height:1.5}}@keyframes rotateNoticeTip{0%,55%,to{transform:rotate(0)}25%,35%{transform:rotate(-90deg)}}@media (prefers-reduced-motion: reduce){.rotateNoticeIcon{animation:none}}@media (max-width: 640px){.actions{align-items:stretch!important}.actionsPrimary,.actionsSecondary{width:100%}.actionsPrimary{display:flex;gap:8px}.actionsPrimary .btn,.actionsPrimary .btnSecondary{flex:1 1 0!important;min-width:0!important;min-height:46px!important;font-size:15px!important;padding:0 12px!important;white-space:nowrap}.actionsSecondary{display:flex;gap:8px}.actionsSecondary .sortToggleBtn{flex:1 1 auto;min-height:40px!important;font-size:14px!important}.actionsSecondary .emojiToggleBtn{flex:0 0 auto;min-height:40px!important}.seat.seatCompact{width:128px!important;min-width:128px!important;max-width:128px!important}.seatBarMain{gap:7px!important}.seatCountChip{flex:0 0 auto;min-width:26px!important;padding:2px 6px!important}.seatCountNum{font-size:15px!important}.seatCountLabel{display:none!important}.tableToast{top:67%!important}}@media (max-width: 400px){.seat.seatCompact,.seat.me,.seat0,.seat1,.seat2,.seat3{width:120px!important;min-width:120px!important;max-width:120px!important}}@media (max-width: 340px){.seat.seatCompact,.seat.me,.seat0,.seat1,.seat2,.seat3{width:106px!important;min-width:106px!important;max-width:106px!important}}.topStatPill{color:var(--muted);font-weight:700;font-size:12px;white-space:nowrap;display:inline-flex;gap:5px;align-items:center;padding:2px 7px}.topStatItem{white-space:nowrap}@media (max-width: 640px){.topbar{gap:5px!important}.topStatPill{font-size:11px;padding:2px 6px}}@media (max-width: 340px){.topStatDeck{display:none!important}}.pipSuit,.corner .suit{font-variant-emoji:text}