:root{--night: #09090d;--night-2: #101018;--ink: #171014;--majlis: #3c1420;--majlis-bright: #6e2034;--sand: #f2d199;--sand-bright: #ffe9bd;--pearl: #fff9ee;--mint: #62d6c4;--mint-dim: #2a776d;--coral: #e94d62;--muted: #a9a3a0;--line: rgba(242, 209, 153, .18);--line-strong: rgba(242, 209, 153, .42);--glass: rgba(17, 15, 21, .9);--font-ar: "Segoe UI", "Tahoma", system-ui, sans-serif;--card-w: clamp(54px, 15.5vw, 92px);--card-h: calc(var(--card-w) * 1.42);--card-radius: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{color:var(--pearl);background:var(--night);font-family:var(--font-ar);user-select:none}button,input{font:inherit}button{min-height:44px;color:var(--pearl);border:1px solid var(--line);border-radius:14px;background:#ffffff0b;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover:not(:disabled){border-color:var(--line-strong);background:#f2d19917}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--sand-bright);outline-offset:3px}button.primary{color:#1e1511;border-color:#ffe7b3;background:linear-gradient(135deg,#ffe4a6,#d8a850);box-shadow:inset 0 1px #fff9,0 12px 34px #d8a85033}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffecbd,#e5b75e)}button.big{min-height:56px;padding:12px 18px;font-size:16px;font-weight:800}button.ghost{background:transparent}#app{position:fixed;inset:0;display:flex;flex-direction:column}.screen{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 22px) 18px calc(env(safe-area-inset-bottom) + 22px);background:radial-gradient(circle at 16% 10%,rgba(110,32,52,.72),transparent 34rem),radial-gradient(circle at 92% 86%,rgba(42,119,109,.2),transparent 28rem),linear-gradient(145deg,#17121a,#08080c 72%)}.screen:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(30deg,transparent 47%,rgba(242,209,153,.06) 48% 52%,transparent 53%),linear-gradient(150deg,transparent 47%,rgba(242,209,153,.04) 48% 52%,transparent 53%);background-size:64px 110px;mask-image:radial-gradient(ellipse at center,black,transparent 80%)}.screen-shell{position:relative;width:min(430px,100%);display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px;overflow:hidden;border:1px solid rgba(242,209,153,.2);border-radius:8px 40px;background:linear-gradient(155deg,#1c141bf5,#0a0a0eeb);box-shadow:14px 14px #6e20342e,0 28px 90px #0000007a}.screen.entering .screen-shell,.screen.entering .room-shell{animation:screen-enter .5s cubic-bezier(.16,1,.3,1) both}@keyframes screen-enter{0%{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}.brand{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--sand);text-align:center}.brand .logo{width:126px;height:126px;filter:drop-shadow(10px 16px 24px rgba(0,0,0,.38))}.brand h1{margin:0;color:var(--pearl);font-size:clamp(54px,17vw,78px);font-weight:900;line-height:1;letter-spacing:-.08em;text-shadow:5px 5px 0 rgba(110,32,52,.72)}.brand .tag{margin:0;color:var(--sand);font-size:12px}.brand.compact{width:100%;flex-direction:row;justify-content:flex-start;gap:13px;text-align:right}.brand.compact .logo{width:72px;height:72px}.brand.compact h1{margin-top:3px;font-size:31px;letter-spacing:-.04em;text-shadow:3px 3px 0 rgba(110,32,52,.72)}.eyebrow{color:var(--sand);font-size:10px;font-weight:800;letter-spacing:.06em}.suit-line{display:flex;align-items:center;gap:13px;direction:ltr;color:var(--mint);font:17px Georgia,serif}.suit-line:before,.suit-line:after{content:"";width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong))}.suit-line:after{transform:scaleX(-1)}.red-suit{color:var(--coral)}.stack{width:100%;display:flex;flex-direction:column;gap:10px}.hero-actions{width:min(340px,100%)}.button-arrow{margin-inline-start:8px}.feature-row{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;padding-top:16px;color:#fff9ee80;border-top:1px solid var(--line);font-size:10px}.feature-row i{width:3px;height:3px;border-radius:50%;background:var(--sand)}.lobby-shell{gap:16px}.lobby-card{width:100%;display:flex;flex-direction:column;gap:11px;padding:16px;border:1px solid rgba(242,209,153,.13);border-radius:7px 26px;background:#00000030}.field-label{color:#fff9ee94;font-size:10px;font-weight:800}.name-input,.code-input{width:100%;min-width:0;min-height:50px;padding:10px 14px;color:var(--pearl);border:1px solid var(--line);border-radius:5px 16px;outline:0;background:#0202057a;font-weight:800}.name-input{text-align:right}.party-create{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;margin-top:3px;text-align:right}.party-create .button-icon{font-size:28px;font-weight:300}.party-create>span:last-child{display:flex;flex-direction:column}.party-create small,.room-actions button small{display:block;margin-top:2px;font-size:9px;font-weight:600;opacity:.6}.join-block{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.join-heading{display:flex;justify-content:space-between;align-items:center}.join-heading span{color:var(--pearl);font-size:12px;font-weight:800}.join-heading i{color:#fff9ee6b;font-size:9px;font-style:normal}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px;direction:ltr}.join-row button{min-width:84px;padding:0 18px;direction:rtl;font-weight:800}.code-input{direction:ltr;text-align:center;text-transform:uppercase;letter-spacing:.3em;font-size:18px}.code-input::placeholder{letter-spacing:0;font-size:12px;font-weight:500}.practice-link{min-height:0;padding:5px 12px;color:#fff9eea8;border:0;background:transparent;font-size:12px}.practice-link span{color:var(--sand)}.lobby-msg{margin:0;padding:9px 11px;color:#ffc2aa;border:1px solid rgba(233,77,98,.25);border-radius:10px;background:#e94d6214;font-size:11px;line-height:1.6}.fine{margin:0;color:#fff9ee66;font-size:9px;line-height:1.6;text-align:center}.room-screen{padding-inline:14px}.room-shell{width:min(470px,100%);display:flex;flex-direction:column;gap:15px}.room-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px}.room-head>div{text-align:center}.room-head span{color:var(--sand);font-size:9px;font-weight:800}.room-head h1{margin:1px 0 0;font-size:21px}.room-head .room-count{display:grid;place-items:center;width:42px;height:42px;color:var(--mint);border:1px solid rgba(98,214,196,.28);border-radius:50%;background:#62d6c414;font-size:11px}.icon-btn{width:42px;height:42px;min-height:42px;padding:0;border-radius:13px;font-size:22px;line-height:1}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line-strong);border-radius:6px 20px;background:linear-gradient(135deg,#6e20345c,#0c0b10eb);box-shadow:7px 7px #6e203429}.invite-card>div{display:flex;align-items:center;gap:11px}.invite-card span{color:#fff9ee8a;font-size:9px}.invite-card b{color:var(--sand-bright);font:900 27px Arial,sans-serif;letter-spacing:.18em}.copy-code{min-height:39px;padding:7px 11px;color:var(--sand);font-size:10px;font-weight:800}.room-hint{margin:0;color:#fff9ee8c;font-size:11px;text-align:center}.seat-map{position:relative;width:min(390px,94vw);height:min(430px,51vh);min-height:350px;align-self:center;border:1px solid rgba(242,209,153,.12);border-radius:34% 8%;background:radial-gradient(circle at center,rgba(98,214,196,.06),transparent 38%),linear-gradient(135deg,#6e20341f,#0000001f);box-shadow:inset 0 0 80px #00000047}.seat-links{position:absolute;inset:16%;pointer-events:none}.seat-links i{position:absolute;top:50%;left:50%;width:78%;height:2px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(98,214,196,.7),transparent)}.seat-links i:first-child{transform:translate(-50%,-50%) rotate(90deg);background:linear-gradient(90deg,transparent,rgba(233,77,98,.68),transparent)}.team-ribbon{position:absolute;z-index:1;color:#fff9ee61;font-size:8px;font-weight:800;letter-spacing:.08em}.team-ribbon-a{top:50%;right:7px;transform:translateY(-50%) rotate(90deg);color:var(--coral)}.team-ribbon-b{bottom:6px;left:50%;transform:translate(-50%);color:var(--mint)}.party-seat{position:absolute;z-index:2;width:min(150px,39vw);min-height:72px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;padding:9px;text-align:right;border-radius:6px 18px;background:#0a0a0eeb}.party-seat-top,.party-seat-bottom{left:50%;transform:translate(-50%)}.party-seat-top{top:15px}.party-seat-bottom{bottom:15px}.party-seat-left{left:10px;top:50%;transform:translateY(-50%)}.party-seat-right{right:10px;top:50%;transform:translateY(-50%)}.party-seat:not(:disabled):active{transform:scale(.97)}.party-seat-top:not(:disabled):active,.party-seat-bottom:not(:disabled):active{transform:translate(-50%) scale(.97)}.party-seat-left:not(:disabled):active,.party-seat-right:not(:disabled):active{transform:translateY(-50%) scale(.97)}.party-seat.available{border-style:dashed;color:#fff9eeb8}.party-seat.you{border-color:var(--sand);background:linear-gradient(135deg,#f2d19929,#0a0a0ef0);box-shadow:6px 6px #f2d1991c}.party-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px 5px;color:var(--night);background:var(--mint);font-weight:900}.party-seat-top .party-avatar,.party-seat-bottom .party-avatar{background:var(--coral)}.party-seat>span:last-child{min-width:0;display:flex;flex-direction:column}.party-seat b{overflow:hidden;color:var(--pearl);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.party-seat small{color:#fff9ee75;font-size:8px}.cycle-seat{position:absolute;z-index:3;top:50%;left:50%;width:66px;height:66px;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:var(--sand);border-color:#f2d19957;border-radius:50%;background:#16121a;box-shadow:0 0 0 9px #f2d19909,0 10px 28px #00000061}.cycle-seat:active{transform:translate(-50%,-50%) scale(.96)}.cycle-seat span{font-size:24px}.cycle-seat small{margin-top:-2px;font-size:8px}.room-actions{width:100%}.room-actions>button{width:100%}.waiting-host{margin:0;padding:14px;color:#fff9eea8;border:1px solid var(--line);border-radius:14px;background:#ffffff09;font-size:12px;text-align:center}.gamebar{position:relative;z-index:50;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"actions brand score" "contract contract contract";align-items:center;gap:7px 10px;padding:calc(env(safe-area-inset-top) + 8px) 10px 9px;border-bottom:1px solid rgba(242,209,153,.13);background:#09090df2;box-shadow:0 10px 28px #0000003d;backdrop-filter:blur(18px)}.gamebar-actions{grid-area:actions;display:flex;gap:6px}.gamebar-brand{grid-area:brand;justify-self:center;display:flex;flex-direction:column;align-items:center;line-height:1}.gamebar-brand b{color:var(--pearl);font-size:18px}.gamebar-brand span{margin-top:3px;color:var(--sand);font-size:7px}.gamebar .icon-btn{width:36px;height:36px;min-height:36px;color:#fff9eead;font-size:18px}.match-score{grid-area:score;min-width:164px;min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;padding:4px 8px;border-color:#f2d1992e;border-radius:5px 15px;background:linear-gradient(110deg,#e94d6214,#f2d19909 48%,#62d6c414)}.score-team{display:grid;grid-template-columns:auto auto;grid-template-areas:"label value" "points points";align-items:center;justify-content:center;gap:0 5px}.score-team small{grid-area:label;color:#fff9eeb3;font-size:8px;font-weight:800}.score-team b{grid-area:value;display:grid;place-items:center;width:24px;height:24px;border-radius:8px 3px;color:var(--night);background:var(--coral);font:900 14px Arial,sans-serif}.score-team.score-them b{background:var(--mint)}.score-team em{grid-area:points;margin-top:-1px;color:#fff9ee6b;font-size:6px;font-style:normal}.score-title{display:flex;flex-direction:column;align-items:center;color:var(--sand)}.score-title i{font-size:6px;font-style:normal;opacity:.58}.score-title strong{margin-top:-5px;font:900 16px Arial,sans-serif}.contract-meter{grid-area:contract;display:flex;justify-content:center}.contract-board{width:min(100%,480px);min-height:44px;display:grid;grid-template-columns:minmax(90px,1fr) minmax(110px,1.2fr) auto;align-items:center;gap:10px;padding:5px 10px;border:1px solid rgba(242,209,153,.2);border-radius:4px 14px;background:#f2d1990b}.contract-call{min-width:0;display:flex;flex-direction:column}.contract-call small{color:#fff9ee7a;font-size:7px}.contract-call b{overflow:hidden;color:var(--sand);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.contract-suit{display:inline-grid;width:22px;height:22px;margin-inline-start:3px;place-items:center;border-radius:7px 3px;background:#f5ecdd;font-size:18px;line-height:1;vertical-align:-5px}.contract-suit.suit-r{color:#b91f38}.contract-suit.suit-b{color:#121016}.contract-progress{display:flex;flex-direction:column;align-items:center;gap:4px}.contract-progress small{color:#fff9ee99;font-size:8px;font-weight:800}.contract-count{display:grid;grid-template-columns:auto auto auto;align-items:baseline;gap:3px;direction:ltr}.contract-count b{color:var(--mint);font:900 21px Arial,sans-serif}.contract-count strong{color:var(--sand);font:900 21px Arial,sans-serif}.contract-count i{color:#fff9ee66;font-size:7px;font-style:normal}.tricks{display:flex;gap:4px;direction:ltr}.pipdot{width:8px;height:8px;border:1px solid rgba(242,209,153,.42);border-radius:50%}.pipdot.on{background:var(--sand)}.pipdot.need{border-style:dashed;border-color:var(--pearl)}.table{position:relative;isolation:isolate;flex:1 1 auto;min-height:0;overflow:hidden;background:linear-gradient(30deg,transparent 47%,rgba(242,209,153,.025) 48% 52%,transparent 53%) 0 0 / 72px 124px,linear-gradient(150deg,transparent 47%,rgba(242,209,153,.018) 48% 52%,transparent 53%) 0 0 / 72px 124px,radial-gradient(ellipse 84% 64% at 50% 48%,#271823,#0d0d13 72%);box-shadow:inset 0 0 120px #0000009e}.table:before,.table:after{content:"";position:absolute;z-index:-1;pointer-events:none}.table:before{inset:18px;border:1px solid rgba(242,209,153,.08);border-radius:34% 8%}.table:after{top:50%;left:50%;width:min(74vw,430px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(98,214,196,.075);border-radius:24%;box-shadow:0 0 0 22px #e94d6205,inset 0 0 90px #00000038}.table-geometry{position:absolute;inset:0;pointer-events:none}.table-geometry i{position:absolute;width:70px;height:70px;border:1px solid rgba(242,209,153,.08)}.table-geometry i:nth-child(1){top:7%;right:-34px;transform:rotate(45deg)}.table-geometry i:nth-child(2){bottom:12%;left:-34px;transform:rotate(45deg)}.table-geometry i:nth-child(3){top:42%;left:50%;transform:translate(-50%,-50%) rotate(45deg);opacity:.5}.table-center{position:absolute;top:50%;left:50%;width:84px;height:84px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(242,209,153,.1);border-radius:24%;color:#f2d1990f;font-size:44px}.table-center span{transform:rotate(-45deg)}.seat{position:absolute;z-index:12;min-width:132px;max-width:196px;min-height:56px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"avatar copy count";align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:6px 16px;background:#08080cd1;box-shadow:0 8px 24px #0000004d;backdrop-filter:blur(10px)}.seat-top,.seat-bottom{left:50%;transform:translate(-50%)}.seat-top{top:12px}.seat-bottom{bottom:12px}.seat-left{left:8px;top:50%;transform:translateY(-50%)}.seat-right{right:8px;top:50%;transform:translateY(-50%)}.seat-left,.seat-right{width:118px;min-width:118px;max-width:118px;grid-template-columns:34px minmax(0,1fr) 22px;gap:5px;padding-inline:6px}.player-avatar{grid-area:avatar;width:42px;height:42px;display:grid;place-items:center;color:#07100f;border-radius:11px 4px;background:var(--mint);font-size:17px;font-weight:900}.seat.rival .player-avatar{color:#17080b;background:var(--coral)}.seat-left .player-avatar,.seat-right .player-avatar{width:34px;height:34px;font-size:14px}.player-copy{grid-area:copy;min-width:0;display:flex;flex-direction:column}.seat-name{overflow:hidden;color:var(--pearl);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.seat-role{color:#fff9ee61;font-size:10px;font-weight:700}.seat.active{border-color:var(--sand);background:#2d1e1cf0;box-shadow:5px 5px #f2d1991c,0 8px 28px #00000057}.seat.is-me{border-color:#62d6c447}.dots{grid-area:count;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.dots b{color:var(--sand);font:900 13px Arial,sans-serif}.dots small{margin-top:2px;color:#fff9ee61;font-size:6px}.shuftag{position:absolute;top:-10px;right:10px;padding:3px 8px;color:var(--night);border-radius:99px;background:var(--sand);font-size:10px;font-weight:900}.bidtag{position:absolute;bottom:-15px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;color:var(--night);border-radius:99px;background:var(--sand);font-size:14px;font-weight:900}.bidtag-note{font-size:8px;font-style:normal;opacity:.65}.suit-r{color:var(--coral)}.suit-b{color:var(--pearl)}.bidtag .suit-r{color:#b91f38}.bidtag .suit-b{color:#121016}.bidtag-suit{font-size:25px;line-height:.72}.seat-top .bidtag,.seat-bottom .bidtag{top:50%;right:calc(100% + 6px);bottom:auto;left:auto;transform:translateY(-50%)}.card{width:var(--card-w);height:var(--card-h);flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;direction:ltr;color:#171216;border:1px solid rgba(31,22,14,.28);border-radius:var(--card-radius);background:linear-gradient(135deg,rgba(255,255,255,.9),transparent 34%),linear-gradient(160deg,#fffefb,#ece2d2);box-shadow:0 6px 14px #0000006b,inset 0 1px #ffffffe6;font-weight:900}.card .idx,.card .bot{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--card-w) * .29);line-height:1}.card .mid{align-self:center;font-size:calc(var(--card-w) * .46);line-height:1}.card .bot{align-self:flex-end;transform:rotate(180deg)}.card.red{color:#be2d42}.card.joker{color:var(--sand-bright);border-color:#f2d1996b;background:linear-gradient(145deg,#2a1724,#0f0d14)}.card.joker .mid{font-size:calc(var(--card-w) * .37)}.hand{position:relative;z-index:35;flex:0 0 auto;min-height:calc(var(--card-h) + 28px);display:flex;justify-content:center;align-items:flex-end;padding:10px 8px calc(env(safe-area-inset-bottom) + 14px);direction:ltr;background:linear-gradient(180deg,#09090d33,#09090dfa 40%)}.hand:before{content:"";position:absolute;top:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.hand .card{position:relative;transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}.hand .card+.card{margin-left:var(--ov, -6px)}.hand .card[class*=g-]{border-bottom-width:7px}.hand .card.g-S{border-bottom-color:#202b39}.hand .card.g-C{border-bottom-color:#2b8875}.hand .card.g-H{border-bottom-color:#c73a4d}.hand .card.g-D{border-bottom-color:#d69437}.hand .card.g-J{border-bottom-color:#815ca8}.hand .card.playable{cursor:pointer;box-shadow:0 8px 17px #0000007a,0 0 0 2px #f2d199b8}.hand .card.playable:hover{transform:translateY(-5px)}.hand .card.playable:active{transform:translateY(-2px) scale(.97)}.hand .card.blocked{filter:brightness(.46) saturate(.38) contrast(.92)}.trick{position:absolute;inset:0;z-index:14;pointer-events:none}.trick-target{position:absolute;top:50%;left:50%;width:min(42vw,190px);height:min(42vw,190px);transform:translate(-50%,-50%) rotate(45deg);border:1px dashed rgba(242,209,153,.09);border-radius:25%}.trick .card{position:absolute;top:50%;left:50%}.trick .card.p-bottom{transform:translate(-50%,24%) rotate(3deg)}.trick .card.p-top{transform:translate(-50%,-124%) rotate(-3deg)}.trick .card.p-left{transform:translate(-115%,-50%) rotate(-8deg)}.trick .card.p-right{transform:translate(15%,-50%) rotate(8deg)}.trick .card.fresh.p-bottom{--throw-x: 0px;--throw-y: 190px}.trick .card.fresh.p-top{--throw-x: 0px;--throw-y: -190px}.trick .card.fresh.p-left{--throw-x: -190px;--throw-y: 0px}.trick .card.fresh.p-right{--throw-x: 190px;--throw-y: 0px}.trick .card.fresh{animation:card-throw .31s cubic-bezier(.16,1,.3,1) both}@keyframes card-throw{0%{opacity:0;translate:var(--throw-x) var(--throw-y);scale:.78}to{opacity:1;translate:0 0;scale:1}}.trick.sweep{animation-duration:.43s;animation-timing-function:cubic-bezier(.6,0,.9,.45);animation-fill-mode:forwards}.trick.sweep-bottom{animation-name:sweep-bottom}.trick.sweep-top{animation-name:sweep-top}.trick.sweep-left{animation-name:sweep-left}.trick.sweep-right{animation-name:sweep-right}@keyframes sweep-bottom{to{opacity:0;transform:translateY(72%) scale(.58) rotate(4deg)}}@keyframes sweep-top{to{opacity:0;transform:translateY(-72%) scale(.58) rotate(-4deg)}}@keyframes sweep-left{to{opacity:0;transform:translate(-78%) scale(.58) rotate(-5deg)}}@keyframes sweep-right{to{opacity:0;transform:translate(78%) scale(.58) rotate(5deg)}}.trump-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sand);font-size:clamp(64px,22vw,126px);opacity:.045}.table-motion{position:absolute;inset:0;z-index:58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--sand);background:#08080c80;backdrop-filter:blur(5px);pointer-events:none}.table-motion>span{font-size:12px;font-weight:800}.shuffle-deck{position:relative;width:82px;height:112px}.shuffle-deck i{position:absolute;inset:0;border:2px solid rgba(242,209,153,.48);border-radius:12px;background:linear-gradient(45deg,transparent 46%,rgba(242,209,153,.22) 47% 53%,transparent 54%) 0 0 / 16px 16px,#341621;box-shadow:0 10px 24px #00000057;animation:shuffle-card .7s cubic-bezier(.2,.8,.2,1) both}.shuffle-deck i:nth-child(1){animation-delay:0ms}.shuffle-deck i:nth-child(2){animation-delay:70ms}.shuffle-deck i:nth-child(3){animation-delay:.14s}.shuffle-deck i:nth-child(4){animation-delay:.21s}.shuffle-deck i:nth-child(5){animation-delay:.28s}@keyframes shuffle-card{0%{opacity:0;transform:translate(0) rotate(0)}45%{opacity:1;transform:translate(64px) rotate(10deg)}to{opacity:1;transform:translate(0) rotate(calc((var(--deal-i, 0) - 2) * 1.2deg))}}.deal-motion>div{position:relative;width:70px;height:96px}.deal-motion i{position:absolute;inset:0;border:1px solid rgba(242,209,153,.48);border-radius:9px;background:#341621;animation:deal-flight .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--deal-i) * 36ms)}.deal-motion i:nth-child(4n+1){--dx: 0px;--dy: 210px}.deal-motion i:nth-child(4n+2){--dx: 210px;--dy: 0px}.deal-motion i:nth-child(4n+3){--dx: 0px;--dy: -210px}.deal-motion i:nth-child(4n){--dx: -210px;--dy: 0px}@keyframes deal-flight{0%{opacity:0;transform:translate(0) scale(.8)}35%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.54) rotate(9deg)}}.overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;background:#05050894;backdrop-filter:blur(7px)}.overlay.low{align-items:flex-end;padding-bottom:12px}.overlay-stack{width:min(440px,100%);display:flex;flex-direction:column;gap:8px}.panel{width:100%;padding:21px 18px 18px;color:var(--pearl);border:1px solid rgba(242,209,153,.22);border-radius:7px 28px;background:linear-gradient(135deg,rgba(110,32,52,.2),transparent 38%),#0e0d12fa;box-shadow:11px 11px #6e203421,0 24px 70px #00000085;text-align:center}.panel h2{margin:0 0 6px;color:var(--sand-bright);font-size:20px}.panel p{margin:0 0 14px;color:#fff9eea1;font-size:12px;line-height:1.75}.panel .panel-note{padding:8px 10px;border:1px solid rgba(242,209,153,.13);border-radius:10px;background:#f2d1990d}.btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.btn-row button{padding:10px 16px;font-weight:800}.suit-btn{min-width:62px;font-size:22px}.toast{position:absolute;top:50%;left:50%;z-index:80;max-width:84vw;padding:13px 22px;transform:translate(-50%,-50%);color:var(--sand-bright);border:1px solid var(--sand);border-radius:5px 18px;background:#0c0b10f5;box-shadow:8px 8px #6e20342b,0 20px 60px #00000080;font-size:15px;font-weight:900;text-align:center}.toast small{display:block;margin-top:4px;color:#fff9ee9e;font-size:9px;font-weight:500}.bid-calls{position:absolute;inset:0;z-index:66;pointer-events:none}.bid-call{position:absolute;min-width:86px;display:flex;flex-direction:column;align-items:center;padding:7px 12px;border:1px solid rgba(242,209,153,.16);border-radius:4px 14px;background:#08080cf0;box-shadow:0 10px 26px #00000059}.bid-call small{max-width:100px;overflow:hidden;color:#fff9ee7a;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.bid-call b{color:var(--pearl);font-size:clamp(22px,5vw,32px);line-height:1.08;white-space:nowrap}.bid-call-top{top:82px;left:50%;transform:translate(-50%)}.bid-call-bottom{bottom:18px;left:50%;transform:translate(-50%)}.bid-call-left{top:50%;left:18px;transform:translateY(-50%)}.bid-call-right{top:50%;right:18px;transform:translateY(-50%)}.table:has(.overlay.low) .bid-call-bottom{bottom:346px}.bid-call.now,.bid-call.high{border-color:var(--sand);background:linear-gradient(145deg,#51392bf5,#120e12f5)}.bid-call.now b,.bid-call.high b{color:var(--sand)}.bid-call.now small{color:var(--sand-bright);font-size:15px;font-weight:900;text-shadow:0 0 18px rgba(242,209,153,.32)}.bid-call.wait{opacity:.35}.bid-call.passed b{color:#fff9ee85}.bid-call.high b{color:var(--sand-bright)}@media (max-width: 430px){.bid-call{min-width:72px;padding:6px 8px}.bid-call-left{left:7px}.bid-call-right{right:7px}.bid-call-top{top:76px}.table:has(.overlay.low) .bid-call-bottom{bottom:346px}}.result-line{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px solid rgba(242,209,153,.1);font-size:12px}.result-line span{color:#fff9ee8c}.result-line b{color:var(--sand)}.sb{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}.sb-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(242,209,153,.11);border-radius:5px 14px;background:#ffffff06;font-size:12px}.sb-who{text-align:right;font-weight:800}.sb-kout{color:var(--sand);letter-spacing:.14em}.sb-kout b{font-size:10px;letter-spacing:0}.sb-pts{color:#fff9ee7a;font-size:9px}.sb-note{margin:0 0 12px;color:#fff9ee75;font-size:9px}@media (min-width: 760px){#app{inset:0 auto 0 50%;width:min(100%,780px);transform:translate(-50%);border-inline:1px solid rgba(242,209,153,.08);box-shadow:0 0 110px #00000085}.screen{width:100vw;margin-left:calc((min(100vw,780px) - 100vw)/2)}}@media (max-width: 390px){.screen-shell{padding:22px 16px;border-radius:7px 30px}.seat-map{min-height:330px}.party-seat{width:136px;grid-template-columns:34px 1fr}.party-avatar{width:34px;height:34px}.seat{min-width:120px;max-width:152px}.seat-left,.seat-right{width:112px;min-width:112px;max-width:112px}.match-score{min-width:148px;padding-inline:6px}.contract-board{grid-template-columns:minmax(80px,1fr) minmax(98px,1fr) auto;gap:7px;padding-inline:8px}}@media (max-height: 680px){.screen{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}.screen-shell{gap:12px;padding-block:18px}.brand .logo{width:90px;height:90px}.brand h1{font-size:43px}.seat-map{height:340px;min-height:310px}:root{--card-w: clamp(44px, 12vw, 68px)}}@media (orientation: landscape) and (max-height: 560px){:root{--card-w: 64px;--card-h: 91px}#app{inset:0;width:100%;max-width:none;transform:none;border:0}.gamebar{grid-template-columns:auto 46px minmax(210px,1fr) 158px;grid-template-areas:"actions brand contract score";gap:8px;padding:calc(env(safe-area-inset-top) + 4px) max(8px,env(safe-area-inset-right)) 5px max(8px,env(safe-area-inset-left))}.gamebar-brand b{font-size:16px}.gamebar-brand span{font-size:6px}.gamebar .icon-btn{width:34px;height:34px;min-height:34px}.match-score{min-width:150px;min-height:40px}.contract-board{width:100%;min-height:40px;grid-template-columns:minmax(84px,1fr) minmax(92px,1.1fr) auto;gap:7px;padding:3px 8px}.contract-call b{font-size:11px}.contract-count b,.contract-count strong{font-size:18px}.pipdot{width:7px;height:7px}.hand{min-height:calc(var(--card-h) + 12px);padding:4px max(8px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 5px) max(8px,env(safe-area-inset-left))}.table:before{inset:6px}.table:after{width:min(38vw,260px)}.seat{min-height:46px;padding-block:4px}.seat-top{top:5px}.seat-bottom{bottom:5px}.seat-left{left:max(6px,env(safe-area-inset-left))}.seat-right{right:max(6px,env(safe-area-inset-right))}.player-avatar{width:36px;height:36px;font-size:14px}.seat-left .player-avatar,.seat-right .player-avatar{width:32px;height:32px;font-size:13px}.seat-name{font-size:12px}.seat-role{font-size:8px}.shuftag{top:-6px;padding:2px 6px;font-size:8px}.bidtag{padding:3px 7px;font-size:11px}.bidtag-suit{font-size:19px}.trick .card.p-top{transform:translate(-50%,-68%) rotate(-3deg)}.trick .card.p-bottom{transform:translate(-50%,-32%) rotate(3deg)}.trick .card.p-left{transform:translate(-115%,-50%) rotate(-8deg)}.trick .card.p-right{transform:translate(15%,-50%) rotate(8deg)}.overlay{padding:5px}.overlay.low{align-items:center;padding-bottom:5px}.overlay-stack{width:min(320px,46vw)}.panel{padding:9px 12px;border-radius:5px 18px}.panel h2{margin-bottom:2px;font-size:15px}.panel p{margin-bottom:6px;font-size:10px;line-height:1.35}.btn-row{gap:4px}.btn-row button{min-height:34px;padding:5px 10px;font-size:11px}.suit-btn{min-width:52px;font-size:18px}.bid-call{min-width:68px;padding:4px 8px}.bid-call b{font-size:20px}.bid-call-top{top:5px}.bid-call-bottom{bottom:5px}.bid-call-left{left:max(6px,env(safe-area-inset-left))}.bid-call-right{right:max(6px,env(safe-area-inset-right))}.table:has(.overlay.low) .bid-call-bottom{bottom:5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}