@font-face{font-family:Roboto Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-slab-latin-700-normal-WCCj9XVQ.woff2)format("woff2"),url(/assets/roboto-slab-latin-700-normal-ThI0IOtl.woff)format("woff")}body{background:radial-gradient(at 50% 38%,#2f916957,#0000 48%),radial-gradient(at 50% 110%,#02312157,#0000 56%),linear-gradient(#167553 0%,#126b4b 58%,#0e5f42 100%);height:100svh;overflow:hidden}.landlord-layout{flex-direction:column;gap:8px;width:100%;max-width:1180px;height:100%;margin-inline:auto;padding:clamp(8px,2vmin,20px);display:flex;overflow:hidden}.round-copy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.top-bar{flex:none;grid-template-columns:minmax(0,1fr) clamp(60px,18vw,148px) minmax(0,1fr);gap:8px;display:grid}.table-player{color:#fff;justify-self:start;align-items:center;gap:8px;width:174px;min-width:0;padding:4px;display:flex;position:relative}.table-player[data-position=right]{flex-direction:row-reverse;justify-self:end}.player-profile{flex-direction:row;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.table-player[data-position=right] .player-profile{flex-direction:row-reverse}.table-player[data-position=right] .player-copy{text-align:right;align-items:flex-end}.table-player[data-position=self]{place-self:center end;width:142px}.table-player[data-position=self] .player-profile{width:100%}.table-player.is-current .seat-marker{border-color:#ffe39a;animation:1.6s ease-in-out infinite turn-pulse;box-shadow:0 0 0 3px #ffde8538,0 5px 14px #092e2040}.table-player.is-landlord .seat-marker{background:#c89032}.table-player.is-landlord .player-copy span{color:#ffdc82;font-weight:800}.table-player.is-winner .seat-marker{box-shadow:0 0 0 3px #fff0a659,0 0 20px #ffe68457}.table-player.is-winner .player-copy strong{color:#ffe5a3}.seat-marker{aspect-ratio:1;background:#5a9cea;border:2px solid #ffffff94;border-radius:50%;flex:0 0 30px;width:30px;height:30px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 4px 10px #072c1f38}.seat-marker:before,.seat-marker:after{content:"";background:#ffffffe0;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.seat-marker:before{width:8px;height:8px;top:5px}.seat-marker:after{border-radius:9px 9px 5px 5px;width:15px;height:9px;bottom:4px}.seat-marker img{z-index:1;border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.seat-marker img[hidden],.seat-marker.has-avatar:before,.seat-marker.has-avatar:after{display:none}.seat-left .seat-marker{background:#ed9b48}.seat-right .seat-marker{background:#a66ace}.player-copy{flex-direction:column;align-items:flex-start;gap:4px;width:64px;min-width:0;display:flex}.player-copy strong{text-shadow:0 1px 2px #0425196b;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.78rem;overflow:hidden}.player-copy span{color:#ffffffbd;min-height:1em;font-size:.62rem;line-height:1}.opponent-hand{background:#04312247;border-radius:7px;flex:none;align-items:center;gap:4px;padding:3px 5px 3px 3px;display:flex}.mini-card-stack{width:26px;height:30px;position:relative}.mini-card-stack i{background:repeating-linear-gradient(45deg,#fff9e9,#fff9e9 3px,#dfc791 3px 5px);border:1px solid #745b2d73;border-radius:3px;width:18px;height:27px;position:absolute;top:0;box-shadow:0 2px 3px #0a251b2e}.mini-card-stack i:first-child{left:0}.mini-card-stack i:nth-child(2){left:4px}.mini-card-stack i:nth-child(3){left:8px}.opponent-hand>strong{text-shadow:0 1px 2px #0425196b;min-width:1.5em;font-size:.76rem}.opponent-hand>strong:before{color:#ffffff8c;content:"×";margin-right:1px}.opponent-hand.is-empty{background:#6648124d;border:1px solid #ffe2974d;padding:5px 8px}.opponent-hand.is-empty .mini-card-stack{display:none}.opponent-hand.is-empty>strong{color:#ffe39b;font-size:.68rem}.opponent-hand.is-empty>strong:before{content:none}.table-player[data-position=self] .opponent-hand{display:none}.bid-status{color:#ffe39a;white-space:nowrap;background:#664812b8;border:1px solid #ffde8b6b;border-radius:999px;padding:4px 8px;font-size:.66rem;font-weight:800;line-height:1;position:absolute;top:calc(100% + 4px);left:38px}.bid-status[hidden]{display:none}.bid-status.is-pass{color:#ffffffb8;background:#04312294;border-color:#fff3}.table-player[data-position=right] .bid-status{left:auto;right:38px}.table-player[data-position=self] .bid-status{top:auto;bottom:calc(100% + 4px)}.table-stage{flex-direction:column;flex:clamp(64px,16svh,72px);justify-content:center;align-items:center;min-height:0;display:flex;position:relative}@keyframes turn-pulse{0%,to{box-shadow:0 0 0 3px #ffde852e,0 5px 14px #092e2040}50%{box-shadow:0 0 0 6px #ffde854d,0 5px 16px #092e2047}}@media (prefers-reduced-motion:reduce){.table-player.is-current .seat-marker{animation:none}.bottom-cards{transition:none!important}.bottom-cards.is-revealing .bottom-card{animation:none!important}}.bottom-cards{--collect-x:0px;--collect-y:0px;perspective:360px;will-change:opacity, transform;z-index:4;gap:clamp(5px,1.2svh,7px);display:flex;position:relative}.bottom-cards.is-revealing{transition:opacity .75s,filter .75s,transform .75s cubic-bezier(.32,.72,0,1)}.bottom-cards[hidden]{display:none}.bottom-cards.is-collecting{opacity:0;filter:blur(1px);transform:translate(var(--collect-x), var(--collect-y)) scale(.76)}.table-meta{color:#ffffffb8;margin-top:12px;font-size:.72rem;font-weight:800}.table-meta strong{color:#fff;margin-left:1px}.bottom-card-back{aspect-ratio:5/7;background:repeating-linear-gradient(45deg,#f7efe0,#f7efe0 4px,#e6d4af 4px 7px);border:1px solid #ded3b4;border-radius:4px;width:clamp(50px,13.5svh,70px);box-shadow:0 2px #00000024}.table-message{color:#ffffffbd;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #042a1c61;white-space:nowrap;max-width:148px;margin:0;font-size:.82rem;font-weight:700;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.table-info{text-align:center;flex-direction:column;place-self:start center;align-items:center;gap:4px;width:100%;min-width:0;display:flex;position:relative}.table-plays,.pass-markers{pointer-events:none;z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:8px;width:min(100%,960px);padding-top:8px;display:grid;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.last-play{justify-content:center;align-items:center;width:100%;display:flex}.last-play.is-two-row{flex-direction:column;gap:0}.table-card-row{justify-content:center;display:flex}.table-card-row+.table-card-row{margin-top:clamp(-32.5px,-2.8vw,-27px)}.last-play .table-card+.table-card{margin-left:clamp(-29px,-2.5vw,-24px)}.last-play[data-position=left]{grid-area:1/1;justify-self:center}.last-play[data-position=right]{grid-area:1/2;justify-self:center}.last-play[data-position=self]{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.turn-spinner{aspect-ratio:5/7;place-items:center;width:clamp(48px,5vw,58px);display:grid}.turn-spinner:before{aspect-ratio:1;content:"";border:3px solid #ffffff3d;border-top-color:#ffffffe0;border-radius:50%;width:22px;animation:.7s linear infinite turn-spinner-rotate}.turn-spinner[data-position=left]{grid-area:1/1;justify-self:center}.turn-spinner[data-position=right]{grid-area:1/2;justify-self:center}.turn-spinner[data-position=self]{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes turn-spinner-rotate{to{transform:rotate(1turn)}}.pass-marker{aspect-ratio:5/7;place-items:center;width:clamp(48px,5vw,58px);display:grid}.pass-marker>span{color:#fffc;text-shadow:0 1px 2px #042a1c59;white-space:nowrap;background:#07432d94;border:1px solid #ffffff29;border-radius:999px;padding:5px 10px;font-size:1rem;font-weight:800;line-height:1}.pass-marker[data-position=left]{grid-area:1/1;justify-self:center}.pass-marker[data-position=right]{grid-area:1/2;justify-self:center}.pass-marker[data-position=self]{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.table-card,.bottom-card,.hand-card{color:#252729;font-variant-numeric:lining-nums tabular-nums;background:#fff;border:1px solid #cfd1cc;border-radius:5px;flex-direction:column;align-items:flex-start;font-family:Roboto Slab,Rockwell,Times New Roman,serif;font-weight:700;line-height:1;display:inline-flex}.table-card{aspect-ratio:5/7;flex:none;width:clamp(48px,5vw,58px);min-height:0;padding:4px;box-shadow:0 3px #00000029}.bottom-card{aspect-ratio:5/7;border-radius:4px;width:clamp(50px,13.5svh,70px);padding:4px;box-shadow:0 2px #00000024}.bottom-cards.is-revealing .bottom-card{animation:.52s cubic-bezier(.22,.8,.3,1) both bottom-card-flip;animation-delay:calc(var(--reveal-index,0) * 80ms);backface-visibility:hidden}@keyframes bottom-card-flip{0%{opacity:.2;transform:rotateY(88deg)translateY(-3px)}to{opacity:1;transform:rotateY(0)translateY(0)}}.hand-card{z-index:var(--card-index,0);aspect-ratio:5/7;cursor:pointer;justify-self:center;width:auto;height:100%;padding:7px 6px;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative;box-shadow:0 3px 8px #1f252124,inset 0 1px #ffffffe6}@media (hover:hover) and (pointer:fine){.hand-card:not(:disabled):not(.is-selected):hover{border-color:#16755b;transform:translateY(-5px);box-shadow:0 7px 16px #1f48372e}}.hand-card.is-selected{background:#fff;border-color:#cfd1cc;transform:translateY(-12px);box-shadow:0 9px 18px #1f483733,inset 0 1px #ffffffe6}.hand-card:disabled{cursor:default}.is-red{color:#c53934}.card-face{text-align:left;justify-content:flex-start;width:100%;height:100%;display:flex;container-type:size}.card-corner{flex-direction:column;align-items:center;gap:clamp(1px,4cqi,4px);display:inline-flex}.card-rank{letter-spacing:-.025em;font-size:clamp(1.1rem,40cqi,1.5rem);line-height:.9}.card-suit{font-family:Arial,Helvetica Neue,sans-serif;font-size:clamp(1rem,36cqi,1.35rem);line-height:.9}.is-ten .card-rank{letter-spacing:-.08em}.joker-word{flex-direction:column;justify-content:space-between;height:100%;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(.7rem,min(30cqi,20cqb),1.5rem);font-weight:900;line-height:.8;display:flex}.lower-area{flex:none;grid-template-rows:auto clamp(113px,28svh,140px);grid-template-columns:minmax(108px,1fr) auto minmax(108px,1fr);gap:8px;display:grid}.lower-area>.table-player{grid-area:1/1}.action-zone{grid-area:1/2;justify-content:center;justify-self:center;align-items:center;width:360px;max-width:100%;min-height:40px;display:flex}.result-panel{z-index:8;color:#203128;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfaf3f5;border:1px solid #ffe5a4cc;border-radius:16px;justify-items:center;gap:4px;width:min(270px,100% - 32px);padding:14px 16px 15px;display:grid;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 44px #02271a52,inset 0 1px #fff}.result-panel[hidden]{display:none}.result-kicker{color:#6c756f;letter-spacing:.12em;font-size:.64rem;font-weight:800}.result-title{color:#173d2d;font-size:1.28rem;line-height:1.15}.result-summary{color:#69736c;margin-bottom:6px;font-size:.72rem;font-weight:700}.bid-actions,.play-actions{justify-content:center;gap:8px;width:100%;display:flex}.play-actions{position:relative}.play-hint{color:#fff;pointer-events:none;white-space:nowrap;background:#184333eb;border:1px solid #ffffff2e;border-radius:999px;margin:0;padding:5px 9px;font-size:.68rem;font-weight:750;line-height:1;position:absolute;top:-31px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #14302529}.pass-action.is-recommended{color:#6c4811;background:#fff7df;border-color:#d2a24d}.bid-actions[hidden],.play-actions[hidden],.rematch-action[hidden]{display:none}.bid-actions button,.play-actions button,.rematch-action{color:#202229;cursor:pointer;background:#fff;border:1px solid #c9cdc5;border-radius:8px;min-height:40px;padding:0 15px;font-size:.84rem;font-weight:800;transition:border-color .12s,background-color .12s,color .12s,opacity .12s}.play-action,.rematch-action{color:#fff;background:#1e664b;border-color:#1e664b}.bid-actions .strong-bid{color:#3f2a08;background:#e2ae4b;border-color:#d39a35}.result-panel .rematch-action{color:#3f2a08;background:#e8b451;border-color:#c58b2b;width:100%;min-height:42px}@media (hover:hover) and (pointer:fine){.bid-actions button:hover:not(:disabled),.play-actions button:hover:not(:disabled),.rematch-action:hover:not(:disabled){background-color:#f2f5f2;border-color:#839087}.play-action:hover:not(:disabled){background-color:#174f3b;border-color:#174f3b}.bid-actions .strong-bid:hover:not(:disabled){background-color:#d39a35;border-color:#bc8124}.result-panel .rematch-action:hover:not(:disabled){background-color:#dda33c;border-color:#ad741e}}.result-panel[data-outcome=loss] .result-title{color:#563a2d}.pass-action{color:#62665f}.bid-actions button:disabled,.play-actions button:disabled,.rematch-action:disabled{cursor:not-allowed;opacity:.4}.hand-zone{grid-area:2/1/auto/-1;justify-self:center;width:100%;max-width:720px;min-height:0}.hand{grid-auto-columns:clamp(30px,8svh - 3px,37px);grid-auto-flow:column;justify-content:center;align-items:end;width:100%;height:100%;min-height:0;padding-top:8px;display:grid;position:relative}@media (width>=721px),(orientation:landscape){.hand{padding-inline:clamp(38px,6%,47px)}}.hand:after{z-index:0;filter:blur(10px);content:"";background:#0226194d;border-radius:50%;height:18px;position:absolute;bottom:2px;left:7%;right:7%}.landlord-layout.is-ended .table-plays,.landlord-layout.is-ended .pass-markers{opacity:.22;filter:saturate(.6)}.landlord-layout.is-ended .table-player:not(.is-winner){opacity:.62}.landlord-layout.is-ended .hand{opacity:.48}.landlord-layout.is-ended .hand-card{pointer-events:none;filter:saturate(.72)}@media (width<=720px) and (orientation:landscape),(height<=360px) and (orientation:landscape){.table-player{gap:6px;width:154px}.table-player[data-position=self]{width:108px}.player-copy strong{font-size:.72rem}.bid-actions,.play-actions{gap:4px}.bid-actions button,.play-actions button{padding-inline:10px;font-size:.78rem}}@media (width<=720px) and (orientation:portrait){.top-bar .table-player{flex-direction:column;align-items:start;width:100%}.top-bar .table-player[data-position=right]{flex-direction:column;align-items:flex-end}.lower-area{grid-template-rows:auto clamp(118px,38vw,190px) auto;grid-template-columns:minmax(0,1fr)}.table-player[data-position=self]{grid-area:3/1;place-self:end start;width:clamp(76px,24vw,126px)}.action-zone{grid-area:1/1}.hand{grid-template-rows:repeat(2,clamp(44px,12vw,58px));grid-template-columns:repeat(10,minmax(0,calc(11.1111% - clamp(48px,16vw,84px)/9)));grid-auto-flow:row;place-content:end start}.hand-card{justify-self:start;width:clamp(48px,16vw,84px);height:auto}.hand-card:nth-child(11):last-child{grid-column-start:10}.hand-card:nth-child(11):nth-last-child(2){grid-column-start:9}.hand-card:nth-child(11):nth-last-child(3){grid-column-start:8}.hand-card:nth-child(11):nth-last-child(4){grid-column-start:7}.hand-card:nth-child(11):nth-last-child(5){grid-column-start:6}.hand-card:nth-child(11):nth-last-child(6){grid-column-start:5}.hand-card:nth-child(11):nth-last-child(7){grid-column-start:4}.hand-card:nth-child(11):nth-last-child(8){grid-column-start:3}.hand-card:nth-child(11):nth-last-child(9){grid-column-start:2}}@media (width<=440px) and (orientation:portrait){.bid-actions{grid-template-columns:1fr 1fr;width:calc(100% - 16px);display:grid}.play-actions{max-width:calc(100% - 16px)}.bid-actions button,.play-actions button{padding:0 12px}}