:root{font-family:Arial,Tahoma,sans-serif;color:#ece9dc;background:#101c19;font-synthesis:none;font-weight:400;--gold: #dcc18b;--muted: #9baaa1;--line: rgba(221, 225, 202, .13);--surface: #192a24}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .2s,transform .2s,color .2s}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:clamp(42px,5.4vw,76px);line-height:1.08;letter-spacing:-2px}h1 em{color:var(--gold);font-weight:400}h2{font-size:32px;line-height:1.2}p{color:var(--muted);font-size:15px;line-height:1.75}button{border:0}.app{min-height:100dvh;background:radial-gradient(ellipse at 17% 35%,#213d302e,transparent 62%);overflow:hidden}.site-header{height:112px;margin:0 auto;max-width:1440px;padding:0 64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;background:none;color:#f1ecdd;text-align:start;font-family:Georgia,serif;font-size:27px;letter-spacing:5px;padding:0}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2.8px;color:var(--muted);margin-top:7px}.brand-seal{border:1px solid #b9a275;width:43px;height:49px;display:grid;place-items:center;border-radius:20px 20px 4px 4px;font:31px Georgia,serif;color:var(--gold)}nav{display:flex;align-items:center;gap:29px}.text-button{background:none;color:#b8c2b8;font-size:13px;padding:8px 0}.text-button:hover{color:var(--gold)}.language{color:#e4dbbf;border:1px solid #6e786051;background:none;border-radius:5px;padding:9px 15px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:var(--gold);line-height:1.8}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-inline-end:8px;vertical-align:middle}.welcome{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.25fr .8fr;gap:80px;padding:72px 64px 0;min-height:680px}.welcome-copy h1{margin:23px 0}.welcome-copy>p{font-size:16px;max-width:400px}.welcome-tags{display:flex;gap:26px;color:#b8c3b5;font-size:11px;margin-top:25px}.hero-table{height:282px;position:relative;margin-inline-start:-75px;margin-top:0;width:calc(100% + 90px)}.table-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:3px;color:#82998b}.table-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.table-scene canvas{width:100%;height:100%;display:block}.hero-table .table-scene{top:-38px;right:-35px;bottom:-20px;left:-35px}.auth-card{border:1px solid #c0c1a125;background:linear-gradient(145deg,#22372b99,#1b2a2399);border-radius:12px;padding:35px 36px;height:fit-content;box-shadow:0 24px 70px #0002;margin-top:8px;position:relative}.auth-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#c7ad6f7a,transparent)}.mini-suits{font-size:19px;letter-spacing:15px;color:#9ba992;margin-bottom:25px}.mini-suits span{color:#c19579}.auth-card h2{margin:12px 0;font-size:29px;letter-spacing:-.5px}.auth-card>p{font-size:13px;max-width:310px}.auth-card form{margin-top:25px;display:flex;flex-direction:column;gap:19px}label{display:flex;flex-direction:column;gap:9px;color:#cdd0c0;font-size:12px}input{width:100%;border:1px solid #a9b19630;border-radius:5px;background:#0d1b1580;color:#f2eddc;padding:13px 14px;font-size:13px}input::placeholder{color:#728074}.primary{background:var(--gold);color:#253024;border:1px solid var(--gold);font-size:13px;font-weight:600;border-radius:5px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:45px}.primary:hover:not(:disabled){background:#ead3a5;transform:translateY(-1px)}.primary.wide{width:100%;justify-content:space-between}.secondary{border:1px solid #a8ba9966;color:#d9ddc9;background:#192c2499;padding:13px 21px;border-radius:5px;font-size:13px}.secondary:hover:not(:disabled){background:#35503b}.compact{padding:8px 15px;min-height:34px}.private-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.private-note>span{font-size:23px;color:var(--gold)}.private-note p{font-size:10px;line-height:1.8;color:#8b9d8c}.auth-toggle{display:block;margin:15px auto 0;font-size:11px}footer{max-width:1312px;margin:20px auto 0;border-top:1px solid var(--line);padding:22px 64px;display:flex;justify-content:space-between;color:#7f9485;font-size:10px;letter-spacing:.5px}footer i{font-style:normal;margin:0 12px;color:var(--gold)}.error{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:20px;background:#50342e;border:1px solid #bb7c60;border-radius:7px;padding:13px 20px;max-width:min(650px,94vw);font-size:13px;box-shadow:0 5px 25px #0005}.error button{color:inherit;background:none;font-size:23px}.loading{min-height:60vh;display:grid;place-items:center;color:var(--gold)}.lobby{max-width:1280px;margin:auto;padding:64px}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.lobby h1{font-size:58px;margin:15px 0 20px}.section-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:55px 0 24px;padding-bottom:17px}.section-line h2{font-size:25px}.section-line>span{color:var(--muted);font-size:9px;letter-spacing:2px}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.match-card{background:linear-gradient(130deg,#243e30,#1a2b22);border:1px solid var(--line);border-radius:9px;text-align:start;color:#eee7d3;padding:25px;position:relative;min-height:195px}.match-card:hover{transform:translateY(-4px);border-color:#baaa6d88}.match-icon{font-size:38px;color:var(--gold)}.match-phase{position:absolute;inset-inline-end:22px;top:29px;color:var(--muted);font-size:10px}.match-card h3{font-size:24px;margin:19px 0}.match-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--gold)}.match-bottom small{color:var(--muted)}.empty-tables{height:340px;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;align-items:center;padding:40px}.empty-tables>.table-scene{left:40%;right:-10%;opacity:.8}.empty-tables>div:last-child{position:relative;max-width:360px}.empty-tables h2{font-size:30px}.empty-tables p{margin:14px 0 24px}.join-screen{display:flex;justify-content:center;padding:80px 20px}.join-screen .auth-card{max-width:430px;width:100%}.join-screen .primary{margin:25px 0 10px}.game-layout{max-width:1440px;margin:auto;padding:0 38px 22px}.in-game .site-header{height:82px}.game-toolbar{height:60px;display:flex;justify-content:space-between;align-items:center}.save-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#90a78f}.save-status i,.opponent-badge i{width:6px;height:6px;background:#827451;border-radius:50%;display:inline-block}.save-status i.online,.opponent-badge i.online{background:#8cbe8c;box-shadow:0 0 9px #8cbe8c33}.game-board{height:470px;position:relative;border:1px solid #b9b8961a;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at center,#243c2a,#14241d 75%)}.game-board>.table-scene{top:-35px;right:-40px;bottom:-150px;left:-40px;opacity:.94}.score-panel{position:absolute;top:28px;inset-inline-start:30px;z-index:1;text-align:center;font-size:11px;color:#bdc7b3}.score-numbers{display:flex;align-items:center;gap:19px;justify-content:center;font:39px Georgia,serif;margin:8px 0;color:#eadcb6}.score-numbers small{font:20px Georgia,serif;color:#8ca185}.score-divider{margin:0 8px;color:#7b987c}.opponent-badge{position:absolute;top:19px;left:50%;transform:translate(-50%);display:flex;gap:11px;align-items:center;background:#11281ecc;padding:10px 19px;border:1px solid #acc19a33;border-radius:45px;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;background:#38503b;color:var(--gold);display:grid;place-items:center;font:21px Georgia,serif}.opponent-badge strong{font-size:12px;font-weight:500}.opponent-badge small{display:flex;align-items:center;gap:6px;font-size:9px;color:#a0b197;margin-top:5px}.trump-panel{position:absolute;top:29px;inset-inline-end:35px;text-align:center;display:flex;flex-direction:column;align-items:center}.trump-panel strong{font-size:43px;font-weight:400;color:#e1dfc7;line-height:1.35}.trump-panel small{color:#abbc9c;font-size:10px}.red{color:#cf8c77!important}.board-bottom{position:absolute;bottom:19px;left:29px;right:29px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#a3b898}.board-bottom b{font-size:15px;margin-inline-start:12px;color:#eadcb6}.table-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);width:min(560px,65%);text-align:center;background:radial-gradient(ellipse,#173a2ef2,#193c2edb 55%,#173a2e00 74%);padding:30px 25px;z-index:2}.table-message h2{font-size:32px;color:#f0ead4;margin:9px 0 12px}.table-message p{color:#adc0a6;font-size:12px;max-width:380px;margin:0 auto 21px;line-height:1.7}.table-message small{display:block;color:#a5b59c;font-size:10px;line-height:1.7;margin-top:13px}.ornament{font-size:30px;color:var(--gold)}.table-message .eyebrow{font-size:8px;letter-spacing:2px}.table-message .primary{padding:12px 24px}.invite-panel{transform:translate(-50%,-43%);width:min(580px,73%)}.invite-panel h2{font-size:32px}.share-url{font-size:10px;text-align:center;padding:10px;max-width:370px;margin:0 auto 15px;display:block;background:#132e24}.suit-choices{display:flex;justify-content:center;gap:13px}.suit-choices button{width:73px;background:#e9e4d6;border-radius:6px;padding:9px 2px;color:#243b31;box-shadow:0 5px 15px #0003}.suit-choices button:hover{transform:translateY(-7px);background:#fff8e5}.suit-choices span{font-size:36px}.suit-choices small{font-size:9px;color:#314539;margin:4px 0}.suit-choices .red{color:#a94943!important}.draw-panel:has(.draw-copy){display:flex;align-items:center;gap:26px;text-align:start;width:min(620px,73%)}.draw-panel h2{font-size:28px}.draw-panel p{font-size:11px;margin-bottom:15px}.draw-copy{flex:1}.peek-card{width:97px;height:auto;border-radius:7px;transform:rotate(7deg);box-shadow:0 15px 28px #0007;animation:reveal .25s ease-out}.draw-buttons{display:flex;gap:10px}.draw-buttons .primary,.draw-buttons .secondary{padding:11px 17px;min-height:40px;font-size:11px}.play-prompt{position:absolute;bottom:60px;left:50%;transform:translate(-50%);font-size:12px;color:#e2dfbe;display:flex;align-items:center;gap:8px;background:#10291ebd;border:1px solid #aec39733;padding:11px 19px;border-radius:30px;white-space:nowrap}.turn-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.hand-section{position:relative;margin-top:20px}.hand-heading{display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;color:#e1dfc9}.hand-heading b{font-weight:500}.hand-heading small{font-size:8px;color:var(--gold);letter-spacing:1.5px;margin-inline-start:6px}.hand-private{font-size:9px;color:#8aa082}.hand-cards{display:flex;justify-content:center;align-items:flex-start;min-height:169px;padding:26px 24px 6px;perspective:900px}.hand-card{padding:0;background:none;position:relative;flex:0 0 82px;width:82px;border-radius:6px;transform:translateY(var(--rise)) rotate(var(--rotation));margin-left:-22px;box-shadow:0 7px 12px #0005;transition:transform .2s,filter .2s;transform-style:preserve-3d}.hand-card:first-child{margin-left:0}.hand-card img{display:block;width:100%;border-radius:5px;pointer-events:none}.hand-card:disabled{opacity:1}.hand-card.available{cursor:pointer}.hand-card.available:hover,.hand-card:focus-visible{transform:translateY(-18px) rotate(0);z-index:3}.hand-card.selected{transform:translateY(-21px) rotate(0);box-shadow:0 0 0 3px var(--gold),0 15px 25px #0005;z-index:2}.selected-check{position:absolute;bottom:8px;left:50%;transform:translate(-50%);border-radius:50%;background:#21412f;color:var(--gold);width:22px;height:22px;display:grid;place-items:center;font-size:12px}.empty-hand{color:#627d69;font-size:12px;margin-top:40px}.last-trick{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:10px;color:#99ad93;margin:10px 0}.last-trick>span:first-child{color:#cfbf8f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#07130bd6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px}.rules-modal{position:relative;background:#1b3025;border:1px solid #a9b38940;max-width:640px;width:100%;padding:40px;border-radius:12px;max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #0007}.rules-modal h2{margin:10px 0 24px}.rules-modal ol{padding-inline-start:20px;color:#b9c5aa;font-size:13px;line-height:1.8}.rules-modal li{padding-inline-start:8px;margin-bottom:16px}.rules-modal li::marker{color:var(--gold)}.close-modal{position:absolute;top:15px;inset-inline-end:20px;background:none;color:var(--gold);font-size:26px}.table-fallback{background:radial-gradient(ellipse at center,#24553b 0 45%,#806a35 46%,#33281c 47% 49%,transparent 50%);border-radius:50%}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.6}[dir=rtl] .eyebrow,[dir=rtl] .board-bottom,[dir=rtl] .hand-heading small,[dir=rtl] .section-line>span{letter-spacing:0}[dir=rtl] .brand{direction:ltr}[dir=rtl] h1{font-size:52px}[dir=rtl] h2{font-size:27px}[dir=rtl] .auth-card h2{font-size:24px}[dir=rtl] .table-message h2{font-size:25px}[dir=rtl] .draw-panel h2{font-size:23px}@keyframes reveal{0%{opacity:0;transform:translateY(10px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(7deg)}}@media(min-width:1500px){.game-board{height:530px}.hand-card{flex-basis:91px;width:91px}.hand-cards{min-height:180px}}@media(max-width:1050px){.welcome{gap:35px;padding:50px 35px 0}.site-header{padding:0 35px}.auth-card{padding:28px}.welcome h1{font-size:54px}.welcome-tags{gap:14px;font-size:10px}.game-layout{padding:0 20px 20px}.game-board{height:440px}.lobby{padding:45px 30px}.table-message h2{font-size:29px}}@media(max-width:700px){.site-header{height:85px;padding:0 21px}.brand{font-size:22px;gap:10px}.brand-seal{width:33px;height:40px;font-size:26px}.brand small{font-size:6px;letter-spacing:2px}nav{gap:15px}.text-button{font-size:11px}.language{padding:7px 10px;font-size:11px}.signout{display:none}.welcome{display:flex;flex-direction:column;gap:0;padding:40px 25px 25px}.welcome h1{font-size:49px;margin:17px 0}.welcome-copy>p{font-size:14px}.welcome-tags{font-size:10px;gap:20px}.hero-table{height:235px;margin-top:0;margin-left:-20px;width:calc(100% + 40px)}.hero-table .table-scene{top:-35px;right:-5px;bottom:-35px;left:-5px}.auth-card{padding:28px;margin:0 auto;max-width:450px;width:100%}.auth-card h2{font-size:27px}.auth-card>p{max-width:none}.mini-suits{margin-bottom:20px}footer{padding:22px 25px;gap:15px;margin-top:0;font-size:8px;line-height:1.7}.lobby{padding:35px 22px}.lobby-heading{align-items:flex-start;flex-direction:column}.lobby h1{font-size:43px}.section-line{margin-top:37px}.section-line>span{font-size:7px;letter-spacing:1px}.empty-tables{height:370px;align-items:flex-start;padding:26px}.empty-tables h2{font-size:26px}.empty-tables>.table-scene{left:10%;right:-20%;top:130px;bottom:-40px}.empty-tables>div:last-child{max-width:290px}.empty-tables p{font-size:12px}.in-game .site-header{height:70px}.game-layout{padding:0 10px 18px}.game-toolbar{height:52px;gap:10px;padding:0 3px}.save-status{font-size:8px;gap:5px}.game-toolbar>.secondary{font-size:10px;padding:7px 10px}.game-board{height:465px;border-radius:10px}.game-board>.table-scene{top:0;right:-80px;bottom:-25px;left:-80px}.score-panel{top:23px;inset-inline-start:15px;font-size:9px}.score-panel .eyebrow{font-size:7px;letter-spacing:1px}.score-numbers{font-size:29px;gap:11px;margin:7px 0}.opponent-badge{top:18px;padding:8px 11px;gap:7px;max-width:43%}.opponent-badge strong{font-size:11px;display:block;max-width:98px;overflow:hidden;text-overflow:ellipsis}.opponent-badge small{font-size:7px}.avatar{width:25px;height:25px;font-size:16px}.trump-panel{top:22px;inset-inline-end:16px}.trump-panel .eyebrow{font-size:8px;letter-spacing:1px}.trump-panel strong{font-size:34px}.trump-panel small{font-size:8px}.table-message{width:96%;padding:22px 18px;transform:translate(-50%,-34%)}.table-message h2{font-size:26px}.table-message p{font-size:11px;max-width:290px}.table-message small{font-size:9px}.table-message .eyebrow{font-size:7px;letter-spacing:1px}.suit-choices{gap:10px}.suit-choices button{width:62px}.invite-panel{width:94%}.invite-panel h2{font-size:25px}.share-url{font-size:9px;max-width:290px}.draw-panel:has(.draw-copy){width:97%;gap:14px;text-align:start}.draw-panel h2{font-size:25px}.draw-panel p{font-size:10px}.peek-card{width:80px}.draw-buttons{gap:7px}.draw-buttons .primary,.draw-buttons .secondary{padding:10px 12px;font-size:10px}.board-bottom{left:16px;right:16px;font-size:7px;letter-spacing:1px}.play-prompt{font-size:10px;bottom:57px;padding:10px 12px;max-width:95%;white-space:normal;width:max-content}.hand-section{margin-top:17px}.hand-heading{padding:0 5px;font-size:11px}.hand-heading small{font-size:7px}.hand-private{font-size:8px}.hand-cards{padding:24px 7px 4px;min-height:133px}.hand-card{flex-basis:61px;width:61px;margin-left:calc(-1*max(16px,(793px - (100vw - 40px)) / 12))}.last-trick{gap:9px;font-size:9px}.rules-modal{padding:28px}.rules-modal h2{font-size:27px}.rules-modal ol{font-size:12px}.modal-backdrop{padding:15px}[dir=rtl] .welcome h1{font-size:38px}[dir=rtl] .table-message h2{font-size:22px}[dir=rtl] .draw-panel h2{font-size:20px}}@media(max-height:600px)and (orientation:landscape){.in-game .site-header{height:58px}.game-toolbar{height:43px}.game-board{height:305px}.game-board>.table-scene{top:-25px;right:0;bottom:-125px;left:0}.opponent-badge{top:10px}.table-message{padding:10px 20px;transform:translate(-50%,-36%);width:65%}.table-message h2{font-size:23px;margin:4px 0 8px}.table-message p{font-size:10px;margin-bottom:10px}.table-message small{font-size:8px;margin-top:7px}.ornament{font-size:20px}.table-message .primary{padding:8px 17px;min-height:33px;font-size:11px}.suit-choices button{width:52px;padding:5px}.suit-choices span{font-size:28px}.suit-choices small{margin:2px 0}.draw-panel:has(.draw-copy){width:68%}.peek-card{width:65px}.hand-cards{min-height:107px;padding-top:17px}.hand-card{flex-basis:60px;width:60px;margin-left:-20px}.board-bottom{bottom:10px}.play-prompt{bottom:34px}.score-panel,.trump-panel{top:18px}.hand-section{margin-top:12px}.hand-heading{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:700px){.save-status,.opponent-badge small{font-size:9px}.trump-panel small{font-size:10px}.score-panel .eyebrow{font-size:8px}.board-bottom{font-size:9px;letter-spacing:.5px}.hand-heading{font-size:12px}.hand-heading small,.hand-private{font-size:9px;letter-spacing:0}.hand-card{flex-basis:74px;width:74px;margin-left:calc(-1*max(20px,(962px - (100vw - 40px)) / 12))}.hand-cards{min-height:150px}}@media(max-height:600px)and (orientation:landscape){.in-game .site-header{height:45px}.in-game .brand-seal{height:33px;width:29px;font-size:23px}.in-game .brand{font-size:20px}.in-game .brand small{font-size:6px;margin-top:3px}.game-layout{padding-bottom:6px}.game-toolbar{height:34px}.game-board{height:calc(100dvh - 215px);min-height:170px}.game-board>.table-scene{top:-5px;right:0;bottom:-40px;left:0}.table-message{top:53%;transform:translate(-50%,-43%);padding:6px 15px}.table-message .ornament{display:none}.table-message h2{font-size:20px;margin:3px 0 5px}.table-message p{font-size:9px;line-height:1.4;margin-bottom:7px}.table-message small{font-size:8px;margin-top:4px}.table-message .eyebrow{font-size:7px}.table-message .primary{min-height:29px;padding:6px 12px;font-size:10px}.suit-choices button{width:45px;padding:3px}.suit-choices span{font-size:23px}.suit-choices small{font-size:8px}.opponent-badge{top:7px;padding:5px 11px}.opponent-badge .avatar{width:22px;height:22px;font-size:15px}.opponent-badge strong{font-size:10px}.opponent-badge small{font-size:8px;margin-top:2px}.score-panel,.trump-panel{top:11px}.score-numbers{font-size:27px;margin:3px 0}.trump-panel strong{font-size:28px}.hand-section{margin-top:6px}.hand-heading{font-size:10px;line-height:12px}.hand-cards{padding-top:12px;min-height:96px;padding-bottom:0}.hand-card{flex-basis:57px;width:57px;margin-left:-19px}.last-trick{display:none}.peek-card{width:53px}.draw-panel .draw-buttons .secondary{padding:6px 12px;min-height:29px;font-size:10px}.share-url{padding:6px;margin-bottom:6px}.invite-panel h2{font-size:19px}[dir=rtl] .table-message h2{font-size:18px;line-height:1.4}}