:root{font-family:Arial,Helvetica,sans-serif;color:#253e35;background:#f5f4ee;font-synthesis:none;font-weight:400;--green:#174e3e;--deep:#123e32;--muted:#778278;--line:#dedfd4;--gold:#d9b97e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c6a063;outline-offset:4px}a{color:inherit}button{transition:background .15s,transform .15s,opacity .15s}button:disabled{opacity:.45}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}h3{font-size:17px;font-weight:500}button svg{flex-shrink:0}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;max-width:1450px;margin:auto;padding:0 64px;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;text-decoration:none}.brand-icon{width:34px;height:39px;border-radius:7px;background:var(--green);color:#f9f8ee;font-size:28px;text-align:center;line-height:35px;margin-right:12px}.brand-dot{color:#749083}.header-right{display:flex;gap:28px;align-items:center}.connection{font-size:12px;color:#748277;display:flex;align-items:center;gap:7px}.connection>span{height:6px;width:6px;background:#5c9467;border-radius:50%}.connection.offline>span{background:#b68943}.text-button{border:0;background:none;padding:7px 0;color:#55685c;display:inline-flex;gap:7px;align-items:center;font-size:12px}.text-button:hover{color:#153d30}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#728072;display:inline-flex;align-items:center;gap:10px}.tiny-line{display:inline-block;width:24px;height:1px;background:#9baf9c}.landing{max-width:1322px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:69px 42px 0;gap:0 65px}.landing h1{font-size:62px;line-height:1.1;letter-spacing:-2px;margin:28px 0 23px}.landing h1 em{color:#6a816b;font-weight:400}.intro{font-size:15px;line-height:1.75;color:#677568;margin:0}.intro.secondary{font-size:13px;margin-top:7px;color:#7f897e}.entry-card{max-width:399px;background:#fffefa;border:1px solid #dedfd4;border-radius:12px;margin-top:34px;padding:7px 23px 17px;box-shadow:0 5px 20px #273d2b04}.entry-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 24px;gap:28px}.entry-tabs button{border:0;background:none;color:#8b9286;font-size:12px;font-weight:600;padding:17px 0 14px;position:relative}.entry-tabs button[aria-selected=true]{color:var(--green)}.entry-tabs button[aria-selected=true]:after{content:"";height:2px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0}.entry-card label{font-size:9px;font-weight:700;letter-spacing:1.4px;display:block;margin-bottom:9px;color:#6b7969}input:not([type=checkbox]){border:1px solid #dcdfd5;border-radius:6px;background:#fbfcf7;padding:13px 14px;width:100%;font-size:13px;color:#263e31;margin-bottom:17px;min-height:44px}input::placeholder{color:#9da496}.code-input{letter-spacing:4px}.primary,.secondary-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;border-radius:6px;padding:14px 18px;font-size:12px;font-weight:600;min-height:44px}.primary{background:var(--green);color:#fffdf2;border:1px solid var(--green)}.primary:hover:enabled{background:#0d382a}.primary svg{margin-left:auto}.entry-card .primary{justify-content:space-between}.entry-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#8d9588;margin-top:16px}.landing-visual{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:57px;min-width:0}.illustration-table{position:relative;width:100%;aspect-ratio:1.1;max-width:490px;border:12px solid #d4b98b;outline:1px solid #c5a773;box-shadow:0 19px 35px #213a2021,inset 0 0 0 4px #284f37,inset 0 0 70px #122e34;background:radial-gradient(ellipse at 45% 40%,#35694f,#184e3c 65%,#153f33);border-radius:44%;transform:rotate(-5deg);margin:50px 0 30px}.table-inner-ring{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid #c2c9a02b;border-radius:inherit;pointer-events:none}.table-watermark{position:absolute;top:27%;text-align:center;width:100%;font-family:Georgia,serif;color:#bac6a76b;font-size:32px;letter-spacing:-1px;transform:rotate(5deg)}.table-watermark span{opacity:.6}.table-watermark small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;margin-top:7px;opacity:.65}.hero-cards{position:absolute;display:flex;left:50%;top:51%;transform:translate(-50%,-25%) rotate(5deg);height:175px;width:260px;justify-content:center}.hero-cards>div{position:absolute;transform-origin:bottom center;filter:drop-shadow(0 6px 7px #001b2555)}.hero-cards>div:first-child{transform:rotate(-20deg) translate(-42px,5px)}.hero-cards>div:nth-child(2){transform:rotate(-1deg) translateY(-5px)}.hero-cards>div:last-child{transform:rotate(18deg) translate(45px,6px)}.playing-card{position:relative;width:111px;height:156px;border:1px solid #dbdace;border-radius:8px;background:#fffef6;box-shadow:0 3px 5px #00000017;flex-shrink:0;-webkit-user-select:none;user-select:none;color:#253d35;padding:0;text-align:initial}.playing-card.red,.red{color:#b65349}.card-corner{position:absolute;left:9px;top:8px;font-family:Georgia,serif;font-size:25px;line-height:.95;display:flex;align-items:center;flex-direction:column;gap:5px}.card-corner span{font-size:21px}.card-bottom{transform:rotate(180deg);top:auto;left:auto;right:9px;bottom:8px}.card-pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:63px}.playing-card.small{width:79px;height:111px;border-radius:6px}.small .card-corner{font-size:18px;left:6px;top:6px;gap:2px}.small .card-corner span{font-size:15px}.small .card-bottom{left:auto;top:auto;bottom:6px;right:6px}.small .card-pip{font-size:44px}.illustration-seat{position:absolute;color:#d1d8bf7a;font-size:7px;letter-spacing:1.3px;line-height:1.6;text-align:center}.seat-top{top:12%;left:0;right:0;transform:rotate(5deg)}.seat-bottom{bottom:9%;left:0;right:0;transform:rotate(5deg);font-size:6px}.seat-left{left:7%;top:46%;transform:rotate(-85deg)}.seat-right{right:5%;top:46%;transform:rotate(95deg)}.visual-caption{position:absolute;color:#96a18e;font-size:8px;letter-spacing:2.3px}.caption-top{top:25px;transform:rotate(-5deg)}.decor-cross{position:absolute;color:#acb69f;font-size:27px;font-weight:200}.cross-one{top:55px;right:13px}.cross-two{bottom:113px;left:7px;font-size:20px}.visual-bottom{text-align:center;display:flex;flex-direction:column;gap:17px;font-size:10px;color:#7a8875;margin-top:17px;letter-spacing:.4px}.four-dot{color:#788b74;font-size:19px;letter-spacing:12px;padding-left:12px}.visual-bottom i{display:inline-block;border-radius:50%;background:#b0b8a5;width:3px;height:3px;vertical-align:middle;margin:0 9px}.landing-footer{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:72px;padding:24px 0;font-size:9px;color:#99a18f;letter-spacing:1px}.landing-footer>span:last-child{font-family:Georgia,serif;font-size:12px;letter-spacing:.2px}.footer-suit{font-size:16px;margin-left:15px;color:#708b72}.room-tag{font-size:9px;color:#899382;letter-spacing:1px}.room-tag strong{font-size:11px;color:#49654d;letter-spacing:2px;margin-left:7px}.error-banner{max-width:1194px;margin:14px auto 0;padding:12px 18px;background:#f8e6dc;color:#874b30;border:1px solid #edd1bb;border-radius:7px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.error-banner button{border:0;background:none;color:inherit}.lobby-page,.game-page{max-width:1280px;margin:auto;padding:42px 42px 50px}.page-intro h1{font-size:43px;letter-spacing:-1.2px;margin:12px 0 11px}.page-intro p{font-size:13px;color:#7e8879;margin-bottom:34px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:45px}.lobby-table-panel{min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#89927e}.panel-header>span:first-child{display:flex;gap:8px;align-items:center}.lobby-table{border:10px solid #c8ad7d;outline:1px solid #c5ab82;border-radius:43%;height:415px;background:radial-gradient(ellipse,#30614b,#174c3a);position:relative;margin:35px 33px 30px;box-shadow:0 16px 25px #12352719}.lobby-table-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d9e1c4;gap:18px;text-align:center}.center-suit{font-size:30px;color:#a8bf9f85}.lobby-table-center strong{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.2;opacity:.7}.lobby-table-center>span:last-child{font-size:7px;letter-spacing:2px;color:#b9c6a785}.player-seat{position:absolute;display:flex;align-items:center;flex-direction:column;gap:6px;z-index:2;color:#eff3e3;min-width:100px;text-align:center}.player-seat>strong{font-size:12px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seat>strong small{font-size:10px;opacity:.65}.player-seat.position-0{bottom:16px;left:50%;transform:translate(-50%)}.player-seat.position-1{left:12px;top:50%;transform:translateY(-50%)}.player-seat.position-2{top:14px;left:50%;transform:translate(-50%)}.player-seat.position-3{right:12px;top:50%;transform:translateY(-50%)}.avatar{height:39px;width:39px;border-radius:50%;background:#e4e9d4;color:#355240;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:20px;position:relative;border:3px solid #c3d2b36b;box-sizing:content-box}.avatar-team-1{background:#e8dbc6;color:#695b43;border-color:#d0c6a76b}.avatar>i{height:8px;width:8px;border-radius:50%;background:#88b16b;position:absolute;right:0;bottom:1px;border:2px solid #285c45}.avatar>i.away{background:#daa971}.active .avatar{outline:2px solid #dfcc8c;outline-offset:4px}.active>strong{color:#f2dd9c}.seat-meta{font-size:7px;letter-spacing:1px;color:#bfceb5;display:flex;align-items:center;gap:6px;min-height:12px}.open-seat .avatar{background:#ffffff0c;border:1px dashed #cbdbb965;color:#c6d3b3}.open-seat>strong{color:#cad6ba}.take-seat{border:0;background:#e0e6ce1c;color:#e9f0d5;font-size:9px;border-radius:3px;padding:4px 6px;display:flex;gap:2px;align-items:center}.team-key{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;color:#7a856f}.team-key>span{display:flex;gap:8px;align-items:center}.team-dot{height:6px;width:6px;border-radius:50%;display:inline-block;flex-shrink:0}.team-0{background:#6d9470}.team-1{background:#bb9d69}.paper-panel{border:1px solid var(--line);border-radius:10px;background:#fffef9;padding:23px}.invite-panel h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:13px 0 22px}.invite-code{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #e8e9df;border-bottom:1px solid #e8e9df;margin-bottom:17px}.invite-code>span{font-size:8px;letter-spacing:1.3px;color:#8a927e}.invite-code strong{font-size:19px;letter-spacing:4px;font-weight:500}.secondary-button{background:transparent;border:1px solid #d5dacc;color:#496345;padding:11px 12px;font-size:11px}.secondary-button:hover:enabled{background:#f0f3e6}.invite-panel p{font-size:10px;line-height:1.6;color:#8c9483;text-align:center;margin:12px 0 0}.options-panel{margin-top:16px;padding:20px}.options-panel h3{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:18px}.base-rules{font-size:11px;display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e7e9de}.base-rules span{color:#939b89;font-size:10px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.toggle-row strong{font-size:11px;font-weight:500;display:block;margin-bottom:5px}.toggle-row>div>span{font-size:9px;color:#919986;display:block}.toggle{width:30px;height:18px;border:0;padding:3px;background:#d9dfd2;border-radius:15px;flex-shrink:0}.toggle>span{height:12px;width:12px;background:#fff;border-radius:50%;display:block;box-shadow:0 1px 2px #0002;transition:transform .2s}.toggle.on{background:#4e795b}.toggle.on>span{transform:translate(12px)}.toggle:disabled{opacity:.65}.fine-print{display:block;font-size:9px;color:#9a9e8e;margin-top:18px;line-height:1.6}.deal-button{margin-top:20px}.waiting-note{font-size:9px;color:#969e8c;display:block;text-align:center;margin-top:12px;line-height:1.6}.leave-button{display:flex;margin:18px auto 0;font-size:10px;color:#8e9685}.game-page{padding-top:28px}.game-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.line-divider{margin:0 2px;color:#bec5b5}.game-rules-tags{display:flex;align-items:center;gap:10px}.game-rules-tags>span{font-size:9px;background:#e9ecdf;border-radius:4px;padding:5px 7px;color:#859174}.game-rules-tags .text-button{font-size:10px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:29px}.play-column{min-width:0}.live-table{height:450px;background:radial-gradient(ellipse at 50% 45%,#356b50,#194e3a 80%);border:9px solid #c9af82;outline:1px solid #bda175;box-shadow:0 8px 25px #1134251c,inset 0 0 0 3px #2a533a;border-radius:110px;position:relative}.live-table .player-seat.position-0{bottom:13px}.live-table .player-seat.position-2{top:13px}.live-table .player-seat.position-1{left:12px}.live-table .player-seat.position-3{right:12px}.live-table .avatar{height:33px;width:33px;font-size:17px}.live-table .player-seat{min-width:105px}.live-table .player-seat>strong{font-size:11px;max-width:123px}.table-center{position:absolute;top:95px;right:110px;bottom:88px;left:110px;display:flex;align-items:center;justify-content:center;flex-direction:column}.table-overline{color:#cad5b7;font-size:8px;letter-spacing:2px}.table-subline{font-size:10px;color:#bed0ac;margin-top:13px;text-align:center}.upcard{position:relative;margin-top:17px;width:94px;height:120px}.upcard .playing-card{position:absolute;top:0;left:15px;transform:rotate(7deg)}.card-back{position:absolute;left:0;top:4px;width:79px;height:111px;background:repeating-linear-gradient(45deg,#50735c 0,#50735c 2px,#8a9d79 2px,#8a9d79 4px);border:5px solid #f3f0e4;border-radius:6px;transform:rotate(-8deg);box-shadow:0 2px 3px #0002}.turned-down .playing-card{filter:brightness(.72);opacity:.8}.table-brand{position:absolute;bottom:20px;right:38px;color:#b6c9a640;font-family:Georgia,serif;font-size:13px}.dealer-chip{border:1px solid #d2c486;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#e3d49b;height:14px;width:14px;font-size:8px;font-weight:400;letter-spacing:0}.caller-chip{border-radius:2px;background:#e6cc9126;padding:3px;color:#e1d0a7;letter-spacing:.5px;font-size:6px;font-weight:400}.trick-area{position:relative;height:230px;width:250px}.trick-play{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}.trick-play.position-0{bottom:-4px;left:50%;transform:translate(-50%) rotate(3deg);z-index:4}.trick-play.position-1{left:0;top:50%;transform:translateY(-50%) rotate(-8deg);z-index:1}.trick-play.position-2{top:-9px;left:50%;transform:translate(-50%) rotate(-3deg);z-index:2}.trick-play.position-3{right:0;top:50%;transform:translateY(-50%) rotate(8deg);z-index:3}.trick-play>span{font-size:8px;color:#d5dfc5;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-trick{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-trick>span{font-size:55px;color:#bad0a826}.empty-trick p{font-size:12px;color:#c2d4b4;line-height:1.5;max-width:160px}.trick-won{position:absolute;bottom:-7px;background:#f3e5bc;border-radius:30px;padding:8px 13px;color:#4a593b;font-size:9px;display:flex;align-items:center;gap:5px;z-index:5;white-space:nowrap}.your-hand{margin-top:24px}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.hand-heading>span:last-child{font-size:10px;color:#86917c}.hand-heading .eyebrow{font-size:9px}.sitting-out-note{font-size:9px;margin-left:10px;color:#9ca58f}.hand-cards{display:flex;gap:10px;justify-content:center;min-height:168px;padding-top:9px;align-items:flex-start}.hand-cards .playing-card{width:96px;height:138px}.hand-cards .card-pip{font-size:51px}.hand-cards .card-corner{font-size:23px}.hand-cards .card-corner span{font-size:18px}.hand-cards.your-turn .playing-card:disabled{opacity:1;background:#eaece0;border-color:#d1d8c6;color:#9ba793;box-shadow:0 2px 3px #203b2510}.hand-cards.your-turn .playing-card.red:disabled{color:#bf9990}.hand-cards .playing-card:not(:disabled){transform:translateY(-7px);border:2px solid #74966b;box-shadow:0 7px 12px #123e3025}.hand-cards .playing-card:hover:enabled{transform:translateY(-17px);box-shadow:0 12px 18px #123e302b}.card-badge{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);background:#c7ae73;border-radius:3px;padding:4px 6px;color:#fffaf0;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1px}.sitting-out{opacity:.55}.empty-hand{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#96a08a;margin:45px 0}.scoreboard{padding:21px}.scoreboard .panel-header{font-size:8px;letter-spacing:1.3px;margin-bottom:20px}.score-row{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;margin-bottom:17px;border-bottom:1px solid #e4e7d9;gap:14px}.score-row>div{min-width:0}.score-row>strong{font-family:Georgia,serif;font-size:37px;font-weight:400;color:#8b987c}.score-row.your-team>strong{color:#2b613e}.team-label{font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:7px}.score-names{font-size:9px;color:#909985;display:block;overflow-wrap:anywhere}.score-track{display:flex;gap:4px;margin-top:11px}.score-track i{height:4px;width:12px;border-radius:1px;background:#e3e7db}.score-track i.filled{background:#9a7}.your-team .score-track i.filled{background:#588360}.trump-strip,.tricks-strip{display:flex;justify-content:space-between;align-items:center;gap:8px}.trump-strip>span{font-size:8px;letter-spacing:1.3px;color:#919b84}.trump-strip>strong{font-size:12px;text-transform:capitalize;font-weight:500}.tricks-strip{font-size:10px;color:#909b82;border-top:1px solid #e4e7d9;margin-top:15px;padding-top:13px}.tricks-strip strong{font-size:12px;font-weight:500;color:#657955}.tricks-strip i{font-style:normal;color:#acb49b;margin:0 8px}.action-panel{margin-top:15px;padding:22px}.action-panel .eyebrow{font-size:8px;letter-spacing:1.5px}.action-panel h3{font-family:Georgia,serif;font-size:23px;line-height:1.2;margin:12px 0 10px;font-weight:400;letter-spacing:-.3px}.action-panel p{font-size:11px;line-height:1.7;color:#8b967d;margin-bottom:17px}.action-panel .secondary-button{margin-top:10px}.alone-check{display:flex;align-items:flex-start;gap:9px;font-size:11px;margin:18px 0}.alone-check input{accent-color:#316545;margin:1px 0 0;width:14px;height:14px}.alone-check small{display:block;font-size:9px;margin-top:5px;color:#949e86}.suit-choices{display:flex;gap:7px}.suit-choices button{flex:1;border:1px solid #dbe0d0;background:#fafbf3;border-radius:6px;padding:9px 3px;color:#345f41}.suit-choices button.red{color:#b65349}.suit-choices button:hover{background:#e9eedc}.suit-choices button strong{display:block;font-family:Georgia,serif;font-size:29px;font-weight:400}.suit-choices button span{font-size:8px;display:block;margin-top:5px;text-transform:capitalize}.table-notes{padding:21px 7px}.table-notes h3{display:flex;align-items:center;gap:7px;font-size:10px;color:#879478}.activity-log{border-left:1px solid #dce2d1;padding-left:12px}.activity-log p{font-size:10px;line-height:1.6;color:#9ba38e;margin-bottom:8px}.activity-log p:last-child{color:#697d58}.bower-reminder{background:#eff2e5;border-radius:5px;display:flex;align-items:flex-start;gap:10px;padding:12px;color:#748466;font-size:10px;line-height:1.7}.hand-result{text-align:center;color:#e6ead5}.result-icon{font-size:35px;color:#dbcb91;display:block;margin-bottom:12px}.hand-result h2{font-size:27px;margin:12px 0 10px}.hand-result p{font-size:11px;color:#c3d0b1;margin-bottom:13px}.result-score{font-family:Georgia,serif;font-size:31px;color:#e8d99e}.result-score i{font-style:normal;margin:0 14px;color:#98ad83}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#102c25a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:30;padding:26px}.modal{background:#fffef7;border-radius:14px;padding:37px;max-width:595px;width:100%;max-height:90dvh;overflow:auto;position:relative;box-shadow:0 30px 70px #0a251657}.modal-close{position:absolute;top:14px;right:14px}.icon-button{border:0;background:none;color:#7b886b;padding:6px;display:flex}.modal h2{font-size:32px;letter-spacing:-.8px;line-height:1.2;margin:16px 0 20px}.modal h3{margin:22px 0 8px;font-size:14px}.modal p{font-size:12px;line-height:1.75;color:#7b886e}.modal strong{font-weight:600;color:#506545}.scoring-grid{display:grid;grid-template-columns:1fr 1fr;background:#f0f3e6;border-radius:6px;padding:15px;gap:18px;margin:19px 0}.scoring-grid>span{font-size:10px;color:#7c896f}.scoring-grid strong{display:block;margin-top:6px;font-size:13px}.modal .source{font-size:10px;border-top:1px solid #e1e6d7;padding-top:17px;margin-top:22px}.last-trick-cards{display:flex;justify-content:center;gap:20px;margin:25px 0}.last-trick-cards p{margin:10px 0 0;text-align:center;max-width:79px;overflow-wrap:anywhere}@media(min-width:1450px){.landing{padding-top:90px}.landing-visual{padding-top:80px}.illustration-table{max-width:510px}.landing-footer{margin-top:90px}}@media(max-width:1100px){.site-header{padding:0 30px}.landing{padding:55px 30px 0;gap:35px}.landing h1{font-size:51px}.illustration-table{border-width:10px}.hero-cards{transform:translate(-50%,-25%) rotate(5deg) scale(.85)}.lobby-page,.game-page{padding-left:25px;padding-right:25px}.lobby-layout{gap:20px;grid-template-columns:minmax(0,1fr) 285px}.lobby-table{margin-left:5px;margin-right:5px;height:405px}.lobby-table-center strong{font-size:23px}.game-layout{gap:20px;grid-template-columns:minmax(0,1fr) 270px}.live-table{border-radius:80px;height:420px}.table-center{top:90px;right:94px;bottom:80px;left:94px}.live-table .player-seat{min-width:85px}.live-table .player-seat>strong{max-width:95px}.trick-area{transform:scale(.9)}.hand-cards{gap:7px}.hand-cards .playing-card{width:82px;height:121px}.hand-heading{align-items:flex-start}.hand-heading>span:last-child{text-align:right;max-width:200px}.hand-result h2{font-size:24px}}@media(max-width:800px){.header-right{gap:15px}.header-right .connection{display:none}.site-header{height:76px;padding:0 22px}.brand{font-size:24px}.brand-icon{height:31px;width:28px;font-size:23px;line-height:29px;margin-right:9px}.landing{padding:42px 24px 0;grid-template-columns:1fr;gap:28px;max-width:580px}.landing h1{font-size:53px}.landing-copy{z-index:1}.entry-card{max-width:none}.landing-visual{padding:15px 25px 0}.illustration-table{max-width:390px;margin-top:50px}.caption-top{top:10px}.visual-bottom{margin-top:0}.cross-one{top:26px}.cross-two{bottom:70px}.landing-footer{margin-top:18px;gap:16px;align-items:flex-start;line-height:1.5}.landing-footer>span:first-child{max-width:135px;font-size:8px}.landing-footer>span:last-child{text-align:right;font-size:11px}.lobby-layout{grid-template-columns:1fr;gap:25px}.lobby-page{max-width:620px;padding-top:34px}.lobby-table{max-width:500px;margin-left:auto;margin-right:auto;height:380px}.lobby-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.options-panel{margin-top:0}.lobby-sidebar .deal-button,.waiting-note,.leave-button{grid-column:1/-1}.lobby-sidebar .deal-button{margin-top:4px}.lobby-sidebar .waiting-note{margin-top:-5px}.lobby-sidebar .leave-button{margin-top:0}.invite-panel{padding:20px}.invite-panel h2{font-size:22px}.invite-code{flex-direction:column;gap:9px;align-items:flex-start}.page-intro h1{font-size:37px}.game-layout{display:flex;flex-direction:column;gap:10px}.game-page{padding:20px 14px 35px;max-width:650px}.game-topline{margin-bottom:17px;gap:10px}.game-topline .eyebrow{font-size:8px;gap:6px;letter-spacing:1px}.game-rules-tags>span{display:none}.live-table{height:400px;border-radius:85px}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.scoreboard{padding:18px}.action-panel{margin-top:0;padding:18px}.table-notes{grid-column:1/-1;padding:12px 8px}.hand-cards{min-height:153px}.your-hand{margin-top:21px}.score-track{gap:3px}.score-track i{width:10px}.game-sidebar .leave-button{grid-column:1/-1}.room-tag{display:none}.table-brand{font-size:10px;right:22px;bottom:28px}}@media(max-width:420px){.landing h1{font-size:45px}.landing{padding:35px 22px 0}.rules-button{font-size:11px}.landing-visual{padding:10px 8px 0}.hero-cards{transform:translate(-50%,-25%) rotate(5deg) scale(.72)}.table-watermark{font-size:25px}.seat-left,.seat-right{font-size:6px}.seat-bottom{font-size:5px}.lobby-page{padding-left:16px;padding-right:16px}.lobby-table{height:360px}.lobby-table-center strong{font-size:21px}.lobby-sidebar{grid-template-columns:1fr}.invite-code{flex-direction:row;align-items:center}.live-table{height:375px;border-radius:70px;border-width:7px}.live-table .player-seat{min-width:72px;gap:4px}.live-table .player-seat>strong{font-size:10px;max-width:82px}.live-table .player-seat.position-1{left:5px}.live-table .player-seat.position-3{right:5px}.live-table .seat-meta{font-size:6px;gap:3px}.live-table .avatar{height:29px;width:29px;font-size:15px}.table-center{top:85px;right:72px;bottom:80px;left:72px}.trick-area{transform:scale(.77);flex-shrink:0}.trick-won{font-size:8px;padding:6px 9px}.hand-cards{gap:5px;min-height:137px}.hand-cards .playing-card{width:60px;height:94px;border-radius:5px}.hand-cards .card-corner{font-size:16px;left:5px;top:5px;gap:2px}.hand-cards .card-corner span{font-size:13px}.hand-cards .card-bottom{left:auto;top:auto;bottom:5px;right:5px}.hand-cards .card-pip{font-size:36px}.hand-heading>span:last-child{font-size:8px;max-width:165px}.game-sidebar{gap:9px}.scoreboard,.action-panel{padding:13px}.scoreboard .panel-header{font-size:7px;letter-spacing:.8px}.score-row>strong{font-size:30px}.score-track{gap:2px}.score-track i{width:8px}.score-names{font-size:8px}.team-label{font-size:11px}.action-panel h3{font-size:21px}.action-panel p{font-size:10px}.action-panel .primary,.action-panel .secondary-button{font-size:10px;padding:10px}.alone-check{font-size:10px;gap:6px}.alone-check small{font-size:8px}.suit-choices{gap:4px}.suit-choices button strong{font-size:24px}.suit-choices button span{font-size:7px}.modal{padding:28px 23px}.modal h2{font-size:28px}.last-trick-cards{gap:8px}.last-trick-cards .playing-card.small{width:63px;height:95px}.hand-result h2{font-size:22px}.result-icon{font-size:28px;margin-bottom:7px}.hand-result .table-overline{font-size:7px}.hand-result p{font-size:9px}.result-score{font-size:26px}.table-subline{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.hand-cards .playing-card:disabled{opacity:1}@media(max-width:800px){.hand-cards.six-cards .playing-card{width:calc((100% - 35px)/6);max-width:82px;height:auto;aspect-ratio:.696}}@media(max-width:420px){.hand-cards.six-cards .playing-card{width:calc((100% - 25px)/6);max-width:60px}.hand-cards.six-cards .card-pip{font-size:29px}}.landing{align-items:center}.landing h1{margin-top:0}.landing-visual{padding-top:0}.landing .illustration-table{margin-top:25px}.landing .landing-footer{width:100%}