@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#233a33;background:#f6f4ec;font-synthesis:none;--green:#1b4b3e;--lime:#d9e9a4;--muted:#7d867d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a6bd50;outline-offset:4px}a{color:inherit}button{border:0}button:disabled.primary{opacity:.45}[hidden]{display:none!important}.header{height:94px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;border-bottom:1px solid #dcded2;gap:30px}.brand{text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:35px;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;background:var(--green);color:var(--lime);width:40px;height:43px;border-radius:12px;font-size:29px}.brand-dot{color:#829553;margin-left:-9px}.header-caption{font-size:10px;letter-spacing:2px;color:#7e887d;margin-left:20px}.connection{margin-left:auto;font-size:11px;color:#8d7358}.connection:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.connection.online{color:#567654}main{max-width:1440px;padding:0 48px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 35px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700;margin:0 0 15px;color:#77805e}h1{font-family:Manrope,sans-serif;font-size:clamp(32px,3.3vw,48px);letter-spacing:-2.4px;line-height:1.14;font-weight:600;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:#6b7c50}h1+p{font-size:13px;color:#7a8176;margin:17px 0 0}.edition{font-size:10px;letter-spacing:2px;line-height:1.8;color:#8b907f;text-align:right}.edition strong{font-size:9px;font-weight:500;color:#455f44}.layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:24px;align-items:start}.play-area{border:1px solid #dce0d3;border-radius:15px;overflow:hidden;background:#eeeee4}.table-toolbar{height:47px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:#747e6d}.table-toolbar i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#8da16c;margin-right:8px}.table{height:450px;margin:0 10px;position:relative;border:8px solid #385346;border-radius:140px;background:radial-gradient(ellipse at 50% 44%,#2f6755 0,#1c4b3d 65%,#153d33);box-shadow:inset 0 0 0 2px #66816a,inset 0 0 50px #082c2977,0 8px 15px #253d3516;color:#fff}.table:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.table-line{position:absolute;inset:16px;border:1px solid #a9be8060;border-radius:117px;pointer-events:none}.seat{position:absolute;display:flex;align-items:center;gap:8px;z-index:3;font-size:11px;max-width:40%;border-radius:35px;padding:5px 11px 5px 5px;background:#12372e99;transition:box-shadow .2s}.seat.active{box-shadow:0 0 0 2px #d7e7a3,0 0 25px #d7e7a330}.avatar{border:1px solid #839d76;background:#426454;display:grid;place-items:center;color:#e0e7c4;width:30px;height:30px;border-radius:50%;font-size:15px;flex-shrink:0}.seat strong{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.seat strong small{font-size:9px;opacity:.65}.seat div>span{font-size:7px;letter-spacing:1px;color:#b2c6ac;display:block;margin-top:4px}.seat-0{bottom:22px;left:50%;transform:translate(-50%)}.seat-2{top:22px;left:50%;transform:translate(-50%)}.seat-1{right:18px;top:50%;transform:translateY(-50%)}.seat-3{left:18px;top:50%;transform:translateY(-50%)}.seat-1,.seat-3{max-width:22%;flex-direction:column;text-align:center;background:transparent;padding:7px}.seat-1 strong,.seat-3 strong{max-width:110px}.table-center{position:absolute;inset:85px 23% 78px;z-index:2;display:flex;align-items:center;flex-direction:column}#table-message{font-family:Georgia,serif;font-size:20px;line-height:1.35;white-space:pre-line;text-align:center;color:#e7edcb;margin:2px -25px 12px}#table-message.in-game{font:10px DM Sans,sans-serif;color:#dce8c0;min-height:20px;margin-top:-7px}#trick{width:100%;height:215px;position:relative}.preview-cards{display:flex;align-items:center;justify-content:center;height:175px;padding-top:18px}.preview-cards .card{width:88px;height:126px;margin:0 -16px;box-shadow:0 8px 20px #0a251f60}.preview-cards .card:nth-child(1){transform:rotate(-17deg) translateY(7px)}.preview-cards .card:nth-child(2){transform:translateY(-8px);z-index:1}.preview-cards .card:nth-child(3){transform:rotate(17deg) translateY(7px)}.card{background:#fffef7;color:#263c35;display:inline-block;width:66px;height:94px;border-radius:6px;border:1px solid #e2e0ce;box-shadow:0 2px 4px #0002;position:relative;flex-shrink:0;font-family:Georgia,serif}.card.red{color:#bf5546}.corner{position:absolute;top:5px;left:6px;font-size:20px;line-height:.9;text-align:center}.corner small{font-size:15px;display:block;line-height:1.1}.corner.bottom{inset:auto 6px 5px auto;transform:rotate(180deg)}.card-suit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:37px}.felt-sign{position:absolute;bottom:76px;left:50%;transform:translate(-50%);color:#afc29270;font-size:7px;letter-spacing:3px;white-space:nowrap}.felt-sign span{font-size:15px;padding:0 5px}.played{position:absolute;display:flex;align-items:center;flex-direction:column;gap:3px}.played small{font-size:8px;color:#dce3cf;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.played-0{left:50%;top:108px;transform:translate(-50%);z-index:4}.played-2{left:50%;top:-8px;transform:translate(-50%);z-index:1}.played-1{left:calc(50% + 42px);top:50px;transform:rotate(9deg);z-index:3}.played-3{right:calc(50% + 42px);top:50px;transform:rotate(-9deg);z-index:2}.hand-area{padding:22px 22px 18px;min-height:170px}.hand-heading{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:#596c56;margin-bottom:17px}.hand-heading span+span{letter-spacing:0;color:#878e7b;font-size:10px}#hand{display:flex;gap:6px;justify-content:center;padding:5px 0 0}.hand-card{background:transparent;padding:0;min-width:0;flex:0 1 66px;transition:transform .15s}.hand-card .card{width:100%;min-width:42px}.hand-card:not(:disabled):hover,.hand-card:not(:disabled):focus-visible{transform:translateY(-9px)}.hand-card:disabled{opacity:.5}.hand-card:not(:disabled) .card{box-shadow:0 0 0 2px #98ad60,0 4px 12px #4c603822}.card-points{display:block;font-size:8px;letter-spacing:1px;color:#70805a;margin-top:7px}.empty-hand{display:flex;align-items:center;gap:22px;font-family:Georgia,serif;color:#b3bba3;font-size:23px;margin:25px 0}.empty-hand span{font:11px DM Sans,sans-serif;color:#949d85}.panel{padding:27px 24px;background:#fffef9;border:1px solid #dce0d3;border-radius:13px}.panel h2{font:600 25px Manrope,sans-serif;letter-spacing:-1px;margin:0 0 12px}.muted{color:#878d7e;font-size:12px;line-height:1.65;margin:0 0 24px}label{display:block;font-size:8px;letter-spacing:1.3px;font-weight:700;margin:18px 0 9px;color:#738064}input{width:100%;border:1px solid #dce1d2;border-radius:6px;padding:12px;background:#fcfcf7;color:#253a31;font-size:12px;min-width:0}input::placeholder{color:#a6ac9c}.player-options{display:flex;gap:7px}.player-options button{background:#f3f4eb;border:1px solid #dce1d2;color:#89927e;border-radius:6px;flex:1;padding:10px}.player-options button.selected{background:var(--green);border-color:var(--green);color:#ebf1d5}.small{font-size:10px;color:#8e9682;min-height:16px;margin:10px 0 20px}.primary{background:var(--green);color:#eff4df;width:100%;padding:14px 15px;border-radius:6px;font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:10px;align-items:center}.primary:hover:not(:disabled){background:#28614e}.primary span{font-size:18px;color:var(--lime)}.divider{display:flex;align-items:center;gap:10px;font-size:9px;color:#a1a58f;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:#e7e9dc;flex:1}.join-row{display:flex;gap:7px}.join-row input{flex:1;text-transform:uppercase}.secondary{background:#e8edda;border:1px solid #d6dfc2;border-radius:6px;white-space:nowrap;color:#4c633e;padding:0 13px;font-size:11px}.rules{margin:21px 8px;color:#88907d;font-size:10px;line-height:1.8}.rules summary{font-size:12px;color:#425c41;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.rules p{margin:12px 0}.rules a{font-size:9px;color:#657952;text-underline-offset:3px}.rank-guide{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;border-top:1px solid #dde1d1;border-bottom:1px solid #dde1d1;padding:9px 0;row-gap:3px}.rank-guide b,.rank-guide>span{font:17px Georgia,serif;color:#53694a}.rank-guide small{font-size:9px}.panel-top{display:flex;justify-content:space-between;align-items:start}.text-button{background:none;padding:0;color:#788966;font-size:10px}.scoreboard{display:flex;align-items:center;justify-content:space-between;margin:25px 0 20px;padding-bottom:16px;border-bottom:1px solid #e2e5d9;gap:7px}.scoreboard>div{flex:1}.scoreboard>div:last-child{text-align:right}.scoreboard span{font-size:8px;letter-spacing:.8px;color:#7c886c}.scoreboard strong{display:block;font:500 34px Manrope,sans-serif;color:#284e3d}.scoreboard small{font:12px DM Sans,sans-serif;color:#acb49b}.scoreboard p{font-size:9px;color:#919a81;margin:4px 0}.scoreboard .score-separator{font-size:17px;color:#b5bea5}.trump-box{display:flex;gap:14px;align-items:center;background:#f0f3e6;border:1px solid #dfe6ce;border-radius:7px;padding:12px}.card.mini{width:41px;height:58px}.mini .corner{font-size:12px;top:3px;left:3px}.mini .corner small{font-size:9px}.mini .corner.bottom{inset:auto 3px 3px auto}.mini .card-suit{font-size:22px}.trump-box>div>span{font-size:8px;letter-spacing:1px;color:#8a9575;display:block;margin-bottom:5px}.trump-box strong{font:20px Georgia,serif;text-transform:capitalize;color:#46613e}.status{font-size:11px;line-height:1.7;color:#7d876e;margin:19px 0}.invite{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.invite strong{letter-spacing:3px;font-size:20px;font-weight:500;color:#47603a}#last-trick{font-size:10px;color:#7d8b6b;margin-top:20px}#last-trick summary{cursor:pointer}.last-row{display:flex;gap:8px}#last-cards p{font-size:10px}footer{display:flex;justify-content:space-between;border-top:1px solid #dce0d1;margin-top:33px;padding:21px 0 27px;font-size:8px;letter-spacing:1.5px;color:#8e977f}footer span+span{font-family:Georgia,serif;font-size:12px;letter-spacing:0;color:#8f997e}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#243f34;color:#f0f3e3;padding:14px 22px;border:1px solid #728468;border-radius:8px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:90%;box-shadow:0 8px 30px #0003}#toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1400px){.table{height:490px}.table-center{top:100px}}@media(max-width:1100px){main{padding:0 25px}.header{padding:0 25px}.layout{grid-template-columns:minmax(0,1fr) 285px;gap:17px}.table{border-radius:110px}.table-line{border-radius:90px}.table-toolbar{padding:0 15px}.hand-area{padding:22px 13px 18px}.hand-card .card-suit{font-size:27px}.hand-card .corner{font-size:16px}.hand-card .corner small{font-size:12px}.hand-card .corner.bottom{display:none}#hand{gap:4px}.seat strong{font-size:10px}.seat-1,.seat-3{max-width:23%}.panel{padding:25px 20px}}@media(max-width:850px){.header-caption,.edition{display:none}.header{height:75px}.intro{padding:30px 0}.intro h1{font-size:38px}.layout{display:flex;flex-direction:column}.play-area{width:100%}aside{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.table{height:430px}.panel{padding:24px}.rules{margin:8px}.hand-card{flex:0 1 66px}.hand-card .corner.bottom{display:block}.hand-card .card-suit{font-size:32px}.hand-area{min-height:166px}.hand-card .corner{font-size:18px}.seat strong{font-size:11px}}@media(max-width:520px){main{padding:0 13px}.header{padding:0 20px;height:68px}.brand{font-size:29px}.brand-mark{width:33px;height:36px;font-size:24px}.intro{padding:27px 7px}.intro h1{font-size:32px;letter-spacing:-1.6px}.intro .eyebrow{font-size:8px}.intro h1+p{font-size:11px;max-width:290px;line-height:1.6}.table-toolbar{height:39px;font-size:7px;letter-spacing:.7px;padding:0 11px}.table{height:395px;border-width:5px;border-radius:85px;margin:0 5px}.table-line{inset:10px;border-radius:70px}.seat-1{right:5px}.seat-3{left:5px}.seat{gap:5px}.seat strong{font-size:9px;max-width:115px}.seat div>span{font-size:6px;letter-spacing:.3px}.seat-1 strong,.seat-3 strong{max-width:70px}.seat-1 div>span,.seat-3 div>span{max-width:66px;line-height:1.7}.avatar{width:25px;height:25px;font-size:12px}.seat-0{bottom:19px}.seat-2{top:18px}.table-center{inset:76px 24% 72px}#table-message{font-size:17px}#table-message.in-game{font-size:9px;margin-left:-50px;margin-right:-50px}.preview-cards .card{width:70px;height:103px;margin:0 -19px}.preview-cards{padding-top:9px}.played .card{width:55px;height:79px}.played-0{top:101px}.played-2{top:0}.played-1{left:calc(50% + 24px);top:50px}.played-3{right:calc(50% + 24px);top:50px}.played .corner{font-size:17px}.played .corner small{font-size:12px}.played .card-suit{font-size:29px}.played small{font-size:7px}.felt-sign{bottom:68px;font-size:5px;letter-spacing:2px}.hand-area{padding:19px 11px 12px;min-height:148px}.hand-heading{font-size:7px;display:block;line-height:1.6;margin-bottom:10px}.hand-heading span+span{display:block;font-size:9px}#hand{overflow-x:auto;justify-content:flex-start;padding:5px 3px 10px;gap:0}.hand-card{flex:0 0 45px;margin-right:-13px}.hand-card:last-child{margin-right:0}.hand-card .card{min-width:0;height:77px}.hand-card .card-suit{font-size:22px;left:59%;top:60%}.hand-card .corner{font-size:15px;left:4px}.hand-card .corner small{font-size:11px}.hand-card .corner.bottom{display:none}.card-points{font-size:7px;text-align:left;margin-left:4px}.hand-card:not(:disabled):hover{transform:translateY(-4px)}.empty-hand{margin:15px auto 10px;font-size:20px;gap:12px}.empty-hand span{font-size:10px}aside{display:block}.rules{padding:12px;margin:15px 0}.panel{padding:25px}.rules p{font-size:11px}footer{gap:10px;margin-top:17px;font-size:7px;line-height:1.6}footer span+span{font-size:10px;max-width:120px;text-align:right}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}select{font:inherit;width:100%;border:1px solid #dce1d2;border-radius:6px;padding:11px;background:#fcfcf7;color:#344d35;font-size:12px}select:focus-visible{outline:3px solid #a6bd50;outline-offset:3px}.difficulty-hint{font-size:9px;line-height:1.6;margin-bottom:17px}