*{box-sizing:border-box}:root{color:#251d18;background:#e6dbc1;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Georgia,sans-serif;--felt: #17614e;--felt-deep: #0c3f39;--paper: #fff9eb;--ink: #251d18;--line: rgba(37, 29, 24, .16);--gold: #d9a441;--red: #b6293d;--blue: #275da8;--green: #17614e}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:8px;padding:10px 14px;background:var(--ink);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{background:#f3d27c;color:#2f261c}button.danger-soft{background:#8f2433;color:#fff}button.ghost{background:#ffffffb8;color:var(--ink);border:1px solid var(--line)}button.icon-only{width:42px;padding:0}input,select{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;min-height:40px}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;padding:18px;background:linear-gradient(90deg,rgba(37,29,24,.035) 1px,transparent 1px),linear-gradient(rgba(37,29,24,.035) 1px,transparent 1px),#e6dbc1;background-size:24px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topbar h1{font-size:clamp(26px,4vw,42px);letter-spacing:0}.version-label{display:inline-block;margin-left:8px;color:#251d1894;font-size:.36em;font-weight:800;line-height:1;vertical-align:baseline;white-space:nowrap}.topbar p,.muted{color:#251d18a8}.user-pill{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff9ebd6}.user-pill button{width:34px;height:34px;min-height:34px;padding:0}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 28%,rgba(217,164,65,.28),transparent 26%),radial-gradient(circle at 82% 72%,rgba(23,97,78,.22),transparent 28%),#efe8d4}.auth-panel{width:min(460px,calc(100vw - 32px));display:grid;gap:16px;padding:28px;border:1px solid rgba(37,29,24,.14);border-radius:10px;background:#fff9ebeb;box-shadow:0 24px 70px #251d1829}.brand-mark{width:72px;height:72px;display:grid;place-items:center;background:var(--felt);color:#fff;border-radius:50%;font-weight:900;border:5px solid #f3d27c}.auth-panel label{display:grid;gap:7px;font-weight:700}.auth-actions,.inline-form,.section-head,.hand-head,.seat-title,.seat-meta,.seat-actions{display:flex;align-items:center;gap:10px}.auth-actions button,.inline-form button{flex:1}.lobby{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:18px}.new-room,.room-list,.action-panel,.event-log,.replay-panel,.hand-dock{border:1px solid var(--line);border-radius:10px;background:#fff9ebe0}.new-room,.room-list{padding:18px;display:grid;gap:14px}.inline-form input{flex:2}.room-row{width:100%;justify-content:space-between;background:#fff;color:var(--ink);border:1px solid var(--line)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.table-zone{min-width:0}.table-felt{position:relative;min-height:620px;border-radius:30px;background:radial-gradient(ellipse at center,rgba(255,255,255,.08),transparent 54%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),var(--felt);box-shadow:inset 0 0 0 12px #5f341c,inset 0 0 0 17px #d2a55a,inset 0 0 42px #00000047,0 24px 70px #251d1838;overflow:hidden}.table-felt.settlement-mode{min-height:760px}.table-center{position:absolute;left:50%;top:50%;width:min(390px,52%);transform:translate(-50%,-50%);color:#fff;display:grid;gap:8px;text-align:center}.table-center.settlement-center{width:min(620px,68%)}.table-felt.settlement-mode .table-center.settlement-center{top:52%;width:min(620px,max(360px,calc(100% - 430px)));z-index:1}.trick-layout{height:240px;margin-top:12px;padding:10px;border-radius:16px;background:#0c3f3994;border:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:center;align-content:center;overflow:hidden}.trick-layout.collecting{box-shadow:inset 0 0 0 1px #f3d27c42}.trick-play{display:grid;gap:4px;justify-items:center;min-width:0;font-size:12px}.mini-card-row{display:flex;justify-content:center;min-width:0}.mini-card{width:30px;height:42px;margin-left:-8px;border-radius:5px;background:#fffdf7;color:var(--ink);border:1px solid rgba(37,29,24,.22);display:grid;place-items:center;box-shadow:0 5px 9px #0003;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}.mini-card:first-child{margin-left:0}.mini-card b{font-size:10px}.mini-card i{font-style:normal;font-size:16px;line-height:1}.mini-card.hearts,.mini-card.diamonds{color:var(--red)}.mini-card.spades,.mini-card.clubs{color:var(--blue)}.mini-card.joker{color:var(--green)}.mini-card.winning{border-color:#ffe073f5;filter:saturate(1.16) contrast(1.04);transform:translateY(-2px);box-shadow:0 0 0 2px #f4cc5cb8,0 8px 14px #00000047}.public-bid-showcase{margin-top:14px;padding:15px;border-radius:16px;background:linear-gradient(180deg,#08322ee0,#072623d1);border:1px solid rgba(243,210,124,.32);box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 42px #0003}.public-bid-showcase.counter{border-color:#b6293d73}.public-bid-head{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-weight:900}.public-bid-head span{color:#ffffffc7;font-size:14px}.public-bid-head strong{padding:6px 12px;border-radius:999px;background:#f3d27c;color:#2f261c;box-shadow:0 8px 18px #0000002e}.public-bid-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;min-height:92px;align-items:center}.public-bid-card{position:relative;width:58px;height:82px;padding:7px 5px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#fffef7,#fff2d8);color:var(--ink);border:1px solid rgba(37,29,24,.18);box-shadow:0 10px 20px #00000042;animation:bidCardReveal .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--bid-card-index) * 75ms)}.public-bid-card b{font-size:15px;line-height:1}.public-bid-card i{font-style:normal;font-size:24px;line-height:1}.public-bid-card em{position:absolute;right:5px;bottom:4px;color:#251d186b;font-size:10px;font-style:normal}.public-bid-card.hearts,.public-bid-card.diamonds{color:var(--red)}.public-bid-card.spades,.public-bid-card.clubs{color:var(--blue)}.public-bid-card.joker{color:var(--green)}.public-bid-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:12px}.public-bid-summary span{padding:5px 8px;border-radius:999px;background:#ffffff1f;color:#ffffffd6;font-size:12px;font-weight:850}.kitty-settlement{display:grid;gap:12px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#0a3631eb,#082b27e6);border:1px solid rgba(243,210,124,.36);box-shadow:inset 0 0 0 1px #ffffff0f,0 22px 48px #00000042}.kitty-settlement.saved{border-color:#ffffff38}.kitty-head{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.kitty-head span{color:#f3d27c;font-size:22px;font-weight:900}.kitty-head strong{padding:6px 10px;border-radius:999px;background:#f3d27c24;color:#f5dd97;font-size:13px}.kitty-cards{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;min-height:76px;align-items:end}.kitty-card{position:relative;height:68px;min-width:0;padding:7px 4px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#fff,#fff4dd);color:var(--ink);border:1px solid rgba(37,29,24,.18);box-shadow:0 8px 16px #00000038;transform-origin:center bottom;animation:kittyDeal .52s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(.12s + var(--deal-index) * 70ms)}.kitty-card b{font-size:13px;line-height:1}.kitty-card i{font-style:normal;font-size:19px;line-height:1}.kitty-card em{position:absolute;right:4px;bottom:3px;color:#251d186b;font-size:9px;font-style:normal}.kitty-card.hearts,.kitty-card.diamonds{color:var(--red)}.kitty-card.spades,.kitty-card.clubs{color:var(--blue)}.kitty-card.joker{color:var(--green)}.kitty-math{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kitty-math div,.kitty-total,.kitty-penalty{display:grid;gap:3px;min-width:0;padding:10px 8px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);animation:settleStep .46s ease both;animation-delay:calc(.85s + var(--step-index) * .26s)}.kitty-math span,.kitty-total span,.kitty-penalty span{color:#ffffffb3;font-size:12px;font-weight:800}.kitty-math strong,.kitty-total strong,.kitty-penalty strong{color:#f5dd97;font-size:21px;line-height:1.1}.kitty-total{grid-template-columns:auto 1fr;align-items:center;padding:13px 16px;background:linear-gradient(90deg,#f3d27cf2,#e0a241f0);color:#2f261c}.kitty-total span{color:#2f261cc2;text-align:left}.kitty-total strong{color:#2f261c;justify-self:end;font-size:32px}.kitty-penalty{grid-template-columns:auto 1fr;align-items:center;padding:12px 14px;background:#97281f47;border-color:#ffd2b83d}.kitty-penalty span{color:#ffd2b8;text-align:left}.kitty-penalty strong{justify-self:end;color:#ffe7d7;font-size:18px;text-align:right;overflow-wrap:anywhere}.muted-on-felt{color:#ffffffb8;grid-column:1 / -1}.phase-chip{justify-self:center;background:#f3d27c;color:#2f261c;padding:6px 12px;border-radius:999px;font-weight:800}.felt-action{justify-self:center;margin-top:4px;background:#f3d27c;color:#2f261c;box-shadow:0 10px 22px #00000029}.felt-action span{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#251d181f;font-weight:900}.score-burst{position:absolute;left:50%;top:53%;z-index:20;display:grid;gap:2px;min-width:150px;padding:10px 14px;border-radius:10px;background:#f3d27cf5;color:#2f261c;box-shadow:0 18px 36px #00000038;animation:scorePop 1.6s ease both;pointer-events:none}.score-burst strong{font-size:24px;line-height:1}.score-burst span{font-size:12px;font-weight:800}.seat{position:absolute;width:158px;min-height:82px;padding:9px 10px;color:var(--ink);background:linear-gradient(180deg,#fffcf2fa,#efe8d4f0);border:2px solid rgba(255,255,255,.6);border-radius:9px;display:grid;gap:7px;box-shadow:0 12px 30px #0000002e;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.seat.active{box-shadow:0 16px 36px #0003,0 0 0 3px #f3d27c3d}.seat.dealer{border-color:#f3d27c}.seat.mine{border-color:#8f2433b8}.seat.host-team{color:#fff;background:linear-gradient(180deg,#0e4b40fa,#092d2af5);border-color:#f3d27c;box-shadow:0 16px 36px #0000003d,inset 0 0 0 1px #f3d27c6b}.seat.score-winner{animation:winnerPulse 1.2s ease both}.turn-hourglass{position:absolute;top:-14px;left:14px;z-index:4;width:34px;height:34px;display:grid;place-items:center;color:#2f261c;background:#f3d27c;border:2px solid rgba(255,249,235,.9);border-radius:999px;box-shadow:0 10px 22px #251d1842}.turn-hourglass svg{animation:hourglassFlip 2.4s ease-in-out infinite;transform-origin:center}.turn-hourglass:after{content:"";position:absolute;top:10px;left:15px;width:4px;height:4px;border-radius:999px;background:#2f261c;opacity:.76;animation:sandDrop 1.2s ease-in-out infinite}.seat-0{left:50%;bottom:18px;transform:translate(-50%)}.seat-1{left:6%;bottom:110px}.seat-2{left:5%;top:120px}.seat-3{left:50%;top:18px;transform:translate(-50%)}.seat-4{right:5%;top:120px}.seat-5{right:6%;top:330px}.seat-6{right:6%;bottom:28px}.table-felt.settlement-mode .seat{width:154px;min-height:78px;padding:9px 10px;gap:7px;border-radius:9px;z-index:3;box-shadow:0 12px 26px #00000038,inset 0 0 0 1px #ffffff2e}.table-felt.settlement-mode .seat-0{left:50%;bottom:18px;transform:translate(-50%)}.table-felt.settlement-mode .seat-1{inset:auto auto 104px 22px}.table-felt.settlement-mode .seat-2{inset:218px auto auto 22px}.table-felt.settlement-mode .seat-3{left:50%;top:18px;transform:translate(-50%)}.table-felt.settlement-mode .seat-4{inset:218px 22px auto auto}.table-felt.settlement-mode .seat-5{inset:390px 22px auto auto}.table-felt.settlement-mode .seat-6{inset:auto 22px 104px auto}.seat-title{justify-content:space-between;min-width:0;font-size:18px;line-height:1;font-weight:900}.table-felt.settlement-mode .seat-title{gap:8px;font-size:17px;line-height:1}.seat-title>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-badges{display:inline-flex;align-items:center;gap:6px}.seat-badges em{font-style:normal;padding:3px 7px;border-radius:999px;background:#f3d27cf2;color:#2f261c;font-size:11px;font-weight:900}.table-felt.settlement-mode .seat-badges{gap:4px}.table-felt.settlement-mode .seat-badges em{padding:3px 6px;font-size:10px}.seat-avatar-toggle{width:28px;height:28px;min-height:28px;padding:0;border-radius:999px;color:var(--ink);background:#ffffffad;border:1px solid rgba(37,29,24,.12)}.table-felt.settlement-mode .seat-avatar-toggle{width:27px;height:27px;min-height:27px}.seat-avatar-toggle.bot-on{color:#fff;background:#2f261c}.seat-leave-button{color:#fff;background:#8f2433}.seat.host-team .seat-avatar-toggle{border-color:#ffffff38}.seat-meta{flex-wrap:wrap;gap:6px}.table-felt.settlement-mode .seat-meta{gap:6px}.seat-meta span{background:#251d1814;border-radius:999px;padding:4px 7px;font-size:11px;line-height:1}.table-felt.settlement-mode .seat-meta span{padding:4px 7px;font-size:11px}.seat.host-team .seat-meta span{background:#ffffff29}.seat-actions button{min-height:30px;padding:6px 9px;font-size:12px}.seat-actions:empty{display:none}.hand-dock{margin-top:18px;padding:14px;background:linear-gradient(180deg,#fff9ebf2,#eee2c5e6)}.hand-head{justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.cards{display:flex;align-items:flex-end;max-height:290px;overflow-x:auto;overflow-y:hidden;padding:34px 10px 14px}.card{position:relative;flex:0 0 66px;width:66px;height:96px;min-height:96px;margin-left:-24px;padding:7px;background:linear-gradient(135deg,#fff,#fff7e7);color:var(--ink);border:1px solid rgba(37,29,24,.18);border-radius:9px;display:grid;place-items:center;box-shadow:0 8px 14px #251d182e;transition:transform .12s ease,box-shadow .12s ease,outline-color .12s ease}.card:first-child{margin-left:0}.card:hover{transform:translateY(-10px);box-shadow:0 14px 22px #251d183d}.card.kitty-pickup{background:radial-gradient(circle at 50% 18%,rgba(255,235,142,.72),transparent 38%),linear-gradient(135deg,#fff8d5,#eec661 64%,#fff3bd);border-color:#70481894;box-shadow:0 10px 18px #623d1447,inset 0 0 0 2px #fff6beb8}.card.kitty-pickup:after{content:"底";position:absolute;top:5px;right:5px;width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:#164d42eb;color:#ffe78a;font-size:11px;font-weight:900;box-shadow:0 2px 6px #251d1838}.card.selected{transform:translateY(-18px);outline:3px solid var(--gold);outline-offset:-2px;box-shadow:0 10px 18px #251d182e,0 0 0 4px #f3d27c3d}.card.selected.kitty-pickup{box-shadow:0 12px 20px #623d1442,0 0 0 4px #f3d27c47,inset 0 0 0 2px #fff6beb8}.card.hearts,.card.diamonds{color:var(--red)}.card.spades,.card.clubs{color:var(--blue)}.card.joker{color:var(--green)}.card b{font-size:28px;line-height:1}.card small{position:absolute;right:6px;bottom:4px;color:#251d186b;font-size:10px}.corner{position:absolute;left:6px;display:grid;gap:0;justify-items:center;font-size:11px;font-weight:900;line-height:1}.corner em{font-style:normal;font-size:13px}.corner.top{top:6px}.corner.bottom{right:6px;bottom:15px;left:auto;transform:rotate(180deg)}.control-rail{display:grid;gap:14px;min-height:0}.return-confirm{display:grid;grid-template-columns:1fr 42px;gap:8px}.action-panel,.event-log,.replay-panel{padding:16px;display:grid;gap:12px}.event-log{min-height:0}.event-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.event-log-head span{color:#251d1894;font-size:12px;font-weight:800}.event-log-list{display:grid;gap:0;max-height:min(460px,calc(100vh - 340px));min-height:160px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}.action-stack,.friend-form,.friend-list{display:grid;gap:10px}.friend-input{display:grid;grid-template-columns:1fr 70px auto;gap:8px;align-items:center}.friend-input span{color:#251d18ad;font-size:13px;font-weight:800}.event-log p,.replay-panel p,.friend-list p{line-height:1.45;padding-bottom:8px;border-bottom:1px solid rgba(37,29,24,.08)}.event-log-list p{padding-top:8px}.friend-call-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.friend-call-row span{font-weight:900}.friend-call-row small{padding:4px 8px;border-radius:999px;background:#251d1814;white-space:nowrap}.friend-call-row.matched small{background:#17614e24;color:var(--green);font-weight:900}.event-log span{color:var(--green);font-weight:800;margin-right:8px}.error-box{background:#ffe5e9;color:#7e1524;border:1px solid rgba(182,41,61,.28);border-radius:8px;padding:10px 12px}@keyframes cardLand{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes kittyDeal{0%{opacity:0;transform:translateY(-18px) rotateX(72deg) scale(.92)}58%{opacity:1;transform:translateY(2px) rotateX(0) scale(1.03)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes bidCardReveal{0%{transform:translateY(18px) rotate(-4deg) scale(.86);opacity:0}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes settleStep{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes trickCollect{0%{box-shadow:inset 0 0 0 1px #f3d27c52}to{box-shadow:inset 0 0 0 1px #f3d27c2e}}@keyframes scorePop{0%{opacity:0;transform:translate(-50%,6px) scale(.98)}16%,74%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-6px) scale(.99)}}@keyframes winnerPulse{0%,to{box-shadow:0 16px 36px #0000003d,inset 0 0 0 1px #f3d27c6b}35%{box-shadow:0 16px 36px #0000003d,inset 0 0 0 2px #f3d27ce6,0 0 0 4px #f3d27c47}}@keyframes hourglassFlip{0%,44%{transform:rotate(0)}50%,94%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes sandDrop{0%{transform:translateY(-5px) scale(.72);opacity:0}35%,70%{opacity:.78}to{transform:translateY(6px) scale(.88);opacity:0}}@media(prefers-reduced-motion:reduce){.turn-hourglass svg,.turn-hourglass:after,.public-bid-card,.kitty-card,.kitty-math div,.kitty-total,.kitty-penalty{animation:none}}@media(max-width:980px){.game-layout,.lobby{grid-template-columns:1fr}.table-felt{min-height:760px}.seat{width:min(158px,40vw)}.seat-0{left:50%;bottom:14px}.seat-1{left:3%;bottom:148px}.seat-2{left:3%;top:150px}.seat-3{left:50%;top:14px}.seat-4{right:3%;top:150px}.seat-5{right:3%;top:390px}.seat-6{right:3%;bottom:24px}}@media(max-width:620px){.app-shell{padding:10px}.topbar{align-items:flex-start;flex-direction:column}.table-felt{min-height:1060px;border-radius:16px}.table-center{top:530px;width:calc(100% - 42px);z-index:1}.table-center.settlement-center{width:calc(100% - 30px)}.kitty-settlement{padding:12px}.kitty-head{align-items:flex-start;flex-direction:column;gap:7px}.kitty-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.kitty-card{height:58px}.kitty-math{grid-template-columns:repeat(2,minmax(0,1fr))}.kitty-total strong,.kitty-penalty strong{font-size:26px}.kitty-penalty{grid-template-columns:1fr}.kitty-penalty strong{justify-self:start;font-size:16px}.seat{width:calc(50% - 24px);min-height:84px;padding:10px;z-index:2}.seat-0,.seat-1,.seat-2,.seat-3,.seat-4,.seat-5,.seat-6{transform:none}.seat-0{left:50%;bottom:18px;width:min(220px,calc(100% - 24px));transform:translate(-50%)}.seat-1{inset:346px auto auto 10px}.seat-2{inset:210px auto auto 10px}.seat-3{inset:210px 10px auto auto}.seat-4{inset:74px auto auto 10px}.seat-5{inset:74px 10px auto auto}.seat-6{inset:346px 10px auto auto}.table-felt.settlement-mode{min-height:1420px}.table-felt.settlement-mode .table-center.settlement-center{top:960px;width:calc(100% - 30px)}.table-felt.settlement-mode .seat{width:calc(50% - 24px);min-height:82px;padding:10px}.table-felt.settlement-mode .seat-0{inset:438px auto auto 50%;width:min(220px,calc(100% - 24px));transform:translate(-50%)}.table-felt.settlement-mode .seat-1{inset:334px auto auto 10px}.table-felt.settlement-mode .seat-2{inset:206px auto auto 10px}.table-felt.settlement-mode .seat-3{inset:206px 10px auto auto;transform:none}.table-felt.settlement-mode .seat-4{inset:74px auto auto 10px}.table-felt.settlement-mode .seat-5{inset:74px 10px auto auto}.table-felt.settlement-mode .seat-6{inset:334px 10px auto auto}}