:root{--bg: #f7f9fc;--bg-2: #e9edf3;--panel: #ffffff;--panel-2: #f4f7fa;--panel-border: #dbe1ea;--ink: #0f1d3a;--ink-strong: #07112a;--ink-dim: #4b5563;--ink-soft: #6b7280;--accent: #1e4f8a;--accent-strong: #143b6c;--accent-soft: rgba(30, 79, 138, .1);--accent-glow: rgba(30, 79, 138, .25);--good: #166534;--bad: #991b1b;--red: #b91c1c;--black: #111111;--shadow-sm: 0 1px 3px rgba(15, 29, 58, .08);--shadow-md: 0 4px 16px rgba(15, 29, 58, .12);--shadow-lg: 0 10px 30px rgba(15, 29, 58, .18);--radius: 12px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{font:inherit;font-weight:700;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:14px 18px;cursor:pointer;min-height:48px;transition:background .15s,transform .05s,box-shadow .15s;box-shadow:var(--shadow-sm)}button:hover:not(:disabled){background:var(--accent-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;background:var(--ink-soft)}button.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--panel-border)}button.secondary:hover:not(:disabled){background:var(--panel-2);border-color:var(--accent)}input{font:inherit;font-size:17px;background:var(--panel);color:var(--ink);border:1.5px solid var(--panel-border);border-radius:var(--radius);padding:14px 16px;width:100%;min-height:48px;text-align:center}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}h1,h2,h3{margin:0 0 8px;color:var(--ink-strong);font-weight:800;letter-spacing:-.01em}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}p{margin:0}.screen{min-height:100dvh;width:100%;padding:16px;display:flex;flex-direction:column;gap:16px}.center{align-items:center;justify-content:center}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:22px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-md)}.muted{color:var(--ink-dim)}.small{font-size:13px}.row{display:flex;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.center-text{text-align:center}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.small-btn{padding:8px 12px;min-height:36px;font-size:14px}.room-code-block{text-align:center}.room-code{font-size:32px;font-weight:900;letter-spacing:4px;color:var(--accent);padding-left:4px;white-space:nowrap}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;justify-content:space-between;border-radius:14px;padding:13px 16px;font-size:15px;background:#ffffffbd;border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);box-shadow:0 6px 16px #1e285021,var(--hairline),var(--edge-light);transition:transform .14s ease,box-shadow .18s ease}.player-list li:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1e285029,var(--hairline),var(--edge-light)}.player-list li.empty-slot{background:#ffffff24;border:1.5px dashed rgba(90,100,150,.35);box-shadow:none;transform:none}.bot-pip{display:inline-block;font-size:16px;margin-right:6px;vertical-align:middle}.player-name{display:flex;align-items:center;gap:8px}.badge{background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-on{background:var(--good);box-shadow:0 0 0 3px #1665342e}.dot-off{background:var(--bad)}.error-banner{background:#b91c1c1a;border:1px solid var(--bad);color:var(--bad);padding:12px 16px;border-radius:10px;text-align:center;align-self:center;max-width:440px;width:100%;font-weight:600}.player-count{display:flex;flex-direction:column;gap:6px}.player-count-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.pc-btn{background:var(--panel);color:var(--ink-strong);border:1.5px solid var(--panel-border);font-size:16px;padding:10px 0;min-height:44px;border-radius:8px;font-weight:800;box-shadow:none}.pc-btn:not(:disabled):hover{background:var(--accent-soft);border-color:var(--accent)}.pc-btn.pc-on{background:var(--accent);color:#fff;border-color:var(--accent)}.pc-btn:disabled{opacity:.35;background:var(--panel-2);color:var(--ink-soft);cursor:not-allowed}.game-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pc-btn-wide{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;font-size:15px;min-height:56px}.pc-btn-sub{font-size:11px;font-weight:600;opacity:.8;text-transform:none;letter-spacing:0}.room-code-mini{font-weight:900;letter-spacing:4px;color:var(--accent);padding-left:4px;font-size:17px}.round-header{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-sm)}.round-header>div{text-align:center;flex:1}.round-num{font-size:22px;font-weight:800;color:var(--ink-strong)}.trump-badge{font-size:18px;font-weight:800;padding:5px 12px;border-radius:10px;background:var(--accent-soft);border:1px solid transparent;display:inline-block;color:var(--ink-strong)}.trump-badge.trump-badge-red{background:#b91c1c1f;border-color:var(--red)}.trump-red{color:var(--red)}.trump-black{color:var(--black)}.player-strip{display:flex;gap:8px;overflow-x:auto}.player-tile{flex:1 0 140px;background:var(--panel);border:1.5px solid var(--panel-border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.player-tile.is-turn{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.player-tile.is-me{background:var(--accent-soft)}.player-tile.is-me.is-turn{background:var(--panel)}.self-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.player-tile-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--ink-strong)}.player-tile-score{background:var(--accent);color:#fff;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:800}.player-tile-round-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);font-weight:700;border-top:1px dashed var(--panel-border);padding-top:6px;margin-top:2px}.player-tile-bottom{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-dim)}.player-tile-bottom b{color:var(--ink-strong);font-weight:800}.player-tile-bottom .stat-good b{color:var(--good)}.player-tile-bottom .stat-bad b{color:var(--bad)}.pip{display:inline-block;background:var(--accent);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:800;text-align:center;line-height:20px;margin-left:6px}.pip-bad{background:var(--bad);color:#fff;width:auto;border-radius:6px;padding:0 6px;font-size:10px}.status-line{background:var(--accent-soft);border-left:4px solid var(--accent);padding:12px 16px;border-radius:8px;font-size:15px;color:var(--ink);font-weight:500}.hand-area{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:8px}.hand-label{padding:0 4px;font-weight:600}.hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}.pcard{background:#fff;border:1.5px solid #d8d3c5;border-radius:8px;padding:6px 4px;min-width:46px;min-height:66px;display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;font-weight:800;cursor:default;transition:transform .1s,box-shadow .1s,border-color .1s;box-shadow:var(--shadow-sm)}.pcard:disabled{background:#fff;opacity:1;cursor:default}.pcard-clickable{cursor:pointer}.pcard-clickable:active{transform:translateY(2px);box-shadow:none}.pcard-red{color:var(--red)}.pcard-black{color:var(--black)}.pcard-rank{font-size:16px;line-height:1}.pcard-suit{font-size:22px;line-height:1}.pcard-hand{min-width:50px;min-height:72px}.pcard-trick{min-width:42px;min-height:60px}.pcard.pcard-faded,.pcard.pcard-faded:disabled{opacity:.3}.pcard-hl{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 4px 8px var(--accent-glow);transform:translateY(-3px)}.hand-panel{max-width:620px;margin-top:auto;width:100%}.hand-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.hand-panel-label{display:flex;align-items:baseline;gap:4px}.hand-panel-name{font-weight:700;color:var(--ink-strong);font-size:14px}.trump-pill{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;padding:6px 14px}.trump-pill.trump-pill-red{background:#b91c1c1f;border-color:var(--red)}.trump-pill-val{font-weight:800;font-size:16px}.trump-pill-val.trump-red{color:var(--red)}.trump-pill-val.trump-black{color:var(--ink-strong)}.hand-mid{gap:8px;padding:4px 0 2px}.hand-mid .pcard{min-width:60px;min-height:86px;padding:8px 6px}.hand-mid .pcard-rank{font-size:20px}.hand-mid .pcard-suit{font-size:28px}.bid-panel{max-width:440px}.bid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:10px;margin-top:10px}.bid-btn{background:var(--panel);color:var(--ink-strong);border:1.5px solid var(--panel-border);font-size:20px;padding:14px 0;min-height:60px;border-radius:10px;font-weight:800;box-shadow:var(--shadow-sm)}.bid-btn:not(:disabled):hover{background:var(--accent);color:#fff;border-color:var(--accent)}.bid-btn:disabled{opacity:.35;text-decoration:line-through;background:var(--panel-2)}.trick-table{background:var(--panel-2);border:1px dashed var(--panel-border);border-radius:16px;padding:14px;min-height:120px;display:flex;align-items:center;justify-content:center}.trick-table-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:540px}.trick-play{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.trick-play-name{font-size:12px;color:var(--ink-dim);font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trick-win .pcard{box-shadow:0 0 0 2px var(--good),0 6px 12px #16653440;transform:translateY(-5px)}.trick-win-tag{position:absolute;bottom:-10px;background:var(--good);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.scoreboard{background:var(--panel);border-radius:12px;border:1px solid var(--panel-border);overflow:hidden;box-shadow:var(--shadow-sm)}.scoreboard-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:8px;background:var(--panel-2);border-bottom:1px solid var(--panel-border)}.scoreboard-title{font-weight:800;font-size:14px;color:var(--ink-strong)}.scoreboard-tabs{display:flex;gap:4px}.tab{background:var(--panel);color:var(--ink-dim);border-radius:8px;border:1px solid var(--panel-border);font-size:12px;padding:6px 11px;min-height:30px;font-weight:700;box-shadow:none}.tab-on{background:var(--accent);color:#fff;border-color:var(--accent)}.scoreboard-grid{display:grid;gap:6px;padding:12px}.scoreboard-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;background:var(--panel-2);border:1px solid var(--panel-border);padding:10px 12px;border-radius:8px;font-size:15px}.scoreboard-row.leader{background:var(--accent-soft);border-color:var(--accent)}.scoreboard-rank{color:var(--ink-soft);font-weight:700}.scoreboard-name{font-weight:700;color:var(--ink-strong)}.scoreboard-total{font-weight:900;font-size:18px;color:var(--accent)}.rounds-wrap{padding:8px 10px 12px;max-height:380px;overflow-y:auto}.rounds-table{width:100%;border-collapse:collapse;font-size:13px}.rounds-table th{position:sticky;top:0;background:var(--panel);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;padding:8px 4px;border-bottom:1.5px solid var(--panel-border);font-weight:700}.rounds-table td{padding:6px 4px;border-bottom:1px solid #efe9d4;color:var(--ink)}.rounds-table .num{text-align:center;font-variant-numeric:tabular-nums}.rounds-table .good{color:var(--good);font-weight:700}.rounds-table .bad-cell{color:var(--ink-soft)}.rounds-table .bold{font-weight:800}.rounds-total-row{background:var(--accent-soft)}.rounds-total-row td{border-top:1.5px solid var(--accent);border-bottom:none;color:var(--ink-strong)}.trump-inline{display:inline-block;margin-left:8px;font-size:22px;vertical-align:middle}.result-table{width:100%;border-collapse:collapse;font-size:15px}.result-table th,.result-table td{padding:10px 6px;border-bottom:1px solid var(--panel-border);color:var(--ink)}.result-table th{color:var(--ink-dim);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.result-table tr.is-me{background:var(--accent-soft)}.result-table .num{text-align:center;font-variant-numeric:tabular-nums}.result-table .bold{font-weight:800;color:var(--ink-strong)}.result-table .good{color:var(--good);font-weight:700}.result-table .bad{color:var(--bad);font-weight:700}.turn-pill{display:inline-block;background:var(--accent);color:#fff;font-weight:800;font-size:11px;padding:4px 10px;border-radius:999px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px transparent}}.game-over h1{color:var(--accent)}.final-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.final-list li{display:flex;justify-content:space-between;background:var(--panel-2);border:1px solid var(--panel-border);padding:12px 16px;border-radius:8px;font-weight:600;font-size:15px}.final-list li.leader{background:var(--accent-soft);border-color:var(--accent)}.game-screen{height:100dvh;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:8px 10px 10px;overflow:hidden}.game-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.sound-btn{min-width:46px;font-size:18px}.topbar{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}@media(min-width:760px){.topbar{flex-direction:row;align-items:stretch}.topbar>.round-header{flex:0 0 auto}.topbar>.hp{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}}.stage{position:relative;flex:1 1 auto;min-height:0;border-radius:22px;overflow:hidden}.felt-table{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:radial-gradient(ellipse at 50% 42%,#c2d4c7,#b3c8b9 60%,#a7bfad);border:2px solid #93ad99;box-shadow:inset 0 0 50px #3c5a4624,var(--shadow-sm)}.stage-trump{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(60px,18vh,140px);line-height:1;opacity:.14;color:#2f5740;pointer-events:none}.stage-trump.trump-red{color:#8a2230}.stage-score{position:absolute;top:10px;display:flex;align-items:center;gap:6px;background:#ffffffeb;border-radius:999px;padding:4px 10px 4px 6px;font-weight:800;box-shadow:var(--shadow-sm);z-index:6}.stage-score b{font-size:16px;color:var(--ink-strong)}.stage-score-0{left:10px}.stage-score-1{right:10px}.stage-status{position:absolute;left:50%;bottom:10px;transform:translate(-50%);max-width:90%;background:#0f1d3ab8;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:6}.plate{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:42vw;transition:transform .18s ease}.plate-top{top:6px;left:50%;transform:translate(-50%)}.plate-bottom{bottom:6px;left:50%;transform:translate(-50%)}.plate-left{left:8px;top:50%;transform:translateY(-50%)}.plate-right{right:8px;top:50%;transform:translateY(-50%)}.avatar{position:relative;width:50px;height:50px;border-radius:50%;background:var(--panel);border:3px solid var(--panel-border);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.avatar svg{width:34px;height:34px;fill:var(--ink-soft)}.avatar-dealer{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--ink-strong);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.plate.is-turn{transform:translate(-50%) scale(1.16)}.plate-left.is-turn,.plate-right.is-turn{transform:translateY(-50%) scale(1.16)}.plate.is-turn .avatar{border-color:#e8a317;box-shadow:0 0 0 4px #e8a31773,0 0 18px #e8a31780;animation:avatarPulse 1.3s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 4px #e8a31766,0 0 14px #e8a31766}50%{box-shadow:0 0 0 7px #e8a31738,0 0 22px #e8a31799}}.plate-name{display:flex;align-items:center;gap:4px;font-weight:800;font-size:12.5px;color:var(--ink-strong);background:#ffffffd9;border-radius:999px;padding:1px 9px;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-meta{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink);background:#ffffffb3;border-radius:999px;padding:0 7px}.plate-turn{font-size:10px;font-weight:800;color:#a06a00;text-transform:uppercase;letter-spacing:.4px}.stage-cards{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:168px;height:158px;z-index:4}.sc{position:absolute}.sc-top{top:0;left:50%;transform:translate(-50%)}.sc-bottom{bottom:0;left:50%;transform:translate(-50%)}.sc-left{left:0;top:50%;transform:translateY(-50%)}.sc-right{right:0;top:50%;transform:translateY(-50%)}.fan-wrap{flex:0 0 auto}.fan-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 4px;min-height:30px}.fan-bar-hint{font-size:14px;color:var(--ink-dim)}.fan-turn{color:var(--accent);font-size:15px}.fan-bar-right{display:flex;align-items:center;gap:8px}.fan-trump{font-weight:800;font-size:14px}.fan{display:flex;justify-content:center;align-items:flex-end;padding:4px 8px 2px}.fan-card{position:relative;z-index:1;margin-left:-22px;transition:transform .12s ease}.fan-card:first-child{margin-left:0}.fan .suit-break{margin-left:2px}.fan-card:hover{z-index:50;transform:translateY(-16px)}.fan-card.fan-legal{transform:translateY(-10px);animation:cardBeckon 1.6s ease-in-out infinite}.fan-card.fan-legal:hover{z-index:50;transform:translateY(-22px);animation:none}.fan-card.fan-illegal{opacity:.5}@keyframes cardBeckon{0%,to{transform:translateY(-10px)}50%{transform:translateY(-16px)}}.fan-wrap.is-my-turn{border-radius:16px;background:linear-gradient(180deg,#1e4f8a00,#1e4f8a1a);box-shadow:0 -2px 24px #1e4f8a2e;animation:fanGlow 1.8s ease-in-out infinite}@keyframes fanGlow{0%,to{box-shadow:0 -2px 18px #1e4f8a24}50%{box-shadow:0 -2px 30px #1e4f8a47}}.turn-pop{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 4px;width:fit-content;padding:6px 16px;border-radius:999px;background:#1e4f8aeb;color:#fff;font-size:14px;font-weight:800;box-shadow:var(--shadow-md);animation:turnPopPulse 1.4s ease-in-out infinite}.turn-pop-emoji{font-size:18px}@keyframes turnPopPulse{0%,to{transform:scale(1);opacity:.96}50%{transform:scale(1.05);opacity:1}}.trump-choose-btn.trump-red{color:var(--red)}.trump-choose-btn.trump-black{color:var(--black)}:root{--sheen: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 48%)}button{background:var(--sheen),var(--accent)}button:hover:not(:disabled){background:var(--sheen),var(--accent-strong)}button.secondary{background:linear-gradient(180deg,#ffffffb3,#fff0 55%),var(--panel)}button.secondary:hover:not(:disabled){background:linear-gradient(180deg,#ffffffb3,#fff0 55%),var(--panel-2)}.thapki-btn{background:linear-gradient(180deg,#fff6,#fff0 52%),#f5a623}.thapki-btn:hover:not(:disabled){background:linear-gradient(180deg,#fff6,#fff0 52%),#d97706}.pcard{background:linear-gradient(158deg,#fff,#fff 52%,#e9edf3)}.card,.modal{background:linear-gradient(180deg,#fff,#f5f8fc)}.round-header,.hp,.scoreboard{background:linear-gradient(180deg,#fff,#f3f6fb)}.felt-table{background:linear-gradient(180deg,#ffffff47,#fff0 32%),radial-gradient(ellipse at 50% 42%,#c2d4c7,#b3c8b9 60%,#a7bfad)}.avatar{background:radial-gradient(circle at 50% 28%,#fff,#eef1f6)}.team-tag-0,.team-pip-0{background:linear-gradient(180deg,#ffffff52,#fff0 55%),var(--team0)}.team-tag-1,.team-pip-1{background:linear-gradient(180deg,#ffffff52,#fff0 55%),var(--team1)}.self-badge{background:var(--sheen),var(--accent)}.stage-score{background:linear-gradient(180deg,#fff,#eef1f6)}.turn-pop{background:linear-gradient(180deg,#ffffff38,#fff0 50%),#1e4f8af0}.hp-fill-0{background:linear-gradient(180deg,#fff6,#fff0 60%),linear-gradient(90deg,var(--team0),#3b74b8)}.hp-fill-1{background:linear-gradient(180deg,#fff6,#fff0 60%),linear-gradient(270deg,var(--team1),#d64550)}@media(max-width:560px){.fan-card{margin-left:-30px}.plate{min-width:84px;padding:5px 8px}.plate-name{font-size:12px}.stage-cards{width:150px;height:142px}}.play-status{flex:0 0 auto;text-align:center;font-size:13px;font-weight:600;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hand-active{max-width:600px;align-self:center;border:2px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--panel));box-shadow:0 10px 30px var(--accent-glow);animation:liftIn .25s ease-out}.hand-active-head{text-align:center}.hand-active-head h3{margin:0;color:var(--accent);font-size:19px}.hand-active-head p{font-size:14px;color:var(--ink);margin-top:4px}.hand-big{gap:12px;padding:6px 4px 2px}.hand-big .pcard-hand{min-width:66px;min-height:96px;padding:9px 6px}.hand-big .pcard-rank{font-size:24px}.hand-big .pcard-suit{font-size:32px}.hand-big .pcard-hl{animation:gentleBounce 1.4s ease-in-out infinite}@keyframes liftIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gentleBounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(-7px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1d3a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;width:100%;max-width:580px;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--panel-border);background:var(--panel-2)}.modal-head h2{margin:0;font-size:20px;color:var(--ink-strong)}.modal-body{padding:18px 22px 22px;overflow-y:auto;font-size:15px;line-height:1.55;color:var(--ink)}.modal-body h3{margin:16px 0 6px;font-size:15px;color:var(--accent)}.modal-body ol,.modal-body ul{padding-left:22px;margin:6px 0}.modal-body li{margin:6px 0}.modal-body b{color:var(--ink-strong)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reaction-wrap{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:16px;z-index:80;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.reaction-fab{width:52px;height:52px;min-height:52px;padding:0;border-radius:50%;background:var(--panel);color:var(--ink-strong);font-size:24px;line-height:1;border:1px solid var(--panel-border);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.reaction-fab:hover{background:var(--panel-2)}.reaction-fab-open{background:var(--accent);color:#fff;border-color:var(--accent)}.reaction-picker{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:8px;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;animation:liftIn .15s ease-out}.reaction-emoji-btn{background:var(--panel-2);color:var(--ink);border:none;border-radius:10px;padding:8px;font-size:26px;min-width:48px;min-height:48px;box-shadow:none;cursor:pointer;line-height:1}.reaction-emoji-btn:hover{background:var(--accent-soft)}.reaction-emoji-btn:active{transform:scale(.92)}.reaction-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:70}.reaction-float{position:absolute;bottom:88px;transform:translate(-50%);text-align:center;animation:floatUp 2.8s cubic-bezier(.2,.6,.3,1) forwards;pointer-events:none}.reaction-float-emoji{font-size:54px;display:block;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.reaction-float-name{display:inline-block;margin-top:6px;background:#0f1d3ad9;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}@keyframes floatUp{0%{transform:translate(-50%,20px);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(-50%,-320px);opacity:0}}.bid-summary{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:10px;border:1px solid;font-size:13px}.bid-summary-label{font-weight:800;font-size:14px}.bid-summary-detail{color:var(--ink-dim);font-size:12.5px}.bid-summary-over{background:#b91c1c14;border-color:var(--bad);color:var(--bad)}.bid-summary-under{background:#16653414;border-color:var(--good);color:var(--good)}.bid-summary-over .bid-summary-detail,.bid-summary-under .bid-summary-detail{color:var(--ink)}.share-btn{background:#25d366;color:#fff;font-size:15px}.share-btn:hover:not(:disabled){background:#1da851}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--ink-strong);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:liftIn .2s ease-out}:root{--team0: #1e4f8a;--team0-soft: rgba(30, 79, 138, .12);--team1: #c0202e;--team1-soft: rgba(192, 32, 46, .12)}.team-tag,.team-pip{display:inline-block;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;margin-left:6px;color:#fff;letter-spacing:.3px}.team-tag-0,.team-pip-0{background:var(--team0)}.team-tag-1,.team-pip-1{background:var(--team1)}.team-edge-0{border-left:4px solid var(--team0)}.team-edge-1{border-left:4px solid var(--team1)}.team-select{margin-top:12px;padding-top:12px;border-top:1px solid var(--panel-border)}.proposal-box{background:var(--accent-soft);border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px;text-align:center}.teams-formed{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.team-card{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px;text-align:center}.team-card-0{border-top:4px solid var(--team0)}.team-card-1{border-top:4px solid var(--team1)}.team-card-title{font-weight:800;font-size:15px}.hands-tally{font-size:22px;font-weight:800;display:flex;gap:6px;align-items:baseline}.trump-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.trump-choose-btn{background:var(--panel);color:var(--ink);border:1.5px solid var(--panel-border);display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;min-height:84px}.trump-choose-btn:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.trump-choose-symbol{font-size:34px;line-height:1}.trump-choose-name{font-size:13px;font-weight:700}.coat-banner{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px}.coat-banner-emoji{font-size:40px;line-height:1}.coat-banner-text{font-size:14px;font-weight:800;letter-spacing:1px;color:var(--ink-dim)}.coat-banner.coat-single .coat-banner-text{color:var(--good)}.coat-banner.coat-double .coat-banner-text{color:var(--red)}.coat-banner.coat-single,.coat-banner.coat-double{animation:liftIn .4s ease-out}.coat-mini{font-weight:800;font-size:11px;color:var(--good)}.round-end-points{font-size:20px;font-weight:800;color:var(--accent);margin:6px 0}.match-tally{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.match-tally-team{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;align-items:center}.match-tally-team b{font-size:26px}.match-tally-team.leader{background:var(--accent-soft);border-color:var(--accent)}.table-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,1.3fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:".    top    ." "left felt   right" ".    bottom .";gap:8px 6px;align-items:center;justify-items:center;padding:14px 12px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#e2f0e6,#cfe6d6 70%,#c6e0cf);border:1px solid #b9d4c0;box-shadow:inset 0 2px 18px #1f5c401f}.seat-cell{display:flex;align-items:center;justify-content:center;min-width:0}.seat-top{grid-area:top}.seat-bottom{grid-area:bottom}.seat-left{grid-area:left}.seat-right{grid-area:right}.felt{grid-area:felt}.seat{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:100%}.seat-bottom{flex-direction:column-reverse}.seat-tile{background:var(--panel);border:1.5px solid var(--panel-border);border-radius:10px;padding:7px 10px;box-shadow:var(--shadow-sm);min-width:92px;max-width:100%;transition:border-color .15s,box-shadow .15s,transform .15s}.seat-tile.is-turn{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 5px 16px var(--accent-glow)}.seat-tile.is-me{background:var(--accent-soft)}.seat-tile.is-me.is-turn{background:var(--panel)}.seat-name{display:flex;align-items:center;gap:4px;font-weight:700;font-size:13px;color:var(--ink-strong);white-space:nowrap}.seat-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim);margin-top:3px}.seat-hands{font-weight:800;color:var(--ink-strong)}.seat-turn{font-size:10px;font-weight:800;color:var(--good);text-transform:uppercase;letter-spacing:.4px;margin-top:3px}.seat-card{position:relative;display:flex;flex-direction:column;align-items:center}.seat-card-slot{width:42px;height:58px;border:1.5px dashed rgba(31,92,64,.22);border-radius:8px}.felt{position:relative;width:100%;height:100%;min-height:130px}.felt-trump{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:60px;line-height:1;opacity:.14;pointer-events:none}.felt-cross{position:absolute;top:0;right:0;bottom:0;left:0}.fc{position:absolute}.fc-top{top:4px;left:50%;transform:translate(-50%)}.fc-bottom{bottom:4px;left:50%;transform:translate(-50%)}.fc-left{left:6px;top:50%;transform:translateY(-50%)}.fc-right{right:6px;top:50%;transform:translateY(-50%)}@media(max-width:560px){.table-area{padding:12px 6px;gap:6px 4px}.seat-tile{min-width:0;padding:6px 8px}.seat-name{font-size:12px}.seat-meta{gap:5px;font-size:11px}.felt-trump{font-size:42px}}.draw-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0}.draw-item{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.85}.draw-item-name{font-size:11px;font-weight:600;color:var(--ink-dim);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-item-jack{opacity:1;animation:liftIn .3s ease-out}.draw-item-jack .draw-item-name{color:var(--good);font-weight:800}.draw-result{font-size:15px;margin-top:4px}.hand-active-titlerow{display:flex;align-items:center;justify-content:space-between;gap:10px}.thapki-btn{background:#f59e0b;color:#1c1300;font-weight:800;letter-spacing:.5px;padding:9px 14px;min-height:0;border-radius:999px;box-shadow:var(--shadow-sm);flex-shrink:0}.thapki-btn:hover:not(:disabled){background:#d97706;color:#fff}.seat-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}.game-modal-backdrop{z-index:120}.game-modal-inner{width:100%;display:flex;justify-content:center}.game-modal-inner>.card{margin:0;max-height:88dvh;overflow:auto}.trump-choose-cards{margin:8px 0 14px;justify-content:center}.hp{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:9px 14px;box-shadow:var(--shadow-sm)}.hp-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.hp-team{font-weight:800;font-size:16px;display:flex;align-items:center;gap:5px}.hp-of{color:var(--ink-soft);font-weight:600;font-size:12px}.hp-mid{flex:1;text-align:center;font-size:16px;font-weight:700;color:var(--ink-strong)}.hp-bar{position:relative;display:flex;height:16px;border-radius:999px;background:var(--bg-2);overflow:hidden}.hp-fill{height:100%;transition:width .35s ease}.hp-fill-0{background:linear-gradient(90deg,var(--team0),#3b74b8)}.hp-fill-1{background:linear-gradient(270deg,var(--team1),#d64550);margin-left:auto}.hp-center{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--ink-soft);opacity:.45;transform:translate(-50%)}.round-header-2col{justify-content:space-around}.hand .suit-break{margin-left:16px}.hand-mid .suit-break{margin-left:12px}.hand-big .pcard-clickable{touch-action:none}.pcard-dragging{opacity:.35}.drag-ghost{position:fixed;z-index:200;pointer-events:none;transform:translate(-50%,-65%) rotate(-4deg) scale(1.05);filter:drop-shadow(0 10px 16px rgba(15,29,58,.35))}body.dragging-card{cursor:grabbing;-webkit-user-select:none;user-select:none}body.dragging-card .drop-zone{outline:3px dashed var(--accent);outline-offset:-6px;background:radial-gradient(ellipse at 50% 42%,#d6ecdd,#c2e0cb 70%,#b8dac4)}body.dragging-card .drop-zone:after{content:"Drop to play";position:absolute;left:50%;top:8px;transform:translate(-50%);font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--accent-strong);text-transform:uppercase}.table-area{position:relative}.thapki-callout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 14px;background:#fffffff5;border:1.5px solid #f59e0b;border-radius:12px;box-shadow:var(--shadow-md);pointer-events:none;animation:thapkiPop .35s ease-out}.thapki-callout-emoji{font-size:24px;line-height:1}.thapki-callout-text{font-size:13px;font-weight:800;color:var(--ink-strong);text-align:center;max-width:70vw}@keyframes thapkiPop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}60%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}:root{--accent: #5b6cff;--accent-strong: #4a57e0;--accent-soft: rgba(91, 108, 255, .12);--accent-glow: rgba(91, 108, 255, .42);--grad-accent: linear-gradient(135deg, #6a78ff 0%, #9a5cff 100%);--grad-amber: linear-gradient(135deg, #ffc24b 0%, #ff9d2f 100%);--team0: #2f6df6;--team1: #ff4d6d;--grad-team0: linear-gradient(135deg, #4f8bff, #2f6df6);--grad-team1: linear-gradient(135deg, #ff6b87, #ff4d6d);--glass: rgba(255, 255, 255, .6);--glass-2: rgba(255, 255, 255, .42);--glass-border: rgba(255, 255, 255, .75);--glass-shadow: 0 14px 44px rgba(38, 40, 90, .16);--blur: blur(20px) saturate(135%);--radius: 16px;--ink: #1a1c33;--ink-strong: #0e1024;--ink-dim: #555a78}html,body{background:radial-gradient(120% 120% at 15% 0%,#f4f1ff 0%,transparent 45%),radial-gradient(120% 120% at 100% 10%,#ffeef2 0%,transparent 40%),linear-gradient(165deg,#f6f4ff,#fdf4ef,#edf8f5);background-attachment:fixed}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.ambient-orb-1{width:46vmax;height:46vmax;top:-16vmax;left:-12vmax;background:#aab6ff;animation:drift1 22s ease-in-out infinite}.ambient-orb-2{width:40vmax;height:40vmax;top:-10vmax;right:-14vmax;background:#ffc1d2;animation:drift2 26s ease-in-out infinite}.ambient-orb-3{width:38vmax;height:38vmax;bottom:-16vmax;left:8vmax;background:#a9f0d8;animation:drift3 30s ease-in-out infinite}.ambient-orb-4{width:34vmax;height:34vmax;bottom:-14vmax;right:-8vmax;background:#ffe0a8;animation:drift1 28s ease-in-out infinite reverse}.ambient-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4vmax,5vmax) scale(1.08)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vmax,4vmax) scale(1.1)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5vmax,-4vmax) scale(1.06)}}.card,.glass,.modal,.scoreboard{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow),inset 0 1px #fff9}.round-header,.hp{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #fff9}.modal-backdrop{background:#1a163a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button{background:var(--grad-accent);color:#fff;border:none;border-radius:14px;box-shadow:0 8px 22px var(--accent-glow),inset 0 1px #fff6;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}button:hover:not(:disabled){background:var(--grad-accent);transform:translateY(-2px);box-shadow:0 12px 30px var(--accent-glow),inset 0 1px #ffffff73;filter:brightness(1.06) saturate(1.05)}button:active:not(:disabled){transform:translateY(0) scale(.97)}button:disabled{background:#787c9659;color:#fffc;box-shadow:none}button.secondary{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--ink);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}button.secondary:hover:not(:disabled){background:#ffffffc7;transform:translateY(-2px);filter:none}.btn-hero{font-size:17px;padding:16px 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-hero-emoji{font-size:20px}.home-screen{gap:22px}.home-hero{text-align:center;animation:fadeUp .6s ease-out}.home-suits{display:flex;justify-content:center;gap:8px;font-size:34px;margin-bottom:6px}.home-suits .hs{animation:floaty 4s ease-in-out infinite}.home-suits .hs-s{color:#2b2f55;animation-delay:0s}.home-suits .hs-h{color:#ff4d6d;animation-delay:.3s}.home-suits .hs-c{color:#2b2f55;animation-delay:.6s}.home-suits .hs-d{color:#ff4d6d;animation-delay:.9s}.home-title{font-size:clamp(40px,9vw,64px);font-weight:900;letter-spacing:-1px;margin:0;background:linear-gradient(120deg,#6a78ff,#9a5cff 50%,#ff6b9d);-webkit-background-clip:text;background-clip:text;color:transparent}.home-tag{color:var(--ink-dim);max-width:320px;margin:6px auto 0;position:relative;z-index:1}.home-card{width:100%;max-width:380px;animation:fadeUp .7s ease-out}.home-foot{margin-top:4px}.code-input{text-align:center;letter-spacing:4px;font-size:22px;font-weight:800}.home-credit{display:flex;flex-direction:column;gap:3px;text-align:center;margin:10px 0 4px;font-size:17px;font-weight:600;font-style:italic;color:var(--ink-dim);animation:fadeUp .8s ease-out}.home-credit-heart{color:#ff4d6d;font-style:normal}.home-screen{position:relative}.home-floats{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.home-float{position:absolute;font-weight:900;opacity:.16;filter:drop-shadow(0 6px 14px rgba(30,40,80,.18));animation-name:floatSuit;animation-iteration-count:infinite;animation-timing-function:ease-in-out;will-change:transform}@keyframes floatSuit{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-22px) rotate(6deg)}}.home-hero,.home-card{position:relative;z-index:1}.stage{box-shadow:0 24px 70px #1e285038}.felt-table{background:radial-gradient(ellipse at 50% 36%,#7bb7a3,#5f9d89 52%,#4e8a77);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 2px 30px #ffffff40,inset 0 -40px 80px #14322859,var(--glass-shadow)}.felt-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;pointer-events:none;transition:background .5s ease}.stage[data-trump=H] .felt-glow{background:radial-gradient(ellipse at 50% 45%,rgba(255,80,110,.22),transparent 68%)}.stage[data-trump=D] .felt-glow{background:radial-gradient(ellipse at 50% 45%,rgba(255,150,60,.22),transparent 68%)}.stage[data-trump=S] .felt-glow{background:radial-gradient(ellipse at 50% 45%,rgba(90,120,255,.22),transparent 68%)}.stage[data-trump=C] .felt-glow{background:radial-gradient(ellipse at 50% 45%,rgba(70,220,170,.22),transparent 68%)}.stage-trump{color:#ffffffe6;opacity:.22}.stage-trump.trump-red{color:#ffe2e6}.stage-score{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.stage-cards:before{content:"";position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.4),transparent 65%);pointer-events:none}.sc .pcard{animation:playIn .3s cubic-bezier(.2,.8,.3,1.25)}.plate-name{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.plate-meta{background:var(--glass-2);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.avatar{background:radial-gradient(circle at 50% 26%,#fff,#e7ebf5);box-shadow:0 6px 16px #1e28502e,inset 0 1px #fffc}.avatar.team-ring-0{border-color:var(--team0)}.avatar.team-ring-1{border-color:var(--team1)}.plate:not(.is-turn) .avatar{animation:floaty 6s ease-in-out infinite}.pcard{background:linear-gradient(158deg,#fff,#fbfcff 55%,#eef1fb);border:1px solid rgba(60,70,120,.16);border-radius:10px;box-shadow:0 4px 10px #1e285029,inset 0 1px #ffffffe6;transition:transform .14s ease,box-shadow .14s ease}.pcard-hl{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 10px 22px var(--accent-glow)}.pcard-red{color:#e0294b}.pcard-black{color:#1c2140}.turn-pop{background:var(--grad-accent);box-shadow:0 10px 26px var(--accent-glow),inset 0 1px #ffffff59}.play-status{align-self:center;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:999px;padding:5px 16px;box-shadow:var(--glass-shadow);color:var(--ink)}.thapki-btn{background:var(--grad-amber);color:#3a2400;box-shadow:0 8px 22px #ffa02873,inset 0 1px #ffffff80}.thapki-btn:hover:not(:disabled){background:var(--grad-amber);transform:translateY(-2px);filter:brightness(1.05)}.thapki-callout{border-color:#ffb020;box-shadow:0 18px 50px #ffa02866,var(--glass-shadow)}.hp-bar{background:#141e3c1a;box-shadow:inset 0 2px 6px #141e3c1f}.hp-fill-0{background:linear-gradient(180deg,#ffffff73,#fff0 60%),var(--grad-team0);box-shadow:0 0 14px #2f6df680}.hp-fill-1{background:linear-gradient(180deg,#ffffff73,#fff0 60%),var(--grad-team1);box-shadow:0 0 14px #ff4d6d80}.hp-team-0{color:var(--team0)}.hp-team-1{color:var(--team1)}.team-tag-0,.team-pip-0{background:var(--grad-team0)}.team-tag-1,.team-pip-1{background:var(--grad-team1)}.hands-tally-0{color:var(--team0)}.hands-tally-1{color:var(--team1)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes playIn{0%{transform:scale(.5) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root{--blur: blur(14px) saturate(128%);--blur-sm: blur(9px) saturate(120%);--edge-light: inset 0 1px 0 rgba(255, 255, 255, .9);--hairline: 0 0 0 1px rgba(40, 44, 90, .06);--tint-info: rgba(91, 108, 255, .13);--tint-good: rgba(28, 178, 122, .14);--tint-warn: rgba(255, 168, 40, .16);--tint-social: rgba(150, 92, 255, .15)}.card.section,.modal,.scoreboard,.game-modal-inner>.card{background:#ffffff42;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 1px #ffffff73,inset 0 -3px 10px #282c5a12,0 4px 16px #1e285014}.card,.round-header,.hp,.player-row,.scoreboard-row,.team-card,.match-tally-team,.stage-score,.plate-name{background:#ffffffbd;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #1e285021,var(--hairline),var(--edge-light)}.card.section{background:#ffffff42}.player-list{display:flex;flex-direction:column;gap:10px}.player-row{border-radius:14px;padding:13px 16px;transition:transform .14s ease,box-shadow .18s ease}.player-row:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1e285029,var(--hairline),var(--edge-light)}.empty-slot{background:#ffffff24;border:1.5px dashed rgba(90,100,150,.35);box-shadow:none;border-radius:14px;padding:13px 16px}.status-line,.glass-info{background:linear-gradient(0deg,var(--tint-info),var(--tint-info)),#ffffff9e;border:1px solid rgba(91,108,255,.3);border-left:4px solid var(--accent);box-shadow:0 6px 16px #5b6cff24,var(--edge-light);color:var(--ink)}.proposal-box,.glass-social{background:linear-gradient(0deg,var(--tint-social),var(--tint-social)),#ffffffb3;border:1px solid rgba(150,92,255,.4);box-shadow:0 10px 26px #965cff38,var(--edge-light);animation:fadeUp .3s ease-out,socialPulse 2.2s ease-in-out infinite}@keyframes socialPulse{0%,to{box-shadow:0 10px 26px #965cff33,var(--edge-light)}50%{box-shadow:0 12px 34px #965cff5c,var(--edge-light)}}.share-btn,.glass-good{background:linear-gradient(135deg,#2bd17e,#16b06a)!important;color:#06321f!important;box-shadow:0 8px 22px #22be7866,inset 0 1px #fff6!important}.badge{background:var(--grad-accent);color:#fff;box-shadow:0 3px 10px var(--accent-glow)}.player-row.is-host{background:linear-gradient(0deg,var(--accent-soft),var(--accent-soft)),#fffc;border:1px solid rgba(91,108,255,.45);box-shadow:0 8px 20px #5b6cff33,var(--edge-light)}.player-row.is-me{box-shadow:0 6px 16px #1e285021,0 0 0 2px #5b6cff59,var(--edge-light)}.dot-on{box-shadow:0 0 0 3px #1cb27a2e,0 0 8px #1cb27a80}.scoreboard-row.leader{background:linear-gradient(0deg,var(--accent-soft),var(--accent-soft)),#ffffffd1;border:1px solid rgba(91,108,255,.45);box-shadow:0 8px 20px #5b6cff33,var(--edge-light)}.sc.trick-win .pcard,.trick-win .pcard{box-shadow:0 0 0 3px #f3c64a,0 0 22px #f3c64acc!important}.team-select{border-top:none;margin-top:14px;padding-top:16px;position:relative}.team-select:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(91,108,255,.4),transparent)}.plate-name{box-shadow:0 4px 12px #1e28502e,var(--hairline),var(--edge-light)}.plate-meta{background:#ffffff8c;border:1px solid rgba(255,255,255,.7)}.plate.is-turn .plate-name{background:#ffffffeb;box-shadow:0 6px 18px #e8a31759,var(--edge-light)}.play-status{background:linear-gradient(0deg,var(--tint-info),var(--tint-info)),#ffffffa8;border:1px solid rgba(91,108,255,.3);box-shadow:0 6px 16px #5b6cff29,var(--edge-light)}.game-modal-inner>.card{box-shadow:0 30px 70px #14183c52,inset 0 1px 1px #ffffff80;background:#ffffff80}.pcard.pcard-red{color:#e0294b}.pcard.pcard-black{color:#1c2140}.pcard:disabled{opacity:1;background:linear-gradient(158deg,#fff,#fbfcff 55%,#eef1fb);box-shadow:0 4px 10px #1e285029,inset 0 1px #ffffffe6}.pcard-rank,.pcard-suit{color:inherit}.pcard-hl{background:#fff;border-color:#5b6cffe6;box-shadow:0 0 0 2px #5b6cff8c,0 12px 22px #181e4638}.fan-card:hover .pcard{background:#fff;box-shadow:0 0 0 2px #5b6cff99,0 16px 30px #181e464d}.fan{display:flex;gap:9px;justify-content:safe center;align-items:flex-end;overflow-x:auto;overflow-y:visible;padding:20px 12px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.fan::-webkit-scrollbar{display:none}.fan-card{flex:0 0 auto;margin-left:0;position:relative;z-index:1;scroll-snap-align:center;transition:transform .16s ease;animation:none}.fan .suit-break{margin-left:12px}.fan-card.fan-legal{transform:translateY(-7px);animation:none}.fan-card.fan-illegal{opacity:.42}.fan-card:hover{transform:translateY(-10px)}.fan-card.is-selected,.fan-card.is-selected:hover{z-index:40;transform:translateY(-22px) scale(1.22)}.fan-card .pcard-hand{min-width:54px;min-height:78px;font-size:17px}.play-action{display:flex;justify-content:center;align-items:center;padding:2px 10px 6px;min-height:52px}.btn-play{width:min(94%,380px);font-size:17px;padding:14px 22px;border-radius:16px;background:var(--grad-accent);color:#fff;box-shadow:0 10px 26px var(--accent-glow),inset 0 1px #fff6;animation:turnPopPulse 1.5s ease-in-out infinite}.btn-play b{margin-left:4px;font-size:19px}.btn-play .play-suit-red{color:#ffd9e0}.btn-play .play-suit-black{color:#fff}.btn-play-blocked,.btn-play-blocked:disabled{background:#787c9673;color:#fff;box-shadow:none;animation:none}.play-hint{font-size:14px;font-weight:600;color:var(--ink-dim);text-align:center}.stage-cards{width:210px;height:212px}.sc{display:flex;flex-direction:column;align-items:center}.sc .pcard-hand{min-width:60px;min-height:86px;font-size:19px}.sc-owner{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:#fff;background:#121a2cb8;border-radius:999px;padding:2px 9px;white-space:nowrap;box-shadow:var(--glass-shadow)}.sc-won{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);font-size:10px;font-weight:900;letter-spacing:.5px;color:#3a2a00;background:linear-gradient(135deg,#ffe06a,#f5b400);border-radius:999px;padding:2px 10px;box-shadow:0 4px 12px #f5b40099}.sc.trick-win .pcard{box-shadow:0 0 0 3px #f5c33a,0 0 26px #f5c33ae6!important}@media(max-width:620px){.plate-meta{display:none}.avatar{width:44px;height:44px;border-width:2.5px}.avatar svg{width:28px;height:28px}.plate-name{font-size:12px;padding:1px 8px}.plate-turn{font-size:9px}.plate-left,.plate-right{top:30%}.plate-left.is-turn,.plate-right.is-turn{transform:translateY(-50%) scale(1.12)}.fan-card .pcard-hand{min-width:50px;min-height:72px}.home-title{font-size:clamp(44px,13vw,64px)}}@media(max-width:620px){.game-screen{padding:6px 8px calc(8px + env(safe-area-inset-bottom));gap:6px}.round-header{padding:8px 14px}.round-num{font-size:20px}.round-header .trump-badge{padding:5px 12px;font-size:15px}.hp{padding:6px 12px}.hp-labels{margin-bottom:4px}.hp-bar{height:12px}.hp-team{font-size:14px}.hp-mid{font-size:12px}.play-status{font-size:12px;padding:4px 12px}.stage-cards{width:auto;height:auto;display:flex;gap:7px;align-items:flex-end;justify-content:center}.sc{position:relative;flex:0 0 auto;top:auto;left:auto;right:auto;bottom:auto;transform:none}.sc:empty{display:none}.sc .pcard-hand{min-width:54px;min-height:78px;font-size:18px}.sc-owner{top:-16px}.sc-won{bottom:-13px}.reaction-wrap{left:auto;right:14px;bottom:calc(150px + env(safe-area-inset-bottom))}.reaction-fab{width:46px;height:46px;min-height:46px;font-size:22px}}.game-screen{position:relative}.topbar-c{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 4px}.tb-icon{flex:0 0 auto;width:38px;height:38px;min-height:38px;padding:0;border-radius:12px;font-size:17px;font-weight:800;background:var(--glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--ink);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;justify-content:center}.tb-icon:hover:not(:disabled){transform:translateY(-1px);filter:none;background:#fffc}.tb-actions{display:flex;gap:6px}.tb-center{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.tb-room{font-size:15px;font-weight:900;letter-spacing:2px;color:var(--accent-strong);line-height:1}.tb-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-dim);white-space:nowrap;overflow:hidden}.tb-sep{opacity:.45}.tb-trump{font-weight:800}.tb-hands b{font-weight:900}.tb-hands .t0{color:var(--team0)}.tb-hands .t1{color:var(--team1)}.tb-dash{color:var(--ink-soft);margin:0 1px}.game-toast{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:70;max-width:88%;padding:9px 18px;border-radius:999px;background:#141837e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:13.5px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 12px 30px #0f143266;animation:toastIn .25s ease-out;pointer-events:none}.game-toast-err{background:#961e28eb;top:100px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.stage-cards{z-index:4}.fan{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:7px 5px;overflow:visible;padding:16px 8px 8px;touch-action:auto;scroll-snap-type:none}.fan-card{flex:0 0 auto;margin-left:0;scroll-snap-align:none}.fan .suit-break{margin-left:8px}@media(max-width:620px){.sc .pcard-hand{min-width:58px;min-height:84px;font-size:18px}.play-action{min-height:56px}.btn-play{width:min(96%,420px);font-size:18px;padding:15px 22px}.fan-card .pcard-hand{min-width:46px;min-height:66px;font-size:16px}.fan-card.is-selected .pcard-hand{min-width:46px;min-height:66px}}.sc{display:flex;flex-direction:column;align-items:center;gap:3px}.sc-owner{position:static;transform:none;top:auto;left:auto;font-size:11px;font-weight:800;color:#fff;background:#121a2cc7;border-radius:999px;padding:1px 9px;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--glass-shadow)}.sc-won{position:static;transform:none;bottom:auto;left:auto;margin-top:2px;font-size:10px;font-weight:900;letter-spacing:.5px;color:#3a2a00;background:linear-gradient(135deg,#ffe06a,#f5b400);border-radius:999px;padding:1px 9px;box-shadow:0 4px 12px #f5b40099}@media(max-width:620px){.stage-cards{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;display:grid;grid-template-columns:auto auto;gap:16px 22px;justify-items:center;align-items:center}.sc{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;justify-content:flex-start}.sc:empty{width:52px;height:76px;border:2px dashed rgba(255,255,255,.4);border-radius:10px}.sc .pcard-hand{min-width:52px;min-height:76px;font-size:17px}}.thapki-badge{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:72;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--grad-amber);color:#3a2400;font-weight:800;font-size:14px;box-shadow:0 10px 26px #ffa02880,inset 0 1px #ffffff80;pointer-events:none;animation:thapkiBadgeIn .3s ease-out,thapkiBadgePulse 1.2s ease-in-out .3s infinite}.thapki-badge-emoji{font-size:18px}@keyframes thapkiBadgeIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes thapkiBadgePulse{0%,to{box-shadow:0 8px 20px #ffa02866,inset 0 1px #ffffff80}50%{box-shadow:0 12px 32px #ffa028bf,inset 0 1px #ffffff80}}.modal{background:linear-gradient(180deg,#fff,#f4f7fe);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.95);box-shadow:0 36px 90px #1216376b,inset 0 1px #ffffffe6}.modal-head{background:#fffffffa;border-bottom:1px solid rgba(40,44,90,.08)}.modal-body{color:var(--ink)}.modal-body h3{color:var(--accent-strong)}.game-modal-inner>.card{background:linear-gradient(180deg,#fff,#f4f7fe);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.95);box-shadow:0 32px 72px #12163766,inset 0 1px #ffffffe6}