@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap";:root{--ink:#213b32;--green:#205847;--dark:#173e32;--cream:#f7f6f0;--line:#dedfd3;--muted:#6d786f;--gold:#dac18a}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #c99e44}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Libre Caslon Display,Georgia,serif;font-weight:400}h1{letter-spacing:-2px}button{transition:background .18s,transform .18s,border-color .18s}button:not(:disabled):active{transform:translateY(1px)}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:92px;margin:auto;padding:0 52px;display:flex}.brand{letter-spacing:-.7px;background:0 0;border:0;align-items:center;gap:11px;font-size:22px;font-weight:700;display:flex}.brand-light{font-weight:400}.logo{background:var(--dark);color:#e8d4a1;border-radius:50%;place-items:center;width:39px;height:39px;font-size:26px;display:grid}.header-right{align-items:center;gap:28px;display:flex}.free-badge{letter-spacing:1.4px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.free-badge span,.live-dot{background:#659879;border-radius:100%;width:6px;height:6px;display:inline-block}.text-button{background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-weight:550;display:inline-flex}.text-button:hover{color:#a07835}.lobby{max-width:1216px;margin:auto;padding:0}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:64px 42px 54px;display:grid}.eyebrow{letter-spacing:2.1px;color:#748271;font-size:10px;font-weight:700}.hero h1{margin:22px 0 24px;font-size:80px;line-height:1.03}.hero h1 em{color:#47715a;font-weight:400}.hero-copy{color:var(--muted);font-size:15px;line-height:1.8}.hero-features{color:#627366;gap:22px;margin-top:25px;font-size:11px;display:flex}.hero-features span{align-items:center;gap:8px;display:flex}.hero-art{place-items:center;height:410px;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #e4e5d9;border-radius:100%;width:375px;height:375px;position:absolute}.orbit-two{width:290px;height:290px}.art-label{letter-spacing:2.2px;color:#8c947f;font-size:8px;position:absolute;top:34px}.fan{width:300px;height:260px;position:relative;transform:rotate(-4deg)}.fan-card{filter:drop-shadow(0 10px 12px #233e301a);position:absolute;top:38px;left:90px}.fan-card .card{border-radius:10px;width:130px;height:188px;box-shadow:0 1px 2px #0001}.fan-card .corner{font-size:28px}.fan-card .corner i{font-size:21px}.fan-card .suit{font-size:73px}.fan-card .bottom{font-size:27px}.fan-card.one{transform:rotate(-26deg)translate(-55px)}.fan-card.two{transform:rotate(-3deg)translateY(-12px)}.fan-card.three{transform:rotate(20deg)translate(55px)}.art-star{color:#b4a477;font-size:40px;position:absolute;top:85px;right:39px}.art-note{text-align:center;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px}.art-note span{letter-spacing:6px;font-size:12px}.art-note small{color:#87907d;font-size:10px}.setup-section{border:1px solid var(--line);background:#fdfdf8;border-radius:15px;grid-template-columns:1.6fr 1fr;margin:0 42px 32px;display:grid;overflow:hidden}.setup{padding:32px 36px}.section-heading h2{letter-spacing:-.7px;margin:8px 0 23px;font-size:34px}.tabs{background:#eeefe8;border-radius:8px;gap:5px;padding:5px;display:flex}.tabs button{color:#6a766d;white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 4px;font-size:11px;display:flex}.tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0000000d}.form{flex-direction:column;gap:18px;padding-top:20px;display:flex}.muted{color:var(--muted);font-size:13px;line-height:1.7}label{flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}input{min-width:0;color:var(--ink);background:#fff;border:1px solid #d9ded2;border-radius:6px;padding:13px;font-size:13px}input:focus{outline-offset:1px;outline:2px solid #93b4a2}.count-options{gap:9px;margin-top:-8px;display:flex}.count-options button{border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 5px;font-size:12px;display:flex}.count-options button.active{border-color:var(--green);color:var(--green);background:#edf3ed}.name-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.primary,.secondary{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:not(:disabled):hover{background:#123e30}.secondary{border-color:var(--line);background:#fff}.secondary:not(:disabled):hover{background:#f0f3ed}.full{justify-content:space-between;width:100%}.resume{color:var(--green);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.rules-teaser{border-left:1px solid var(--line);background:#eef0e5;padding:37px 39px}.mini-suits{letter-spacing:9px;color:#66806a;margin-bottom:26px;font-size:17px}.mini-suits b{color:#ad6d58;font-weight:400}.rules-teaser h3{letter-spacing:-.6px;font-size:35px;line-height:1.12}.rules-teaser>p{color:#78816f;max-width:240px;margin:15px 0 23px;font-size:12px;line-height:1.9}.rule-stat{border-top:1px solid #d8ddce;align-items:center;gap:17px;padding:16px 0;display:flex}.rule-stat strong{width:39px;font-family:Georgia,serif;font-size:32px;font-weight:400}.rule-stat span{font-size:12px;line-height:1.7}.rule-stat small{color:#828a79;font-size:10px}.rules-teaser .text-button{margin-top:13px;font-size:11px}.access-note{color:#818777;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;display:flex}.access-note svg{flex-shrink:0;margin-top:2px}.code-input{text-transform:uppercase;letter-spacing:3px}footer{color:#8c9487;justify-content:space-between;padding:0 42px 30px;font-size:10px;display:flex}.game-main{max-width:1260px;margin:auto;padding:30px 40px 50px}.table-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.back-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;margin-bottom:14px;padding:0;font-size:11px;display:flex}.table-heading h1{letter-spacing:-1px;font-size:40px}.table-heading p{margin-top:5px}.room-code{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:1fr auto;gap:5px 15px;padding:14px 20px;display:grid}.room-code small{letter-spacing:2px;color:var(--muted);grid-column:1/3;font-size:8px}.room-code strong{letter-spacing:3px;font-size:16px}.panel{border:1px solid var(--line);background:#fffefa;border-radius:12px;margin-top:18px;padding:25px}.waiting{text-align:center;padding:42px}.waiting-icon{background:#edf2e9;border-radius:100%;place-items:center;width:65px;height:65px;margin:0 auto 22px;display:grid}.waiting h2{margin:12px 0;font-size:40px}.waiting>p{color:var(--muted);font-size:13px}.waiting-players{justify-content:center;gap:24px;margin:35px auto;display:flex}.waiting-players>div{flex-direction:column;align-items:center;gap:8px;width:110px;font-size:12px;display:flex}.waiting-players small{color:var(--muted);font-size:10px}.avatar{color:#3e644c;background:#e6eadc;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.waiting-players .avatar{width:48px;height:48px;font-size:19px}.empty-seat{opacity:.45}.waiting>.primary{margin-left:12px}.waiting>.access-note{max-width:390px;margin:23px auto 0;display:block}.felt{color:#eef5df;background:radial-gradient(#285b48,#173e32);border:7px solid #d8cfb9;border-radius:24px;outline:1px solid #c9c1ac;padding:24px 25px 15px;box-shadow:0 14px 24px #213b320c}.players{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.player-chip{background:#ffffff07;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:9px;min-width:132px;padding:9px 12px;display:flex;position:relative}.player-chip strong{font-size:11px;font-weight:500;display:block}.player-chip small{color:#becdb9;margin-top:3px;font-size:9px;display:block}.player-chip .avatar{color:#dfe6cd;background:#72957a30;width:29px;height:29px}.player-chip.current{background:#e8cd8e13;border-color:#ddc48b}.turn-dot{background:#e3cc90;border-radius:50%;width:6px;height:6px;margin-left:auto}.table-center{justify-content:center;align-items:center;gap:45px;padding:35px 0 27px;display:flex}.pile{flex-direction:column;align-items:center;gap:12px;display:flex}.pile>span{color:#d5dfc6;font-size:10px}.pile b{color:#a7bda7;padding-left:4px;font-weight:500}.pile-button{background:0 0;border:0;padding:0;opacity:1!important}.pile-button:not(:disabled):hover{transform:translateY(-4px)}.pile-button:disabled{cursor:default}.table-monogram{text-align:center;color:#719278;flex-direction:column;gap:10px;max-width:190px;display:flex}.table-monogram>span{color:#8ba784;font-size:40px}.table-monogram strong{letter-spacing:3px;font-size:10px;font-weight:500}.table-monogram small{color:#9bb298;font-size:9px}.felt-footer{color:#9fbaa4;border-top:1px solid #ffffff12;justify-content:space-between;padding-top:12px;font-size:9px;display:flex}.felt-footer .live-dot{background:#d6c27f;margin-right:7px}.card{color:#283d34;-webkit-user-select:none;user-select:none;background:#fffef9;border:1px solid #d9dcd2;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:105px;padding:0;display:inline-flex;position:relative;box-shadow:0 2px 1px #0000000d}.card.red{color:#b55847}.card .corner{flex-direction:column;align-items:center;gap:2px;font-family:Georgia,serif;font-size:19px;line-height:1;display:flex;position:absolute;top:5px;left:7px}.card .corner i{font-size:13px;font-style:normal}.card .suit{margin-top:8px;font-size:31px}.card .bottom{font-family:Georgia,serif;font-size:16px;position:absolute;bottom:5px;right:6px;transform:rotate(180deg)}.card.selected{background:#fff9e9;border:2px solid #c9a15a;transform:translateY(-10px);box-shadow:0 3px #c9a15a}.card em{color:#4c4738;background:#ead9b7;border-radius:3px;padding:1px 4px;font-size:10px;font-style:normal;position:absolute;bottom:5px;left:5px}.card.back{background:repeating-linear-gradient(45deg,#315b4a 0 3px,#456c58 3px 5px);border:3px solid #f4f1dd}.card.back span{color:#dfcd9f;background:#345b46;border:1px solid #d6c5958a;border-radius:50%;place-items:center;width:42px;height:54px;font-size:29px;display:grid}.empty-pile{color:#98ae8c66;border:1px dashed #91a88d55;border-radius:7px;place-items:center;width:74px;height:105px;font-size:30px;display:grid}.hand-heading{justify-content:space-between;align-items:center;display:flex}.hand-heading h2{align-items:center;gap:15px;margin-top:5px;font-size:30px;display:flex}.opening-badge,.opened{color:#6e7c64;letter-spacing:0;background:#eef0e7;border-radius:20px;align-items:center;gap:4px;padding:5px 9px;font-family:DM Sans,Arial,sans-serif;font-size:9px;display:inline-flex}.opened{color:#346544;background:#e8f0e6}.hand-help{color:var(--muted);margin:17px 0 24px;font-size:11px}.hand{flex-wrap:wrap;gap:8px;min-height:120px;padding-top:5px;display:flex}.hand .card:not(:disabled):hover{border-color:#759780}.hand .card:disabled{opacity:.38}.action-bar{border-top:1px solid #e5e7dc;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:17px;display:flex}.action-bar>span{color:var(--muted);font-size:11px}.action-bar>div{gap:8px;display:flex}.compact{padding:10px 14px;font-size:11px}.options{flex-wrap:wrap;align-items:center;gap:8px;padding-top:15px;display:flex}.options>span{color:var(--muted);font-size:11px}.options b{color:#7d885e;font-size:10px}.hint{color:#987943;padding-top:15px;font-size:11px;line-height:1.7}.staged{background:#f3f4eb;border-radius:8px;margin-top:18px;padding:17px}.staged-top{justify-content:space-between;align-items:center;display:flex}.staged-top strong{align-items:center;gap:6px;font-size:11px;display:flex}.staged .text-button{font-size:10px}.staged-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:11px;display:flex}.staged-row b{margin-left:auto}.staged>small{color:#7b805e;margin-top:10px;font-size:10px;display:block}.privacy{text-align:center;padding:36px 10px 20px}.privacy>svg{color:#7a9274}.privacy h3{margin:13px 0 8px;font-size:30px}.privacy p{color:var(--muted);margin-bottom:22px;font-size:12px}.subheading{justify-content:space-between;align-items:center;gap:10px;display:flex}.subheading h2{font-size:28px}.subheading>span{color:var(--muted);font-size:11px}.empty-groups{text-align:center;color:#82917e;padding:35px 10px 22px}.empty-groups p{margin-top:12px;font-size:12px}.empty-groups small{margin-top:7px;font-size:10px;display:block}.meld-grid{flex-wrap:wrap;gap:15px;margin-top:22px;display:flex}.meld{background:#f5f6ef;border:1px solid #e1e4d8;border-radius:8px;max-width:100%;padding:14px}.meld-heading{justify-content:space-between;gap:15px;margin-bottom:12px;font-size:10px;display:flex}.meld-heading strong{font-weight:500}.meld-heading span{color:var(--muted);font-size:9px}.meld-cards{gap:4px;padding-bottom:5px;display:flex;overflow-x:auto}.card.small{border-radius:4px;width:47px;height:69px}.small .corner{gap:1px;font-size:12px;top:4px;left:4px}.small .corner i{font-size:9px}.small .suit{font-size:21px}.small .bottom{font-size:11px;bottom:4px;right:4px}.small em{font-size:8px;bottom:2px;left:2px}.meld-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.meld-actions button{color:#41684d;background:#fff;border:1px solid #ccd8c9;border-radius:4px;padding:7px;font-size:9px}.activity{color:#697965;padding:19px 25px;font-size:11px}.activity summary{cursor:pointer;color:var(--ink);justify-content:space-between;display:flex}.activity summary span{color:var(--muted);font-size:9px}.activity p{border-top:1px solid #eef0e7;margin-top:5px;padding:10px 0;font-size:10px}.draw-results{background:#f3f5ed;border-radius:5px;margin-top:12px;padding:10px}.draw-results p{border:0;margin:0}.error{color:#9a4f37;background:#fff0e7;border:1px solid #eac7b4;border-radius:6px;padding:13px;font-size:12px;line-height:1.6}.setup>.error{margin-top:15px}.floating{z-index:20;align-items:center;gap:16px;max-width:90%;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0001}.icon-button{background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.finish{text-align:center;padding:35px}.finish .trophy{color:#bfa05d;font-size:48px}.finish .eyebrow{margin:8px}.finish h2{margin-bottom:12px;font-size:40px}.finish .primary{margin-top:22px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#173e3277;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.rules-modal{background:var(--cream);border-radius:16px;width:100%;max-width:680px;max-height:90dvh;padding:32px 38px;overflow:auto;box-shadow:0 20px 80px #0003}.rules-modal h2{margin:20px 0;font-size:42px;line-height:1.1}.rule-list article{border-top:1px solid var(--line);padding:19px 0}.rule-list h3{margin-bottom:8px;font-family:DM Sans,Arial,sans-serif;font-size:13px;font-weight:600}.rule-list p{color:var(--muted);font-size:12px;line-height:1.9}.prototype-note{background:#eceee3;border-radius:6px;border:0!important;padding:15px!important}.rules-bottom{color:var(--muted);align-items:center;gap:8px;padding-top:22px;font-size:10px;display:flex}@media (min-width:1280px){.hand .card{width:calc(7.14286% - 7.42857px);max-width:76px}}@media (max-width:900px){.header{height:80px;padding:0 28px}.hero{gap:0;padding:45px 30px}.hero h1{font-size:66px}.hero-art{height:360px}.orbit-one{width:310px;height:310px}.orbit-two{width:240px;height:240px}.fan{transform:scale(.86)rotate(-4deg)}.art-label{font-size:6px;top:30px}.art-star{right:8px}.art-note{bottom:0}.setup-section{grid-template-columns:1.6fr 1fr;margin:0 30px 26px}.setup{padding:27px 23px}.rules-teaser{padding:30px 23px}.tabs button{gap:4px;font-size:10px}.tabs button svg{width:13px}.hero-features{gap:14px;font-size:10px}.game-main{padding:25px}.table-center{gap:35px}.hand .card{width:63px;height:94px}.hand{gap:8px}}@media (max-width:640px){.header{height:73px;padding:0 19px}.brand{gap:8px;font-size:19px}.logo{width:32px;height:32px;font-size:23px}.header-right{gap:17px}.header-right .text-button span{display:none}.free-badge{letter-spacing:1px;font-size:8px}.hero{grid-template-columns:1fr;padding:38px 24px 20px;position:relative}.hero h1{margin-top:17px;font-size:63px;line-height:1.04}.hero .eyebrow{letter-spacing:1.8px;font-size:8px}.hero-copy{max-width:290px;font-size:13px}.desktop{display:none}.hero-features{gap:18px;font-size:9px}.hero-art{height:230px;margin-top:8px}.fan{height:240px;transform:scale(.68)rotate(-4deg)}.orbit-one{width:220px;height:220px}.orbit-two{width:165px;height:165px}.art-label{display:none}.art-note{font-size:8px;bottom:13px;right:5px}.art-note small{display:none}.art-star{font-size:28px;top:35px;right:38px}.setup-section{border-radius:12px;grid-template-columns:1fr;margin:0 16px 22px}.setup{padding:26px 21px}.section-heading h2{font-size:31px}.tabs button{gap:5px;padding:12px 2px;font-size:10px}.tabs button svg{width:13px}.form{gap:17px}.form>.muted{font-size:12px}.count-options button{padding:12px 4px;font-size:11px}.rules-teaser{border-left:0;border-top:1px solid var(--line);padding:25px}.mini-suits{margin-bottom:15px;font-size:13px}.rules-teaser h3{font-size:30px}.rules-teaser>p{max-width:100%;font-size:12px}.rule-stat{vertical-align:top;gap:10px;width:49%;display:inline-flex}.rule-stat span{font-size:10px}.rule-stat small{font-size:8px}.rule-stat strong{width:32px;font-size:28px}.rules-teaser>.text-button{display:flex}footer{flex-direction:column;gap:10px;padding:0 22px 25px;font-size:9px}.game-main{padding:20px 12px 40px}.table-heading{align-items:flex-end;padding:0 7px}.table-heading h1{letter-spacing:-.6px;font-size:29px}.table-heading p,.back-link{font-size:10px}.room-code{gap:5px 6px;padding:10px}.room-code strong{letter-spacing:1px;font-size:10px}.room-code small{font-size:6px}.room-code svg{width:12px;height:12px}.felt{border-width:5px;border-radius:17px;padding:15px 12px 12px}.players{gap:7px}.player-chip{flex:1;gap:7px;min-width:44%;padding:8px}.player-chip strong{font-size:10px}.player-chip small{font-size:8px}.player-chip .avatar{width:26px;height:26px;font-size:10px}.table-center{gap:18px;padding:25px 0}.table-monogram{gap:7px;max-width:112px}.table-monogram>span{font-size:29px}.table-monogram strong{letter-spacing:1.4px;font-size:7px}.table-monogram small{font-size:7px}.table-center .card,.empty-pile{width:59px;height:85px}.felt-footer,.pile>span{font-size:8px}.panel{margin-top:13px;padding:20px 14px}.hand-heading h2{gap:9px;font-size:27px}.hand-heading>.muted{font-size:10px}.opening-badge,.opened{padding:4px 7px;font-size:8px}.hand-help{margin:15px 0 20px;font-size:10px}.hand{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 4px;min-height:80px;display:grid}.hand .card{border-radius:5px;width:100%;height:73px}.hand .card .corner{gap:1px;font-size:14px;top:4px;left:4px}.hand .card .corner i{font-size:10px}.hand .card .suit{margin-top:5px;font-size:23px}.hand .card .bottom{font-size:12px;bottom:4px;right:4px}.action-bar{margin-top:18px;padding-top:14px}.action-bar>span{font-size:10px}.compact{padding:10px;font-size:10px}.options{gap:7px}.options>span{font-size:10px}.options .secondary{padding:9px;font-size:9px}.subheading h2{font-size:25px}.privacy h3{font-size:27px}.privacy p{font-size:11px}.waiting{padding:30px 15px}.waiting h2{font-size:33px}.waiting>p{font-size:11px}.waiting-players{flex-wrap:wrap;gap:10px}.waiting-players>div{width:42%;margin-bottom:8px}.waiting .primary,.waiting .secondary{padding:12px;font-size:11px}.finish h2{font-size:32px}.rules-modal{padding:22px}.modal-backdrop{padding:12px}.rules-modal h2{font-size:36px}.rules-modal .eyebrow{letter-spacing:1.5px;font-size:8px}.staged{padding:12px}.staged-row,.access-note{font-size:9px}.art-note span{letter-spacing:3px;font-size:9px}}.special-close{background:#fbf6e6;border:1px solid #c9b37b;border-radius:8px;margin-top:15px;padding:16px}.special-close strong{font-size:12px}.special-close p,.three-pair p{color:#68735d;margin:8px 0 12px;font-size:11px;line-height:1.7}.special-close button{margin:4px 8px 0 0}.redeal-panel .muted{margin-top:10px;font-size:11px}.redeal-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.three-pair{border-top:1px solid var(--line);margin-top:15px;padding-top:8px}.pairs-reveal{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.pair{border:1px solid var(--line);background:#f3f5ec;border-radius:6px;gap:4px;padding:7px;display:flex}.hand-slot{flex-shrink:0;display:inline-flex;position:relative}.hand-slot.dragging{opacity:.45}.hand-slot.drop-target{outline-offset:3px;border-radius:7px;outline:3px solid #bc9e5d}.arranging .hand-slot{touch-action:none;cursor:grab}.arranging .card{cursor:grab}.arranging .card.selected{transform:translateY(-5px)}.arrange-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;display:flex}.arrange-toolbar .text-button{margin-left:auto;font-size:10px}.arrange-instructions{background:#eef2e8;border-radius:7px;margin-bottom:20px;padding:12px 14px}.arrange-instructions p{color:#63755e;font-size:11px;line-height:1.7}.arrange-instructions>div{justify-content:center;align-items:center;gap:20px;margin-top:11px;display:flex}.arrange-instructions span{text-align:center;min-width:100px;font-size:10px}.hand.arranging{-webkit-user-select:none;user-select:none}@media (min-width:1280px){.hand .hand-slot{width:calc(7.14286% - 7.42857px);max-width:76px}.hand .hand-slot .card{width:100%}}@media (max-width:640px){.hand-slot{width:100%;min-width:0}.hand-slot .card{width:100%}.arrange-toolbar{gap:8px;margin-bottom:19px}.arrange-toolbar .compact{padding:10px;font-size:10px}.arrange-toolbar .text-button{font-size:9px}.arrange-instructions p{font-size:10px}}.discard-target{border-radius:9px;position:relative}.pile-card{line-height:0;display:block}.pile-card.flying-in>.card{opacity:0}.discard-target.ready{outline-offset:7px;outline:3px solid #e9cb7b;box-shadow:0 0 0 11px #e9cb7b20}.discard-target.ready:hover{box-shadow:0 0 0 12px #e9cb7b35}.discard-tap-label{white-space:nowrap;color:#244b36;letter-spacing:.7px;pointer-events:none;background:#e5c479;border-radius:3px;padding:4px 5px;font-size:8px;font-weight:700;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.discard-ready>span{font-weight:600;color:#f1d897!important}.empty-pile{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-pile small{letter-spacing:1px;color:#b5c9ae;font-family:DM Sans,Arial,sans-serif;font-size:8px;line-height:1}.empty-pile>span{font-size:26px;line-height:1}.discard-guide{color:#6e795e;margin:16px 5px 0;font-size:12px;line-height:1.7}.discard-flight{z-index:80;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 7px 9px #0003);animation:.48s cubic-bezier(.2,.65,.25,1) both discard-card-flight;position:fixed}.discard-flight>.card{width:100%;height:100%}@keyframes discard-card-flight{0%{transform:translate(0)scale(1)rotate(-3deg)}to{transform:translate(var(--flight-x),var(--flight-y)) scale(var(--flight-sx),var(--flight-sy)) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.discard-flight{animation-duration:10ms}}@media (max-width:640px){.discard-tap-label{padding:4px;font-size:6px;bottom:4px}.discard-guide{font-size:10px}.discard-target.ready{outline-offset:5px}.empty-pile small{font-size:6px}}.pile-rule{color:#b9cbb0;text-align:center;max-width:90px;font-size:8px;line-height:1.4}.discard-pile{gap:9px}@media (max-width:640px){.pile-rule{max-width:75px;font-size:7px}}.privacy-header{font-size:12px}@media (max-width:640px){.header-right{gap:14px}.header-right .privacy-header span{display:none}}.tabs{flex-wrap:wrap}.tabs button{flex:145px}.header-right{flex-wrap:wrap}.social-section{border-top:1px solid #dedfd7;padding:22px 0}.social-section h3{margin:0 0 10px}.social-message{background:#e9f0e5;border-radius:10px;padding:14px;line-height:1.5}.friend-code{background:#eff2e8;border-radius:14px;margin:24px 0;padding:20px}.friend-code small,.friend-code strong{display:block}.friend-code strong{letter-spacing:2px;overflow-wrap:anywhere;margin:12px 0;font:600 24px monospace}.invite-row{border-bottom:1px solid #e5e5df;padding:16px 0}.social-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.invite-row .social-actions{justify-content:flex-start}.listing-choice{text-align:left;background:#eff2e8;border-radius:12px;align-items:flex-start;gap:12px;max-width:500px;margin:24px auto;padding:18px;display:flex}.listing-choice input{accent-color:#245a49;width:22px;height:22px;margin-top:3px}.listing-choice small{color:#6f786e;margin-top:7px;font-weight:400;line-height:1.5;display:block}.open-table{border-bottom:1px solid #dedfd7;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.open-table small{color:#6f786e;margin-top:7px;display:block}.social-modal .form{padding:0}.social-modal input{width:100%}@media (max-width:600px){.header{flex-wrap:wrap;gap:12px}.header-right{gap:12px}.header-right .free-badge{display:none}.tabs button{flex-basis:42%;font-size:13px}.friend-code strong{font-size:21px}}.table-area-help{color:var(--muted);margin:10px 0 16px;font-size:12px;line-height:1.6}.table-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.meld-area{background:#f4f6ef;border:1px dashed #bdcbbb;border-radius:10px;min-width:0;padding:14px}.area-quart{background:#f5f1e7;border-color:#d5c49b}.area-long{grid-column:1/-1}.area-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.area-heading h3{font-size:24px}.area-heading span{color:var(--muted);font-size:10px}.area-empty{color:var(--muted);max-width:240px;padding:26px 8px;font-size:12px;line-height:1.6}.meld-area .meld-grid{gap:10px;margin-top:12px}.meld-area .meld{background:#fffefa;min-width:0;padding:10px}.meld-area .meld-heading{margin-bottom:8px}.joker-meaning{color:#916032;margin-top:5px;font-size:10px}.meld-actions button{min-height:40px;font-size:11px}.hand-with-jokers{grid-template-columns:minmax(0,1fr) 165px;align-items:start;gap:18px;display:grid}.hand-with-jokers.is-arranging{grid-template-columns:1fr}.joker-tray{background:#f5efe1;border:1px dashed #d0b67d;border-radius:10px;min-width:0;padding:12px}.joker-tray h3{font-size:23px}.joker-private{letter-spacing:1px;color:#796d50;font-size:8px}.joker-cards{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.joker-tray p{color:#796d50;font-size:10px;line-height:1.6}.joker-placeholder{color:#9c8b68;border:1px dashed #d1c5aa;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:90px;font-size:24px;display:flex}.joker-placeholder small{font-family:Arial,sans-serif;font-size:10px}.joker-tray .card{width:59px;height:86px}.joker-tray .card .corner{font-size:15px}.joker-tray .card .suit{font-size:29px}.joker-tray .card .bottom{font-size:14px}@media (max-width:650px){.table-areas{grid-template-columns:1fr}.hand-with-jokers{grid-template-columns:minmax(0,1fr) 90px;gap:10px}.joker-tray{padding:8px}.joker-tray h3{font-size:20px}.joker-private{letter-spacing:0;font-size:7px}.joker-tray .card{width:55px;height:80px}.area-heading{flex-wrap:wrap}.meld-area{padding:12px}.meld-actions button{min-height:44px}}.ready-zone{background:#f0f4e9;border:1px solid #c6d2bf;border-radius:12px;margin-top:22px;padding:18px}.ready-heading,.ready-group-label,.ready-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ready-heading h3{font-size:28px}.ready-heading span{color:var(--muted);font-size:10px}.ready-heading>div>span{letter-spacing:1px;font-size:8px}.ready-zone>p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.6}.ready-choices{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.ready-choices>span{color:var(--muted);font-size:11px}.ready-grid{flex-wrap:wrap;gap:12px;display:flex}.ready-group{border:1px solid var(--line);background:#fffef8;border-radius:10px;min-width:180px;max-width:100%;padding:12px}.ready-group-label{margin-bottom:10px;font-size:12px}.ready-group-label span{color:var(--muted);font-size:10px}.ready-cards{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ready-group>small{color:var(--muted);font-size:10px;display:block}.ready-group .text-button{min-height:44px;font-size:11px}.ready-footer{margin-top:15px}.ready-validation{color:#855728!important}.ready-empty{border:1px dashed #c6d2bf;border-radius:7px;padding:18px}.ready-zone .compact{min-height:44px}@media (max-width:650px){.ready-zone{padding:12px}.ready-group{min-width:0}.ready-footer .primary{justify-content:center;width:100%}}.player-wins{color:#f0d99a;white-space:nowrap;border:1px solid #d5c28c66;border-radius:20px;margin-top:5px;padding:3px 7px;font-size:10px;font-weight:600;display:inline-block}.wins-summary{border:1px solid var(--line);text-align:left;background:#f1f4ea;border-radius:12px;width:100%;max-width:420px;margin:22px auto;padding:18px}.wins-summary h3{margin-bottom:12px;font-size:25px}.wins-rows>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.wins-rows strong{overflow-wrap:anywhere}.wins-rows span{white-space:nowrap;color:#78602c;font-weight:600}.wins-summary>small{color:var(--muted);margin-top:12px;line-height:1.6;display:block}@media (max-width:640px){.player-wins{padding:3px 6px;font-size:9px}.wins-summary{padding:14px}}.reset-wins-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 20px;display:flex}.reset-wins-bar>span,.reset-wins-bar>small{color:var(--muted);font-size:11px}.reset-wins-bar button{min-height:44px}.reset-wins-dialog{border:1px solid var(--line);background:#fffef9;border-radius:16px;width:min(480px,100vw - 32px);padding:28px;box-shadow:0 20px 80px #0003}.reset-wins-dialog h2{font-size:30px}.reset-wins-dialog p{color:var(--muted);margin:16px 0 24px;font-size:14px;line-height:1.7}.reset-wins-dialog>div{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.reset-wins-dialog button{min-height:44px}