.pcard{--cw: 68px;--ch: 98px;position:relative;width:var(--cw);height:var(--ch);border-radius:8px;background:linear-gradient(168deg,#fdfbf7 0%,var(--card-face) 60%,#f0ebe1 100%);box-shadow:var(--shadow-card);flex-shrink:0;will-change:transform;transition:transform .16s cubic-bezier(.34,1.4,.64,1),box-shadow .16s ease,filter .2s ease}.pcard-small{--cw: 46px;--ch: 66px;border-radius:6px}.pcard-red{color:var(--card-red)}.pcard-black{color:var(--card-black)}.pcard-clickable{cursor:pointer}@media(hover:hover){.pcard-clickable:hover{transform:translateY(-10px);box-shadow:0 4px 8px #0000004d,0 14px 28px #00000059}}.pcard-selected{transform:translateY(-14px);box-shadow:0 0 0 2px var(--gold),0 10px 24px #0006}.pcard-disabled{filter:brightness(.62) saturate(.7)}.pcard-index{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.pcard-index-top{top:6px;left:6px}.pcard-index-bottom{bottom:6px;right:6px;transform:rotate(180deg)}.pcard-rank{font-size:calc(var(--cw) * .24);font-weight:800;letter-spacing:-.02em}.pcard-suit-sm{font-size:calc(var(--cw) * .2)}.pcard-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cw) * .52);opacity:.92}.pcard-trump-marker{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid var(--bg)}.pcard-back{background:linear-gradient(160deg,#2b2320,#1e1815);border:1px solid rgba(201,164,92,.28)}.pcard-back-pattern{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:5px;border:1px solid rgba(201,164,92,.35);background-image:repeating-linear-gradient(45deg,rgba(201,164,92,.13) 0px,rgba(201,164,92,.13) 1px,transparent 1px,transparent 7px),repeating-linear-gradient(-45deg,rgba(201,164,92,.13) 0px,rgba(201,164,92,.13) 1px,transparent 1px,transparent 7px)}.home{gap:18px}.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-profile{display:flex;align-items:center;gap:10px;padding:4px;border-radius:var(--radius-sm);transition:background .15s ease}.home-profile:active{background:var(--surface)}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--gold);font-weight:800}.home-profile-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.home-name{font-weight:700;font-size:15px}.home-level{font-size:12px;color:var(--text-faint)}.home-balance{padding:10px 16px;font-size:15px}.home-bonus{display:flex;align-items:center;gap:14px;padding:14px 16px;text-align:left;transition:transform .12s ease}.home-bonus:active{transform:scale(.98)}.home-bonus-icon{font-size:28px}.home-bonus-text{flex:1;display:flex;flex-direction:column;gap:2px}.home-bonus-text strong{font-size:15px}.home-bonus-text span{font-size:13px;color:var(--text-dim)}.home-bonus-cta{color:var(--gold-bright);font-weight:700;font-size:14px}.home-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;text-align:center}.home-hero-suits{font-size:24px;letter-spacing:14px;padding-left:14px;color:var(--gold);opacity:.85}.home-hero h1{font-size:32px;font-weight:800;letter-spacing:-.03em}.home-hero p{color:var(--text-dim);font-size:14px}.home-actions{display:flex;flex-direction:column;gap:10px}.home-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-actions-row .btn{width:100%}.reconnect-banner{position:fixed;top:calc(var(--safe-top) + 10px);left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-dim);padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;z-index:100;box-shadow:var(--shadow-2)}.toast{position:fixed;bottom:calc(var(--safe-bottom) + 90px);left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid rgba(226,86,78,.4);color:var(--text);padding:11px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;z-index:100;box-shadow:var(--shadow-2);animation:toast-in .25s cubic-bezier(.22,1,.36,1);white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;max-width:900px;width:100%;margin:0 auto}.game-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.game-opponent{display:flex;align-items:center;gap:12px;padding:10px 16px}.game-seat-avatar{position:relative;display:flex;align-items:center;justify-content:center}.timer-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none}.game-seat-info{display:flex;flex-direction:column;gap:1px;min-width:0}.game-seat-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-seat-role{font-size:11px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.game-seat-active .game-seat-role{color:var(--gold)}.game-opponent-cards{margin-left:auto;display:flex;align-items:center;position:relative;padding-right:8px}.game-opponent-count{position:absolute;right:-4px;bottom:-4px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:100px;font-size:11px;font-weight:800;padding:2px 7px;color:var(--text-dim)}.game-table{flex:1;position:relative;padding:8px 12px;display:flex;min-height:0}.game-table-felt{flex:1;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,var(--felt) 0%,var(--felt-dark) 85%);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 24px #00000073,var(--shadow-1);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-deck-zone{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;align-items:center}.game-deck{position:relative;width:100px;height:66px}.game-deck-trump{position:absolute;top:10px;left:34px;transform:rotate(90deg)}.game-deck-count{position:absolute;bottom:-20px;left:23px;transform:translate(-50%);font-size:12px;font-weight:800;color:#ffffff8c;font-variant-numeric:tabular-nums}.game-trump-only{display:flex;flex-direction:column;align-items:center;gap:2px}.game-trump-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;font-weight:700}.game-trump-suit{font-size:30px;color:var(--card-black);color:#d6d1c8}.game-trump-suit.suit-red{color:#e2564e}.game-discard{position:relative;opacity:.75}.game-discard-count{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#fff6}.game-battlefield{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;padding:20px 20px 20px 90px;max-width:100%}.game-pair{position:relative;width:68px;height:120px}.game-pair-defense{position:absolute;top:22px;left:16px}.game-hand-slot{position:relative;touch-action:none;will-change:transform}.game-hand-slot.pcard-dragging{cursor:grabbing}.game-hand-slot.pcard-dragging .pcard{box-shadow:0 10px 22px #00000073,0 22px 48px #0006}.game-hints-btn{display:inline-flex;align-items:center;gap:6px;font-size:15px;border:1px solid var(--border-strong);border-radius:100px;padding:8px 14px}.game-hints-btn .coin{font-size:12px}.game-battlefield-hint{color:#fff6;font-size:14px;font-weight:600}.game-pot{position:absolute;top:18px;right:24px;background:#00000059;border:1px solid rgba(201,164,92,.25);border-radius:100px;padding:6px 14px;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-actions{display:flex;gap:10px;padding:10px 16px 4px;align-items:center;min-height:56px}.game-actions .btn-primary,.game-actions .btn-danger{flex:1;max-width:220px;animation:action-in .25s cubic-bezier(.34,1.4,.64,1)}@keyframes action-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-emotions-toggle{margin-left:auto;font-size:19px}.game-emotions{position:absolute;bottom:190px;right:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;z-index:40;animation:action-in .2s cubic-bezier(.34,1.4,.64,1)}.game-emotion-btn{font-size:24px;padding:8px;border-radius:var(--radius-sm);transition:transform .12s ease,background .15s ease}.game-emotion-btn:active{transform:scale(1.2);background:var(--surface-2)}.floating-emotion{position:absolute;top:90px;left:50%;font-size:44px;z-index:50;pointer-events:none;animation:emotion-float 2.4s ease-out forwards}.floating-emotion-mine{top:auto;bottom:220px}@keyframes emotion-float{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.5)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1.15)}30%{transform:translate(-50%) translateY(-6px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.9)}}.game-hand-zone{padding:6px 16px calc(14px + var(--safe-bottom))}.game-me{display:flex;align-items:center;gap:10px;margin-bottom:8px}.game-hand{display:flex;justify-content:center;align-items:flex-end;min-height:108px;padding-top:16px}.game-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-modal{margin:24px;padding:24px;max-width:340px;display:flex;flex-direction:column;gap:12px;animation:action-in .25s cubic-bezier(.34,1.4,.64,1)}.game-modal h3{font-size:18px}.game-modal p{font-size:14px;color:var(--text-dim);line-height:1.45}.game-modal-actions{display:flex;gap:10px;margin-top:6px}.game-modal-actions .btn{flex:1}@media(min-width:720px){.game-battlefield{gap:26px}.game-pair{width:76px}.pcard{--cw: 76px;--ch: 110px}.game-hand{min-height:122px}}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.loading-cards{display:flex;gap:10px;height:86px}.loading-card{width:56px;height:80px;border-radius:8px;background:linear-gradient(160deg,#2b2320,#1e1815);border:1px solid rgba(201,164,92,.3);animation:loading-bounce 1.1s cubic-bezier(.36,0,.34,1) infinite}@keyframes loading-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}.loading-title{font-size:26px;font-weight:800;letter-spacing:-.02em}.loading-status{color:var(--text-faint);font-size:14px}.mode{gap:16px}.mode-header{display:flex;align-items:center;justify-content:space-between}.mode-header h2{font-size:18px;font-weight:800}.mode-info{padding:12px 16px;text-align:center;color:var(--text-dim);font-size:14px;font-weight:600}.mode-stakes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.mode-stake{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;text-align:left;transition:transform .12s ease,border-color .15s ease,background .15s ease}.mode-stake:active{transform:scale(.97)}.mode-stake:disabled{opacity:.4}.mode-stake-active{border-color:var(--gold);background:var(--gold-dim)}.mode-stake-label{font-weight:800;font-size:16px}.mode-stake-hint{font-size:12px;color:var(--text-dim)}.profile{gap:16px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 20px}.profile-card h3{font-size:20px;font-weight:800}.profile-level{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:260px;font-size:13px;color:var(--text-dim);font-weight:600}.profile-xp-bar{width:100%;height:6px;border-radius:100px;background:var(--surface-2);overflow:hidden}.profile-xp-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .6s cubic-bezier(.22,1,.36,1)}.profile-xp-text{font-size:11px;color:var(--text-faint)}.profile-coins{font-size:18px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px}.profile-stat-value{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.profile-stat-label{font-size:12px;color:var(--text-faint);font-weight:600}.rating{gap:14px}.rating-me{display:flex;align-items:center;gap:12px;padding:14px 18px;border-color:#c9a45c4d}.rating-me-pos{font-size:20px;font-weight:800;color:var(--gold-bright)}.rating-me-label{flex:1;color:var(--text-dim);font-size:14px}.rating-me-points{font-weight:700}.rating-list{display:flex;flex-direction:column;gap:8px}.rating-row{display:flex;align-items:center;gap:12px;padding:10px 14px}.rating-row-me{border-color:#c9a45c59;background:var(--gold-dim)}.rating-pos{width:30px;text-align:center;font-weight:800;font-size:14px;color:var(--text-faint);font-variant-numeric:tabular-nums}.rating-pos-top{font-size:18px}.rating-row-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.rating-row-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-row-record{font-size:12px;color:var(--text-faint)}.rating-row-points{font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-bright)}.rating-empty{text-align:center;color:var(--text-faint);padding:30px 0}.result{gap:16px}.result-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.result-badge{font-size:54px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);animation:badge-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.result-badge-win{border-color:var(--gold);background:var(--gold-dim)}.result-badge-lose{border-color:#e2564e59}.result-title{font-size:30px;font-weight:800;letter-spacing:-.02em}.result-sub{color:var(--text-dim);font-size:14px}.result-stats{margin-top:14px;width:100%;max-width:340px;padding:6px 18px}.result-stat{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:15px;font-weight:600}.result-stat+.result-stat{border-top:1px solid var(--border)}.result-stat-label{color:var(--text-dim);font-weight:500}.result-stat-value{color:var(--text-dim)}.result-reward-positive{color:var(--success)!important}.result-delta-negative{color:var(--danger)}.result-actions{display:flex;flex-direction:column;gap:10px}.tables{gap:16px}.tables-list{display:flex;flex-direction:column;gap:10px}.table-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.table-skeleton{height:74px;animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.table-card-info{display:flex;flex-direction:column;gap:3px}.table-card-title{font-weight:700;font-size:15px}.table-card-sub{font-size:12px;color:var(--text-dim)}.table-card-stake{font-size:13px}.table-card-status{font-size:13px;color:var(--text-faint);font-weight:600}.tables-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-dim)}.waiting{gap:16px}.waiting-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.waiting-seats{display:flex;align-items:center;gap:26px}.waiting-seat{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-dim);width:110px;text-align:center}.waiting-vs{color:var(--text-faint);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.waiting-seat-pulse{width:72px;height:72px;border-radius:50%;border:2px dashed var(--border-strong);animation:seat-pulse 1.6s ease-in-out infinite}@keyframes seat-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:1}}.waiting-stake{padding:12px 20px;font-size:14px;color:var(--text-dim);display:flex;gap:8px;align-items:center}:root{--bg: #141110;--bg-raise: #1c1917;--surface: #221e1b;--surface-2: #2a2522;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--felt: #1d3b2e;--felt-dark: #142a20;--text: #ece7df;--text-dim: #a89f93;--text-faint: #6e675e;--gold: #c9a45c;--gold-bright: #e3c07f;--gold-dim: rgba(201, 164, 92, .16);--danger: #e2564e;--success: #4caf7d;--card-face: #faf7f1;--card-red: #c8433c;--card-black: #26221e;--radius: 14px;--radius-sm: 9px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 12px 32px rgba(0, 0, 0, .35);--shadow-card: 0 1px 1px rgba(0, 0, 0, .3), 0 6px 14px rgba(0, 0, 0, .35);--font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;padding:14px 22px;transition:transform .12s ease,background .15s ease,opacity .15s ease;will-change:transform}.btn:active{transform:scale(.965)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#241d10;box-shadow:var(--shadow-1)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-danger{background:#e2564e24;color:var(--danger);border:1px solid rgba(226,86,78,.3)}.btn-lg{font-size:17px;padding:17px 28px;border-radius:var(--radius)}.btn-sm{font-size:13px;padding:9px 14px}.screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));max-width:560px;margin:0 auto;width:100%;animation:screen-in .32s cubic-bezier(.22,1,.36,1)}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.coin{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold-bright)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}