@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2");font-display:swap}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2) format("woff2");font-display:swap}:root{font-family:DM Sans,sans-serif;color:#28392f;background:#f6f5ef;font-synthesis:none;font-weight:400;font-size:14px;--paper: #f6f5ef;--ink: #253c32;--muted: #8b8e81;--green: #244d3e;--line: #e3e3d8;--gold: #b2945a;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #bb9a5d;outline-offset:4px}input:focus-visible{outline:2px solid #b2945a;outline-offset:2px}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}button{transition:background .2s,transform .2s,color .2s,box-shadow .2s}button:disabled{opacity:.5}button:disabled.hand-card{opacity:1}.app-shell{max-width:1600px;margin:0 auto;padding:0 5.3%}.site-header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand-symbol{width:34px;height:44px;display:grid;place-items:center;position:relative}.brand-symbol:before{content:"";position:absolute;width:25px;height:33px;transform:rotate(37deg) skew(-9deg);border:1.5px solid #aa804d;background:#b99a6530}.brand-symbol span{font-family:var(--serif);font-size:25px;position:relative;color:#906e3e}.brand-word{font-family:var(--serif);font-size:40px;line-height:.95;letter-spacing:-1.8px}.brand-tagline{display:block;font-family:DM Sans,sans-serif;font-size:7.3px;line-height:1;margin-top:9px;letter-spacing:3.2px;font-weight:600}.site-header nav{display:flex;gap:35px;align-items:center;margin-left:65px;height:100%}.nav-link{font-size:12px;height:100%;position:relative;color:#85877d;padding:0 2px}.nav-link:hover{color:var(--green)}.nav-link.active{color:var(--green);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.header-tools{display:flex;gap:18px;align-items:center}.language-button{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600}.header-divider{height:21px;width:1px;background:var(--line)}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#6d796b;border-radius:50%}.icon-button:hover,.icon-button.on{background:#e8ebdf;color:var(--green)}.welcome{display:flex;align-items:center;justify-content:space-between;padding:43px 0 34px;gap:25px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:#848776;display:flex;align-items:center;gap:7px}.tiny-star{color:#b19459;font-size:17px}.welcome h1{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1.2;letter-spacing:-1.7px;margin:12px 0 13px}.welcome p{font-size:12px;line-height:1.7;color:#85867c}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #dce3d6;background:#eef1e8;border-radius:30px;padding:9px 12px;font-size:8px;letter-spacing:1.3px;font-weight:600;white-space:nowrap;margin-top:22px}.status-dot{width:6px;height:6px;border-radius:50%;background:#5f8765;display:inline-block;box-shadow:0 0 0 3px #5f876510}.connecting{color:#a38b57}.connecting .status-dot,.gold-dot{background:#b69a60}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.table-section{border:1px solid #dedfd3;border-radius:12px;background:#f0f0e7;overflow:hidden;box-shadow:0 8px 25px #344a3403}.table-heading{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #e0e2d6;background:#f5f5ed;gap:12px}.table-heading-left{display:flex;align-items:center;gap:13px}.room-icon{width:36px;height:38px;border:1px solid #dfe3d4;border-radius:7px;display:grid;place-items:center;color:#6b7a63}.table-heading h2{font-family:var(--serif);font-size:19px;letter-spacing:-.3px;font-weight:400;margin-bottom:5px}.room-dot{color:#b8bba8;margin:0 6px;font-family:sans-serif;font-size:15px;font-weight:300}.room-number{font-size:13px;color:#8c9480;letter-spacing:0}.micro-label{font-size:7px;letter-spacing:1.4px;color:#939784;font-weight:500}.classic-badge{border:1px solid #dadfd0;border-radius:4px;font-size:7.5px;letter-spacing:1.1px;display:flex;gap:6px;align-items:center;padding:7px 9px;color:#7b866c;white-space:nowrap}.classic-badge>span{font-size:13px}.table-stage{position:relative;height:465px;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#e0e5d4,#e8ebdf 45%,#efefe5 78%);overflow:hidden}.table-stage:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.12;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E")}.canvas-wrap{position:absolute;inset:-5% -4% 5%;z-index:0;pointer-events:none}.canvas-wrap canvas{display:block;width:100%;height:100%}.table-corner{position:absolute;width:18px;height:18px;z-index:2;opacity:.6;border-color:#bfc6ae;border-style:solid}.top-left{top:20px;left:20px;border-width:1px 0 0 1px}.top-right{top:20px;right:20px;border-width:1px 1px 0 0}.bottom-left{bottom:20px;left:20px;border-width:0 0 1px 1px}.bottom-right{bottom:20px;right:20px;border-width:0 1px 1px 0}.player-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#f8f8efed;border:1px solid #d9dfce;border-radius:8px;padding:10px 15px;box-shadow:0 4px 12px #23372105;z-index:3;max-width:88%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.opponent-chip{top:22px;left:50%;transform:translate(-50%);min-width:217px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-family:var(--serif);font-size:17px}.empty-avatar{background:#e9ecdf;color:#919b80;border:1px dashed #b6c1a1}.rival-avatar{background:#e9dfc7;color:#806839;border:2px solid #f7f1e4}.player-chip strong{display:block;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.player-chip div>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#909681;margin-top:4px;white-space:nowrap}.player-tricks{font-family:var(--serif);font-size:23px;padding-inline-start:12px;margin-inline-start:auto;text-align:center;border-inline-start:1px solid #dce0d2}.player-tricks small{display:block;font-family:Arial,sans-serif;font-size:7px;color:#8a937d}.current-player{border-color:#b2985c;box-shadow:0 0 0 3px #b2985c10}.table-watermark{position:absolute;left:50%;top:61%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;color:#c9bf9070;pointer-events:none}.table-watermark>span{font-family:var(--serif);font-size:14px;letter-spacing:4px}.table-watermark>small{font-size:5px;letter-spacing:2px;margin-top:5px}.hand-area{position:absolute;bottom:25px;left:0;right:0;z-index:4;pointer-events:none}.card-fan{height:145px;position:relative;perspective:1100px;direction:ltr;margin:0 auto;max-width:100%;--spread: 43px}.hand-card{padding:0;border-radius:8px;width:87px;height:122px;position:absolute;bottom:6px;left:calc(50% - 43.5px);transform-origin:50% 140%;transform:translate(calc(var(--offset) * var(--spread))) translateY(var(--lift)) rotate(var(--angle)) rotateX(8deg);box-shadow:0 3px 3px #092e3330,0 8px 14px #092e3320;background:#fefcf4;pointer-events:auto;transition:transform .32s cubic-bezier(.2,.85,.25,1.3),filter .2s,box-shadow .2s;animation:hand-arrive .65s both;animation-delay:calc(var(--index) * 45ms)}.hand-card img{width:100%;height:100%;display:block;border-radius:7px;-webkit-user-select:none;user-select:none}.hand-card:not(:disabled):hover{transform:translate(calc(var(--offset) * var(--spread))) translateY(calc(var(--lift) - 20px)) rotate(calc(var(--angle) * .5));z-index:20;box-shadow:0 12px 25px #0e292344}.hand-card.selected{transform:translate(calc(var(--offset) * var(--spread))) translateY(calc(var(--lift) - 29px)) rotate(calc(var(--angle) * .3));box-shadow:0 0 0 2px #b59c64,0 12px 25px #163a3244;z-index:21}.hand-card.hokm-card{box-shadow:0 0 0 1px #c9ac61,0 4px 14px #dab86930}.hand-card.illegal{filter:brightness(.8) saturate(.5)}.selected-tick{position:absolute;bottom:-7px;left:calc(50% - 9px);width:18px;height:18px;border-radius:50%;background:#b5995c;color:#fff;display:grid;place-items:center}.hand-caption{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:19px;font-size:7px;letter-spacing:2px;color:#808c72;position:relative;z-index:1}.caption-line{height:1px;width:18px;background:#b7bfaa}.table-stage-footer{position:absolute;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;align-items:center;color:#929b83;z-index:3}.fairplay{display:flex;align-items:center;gap:5px;font-size:7px}.table-help{display:flex;color:#929b83;padding:0}.table-bottom{height:75px;border-top:1px solid #dfe2d4;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#f6f6ee}.you-identity{display:flex;align-items:center;gap:11px}.you-avatar{background:#dde5d4;border:3px solid #edf0e5;font-size:15px;color:#526b45}.you-identity strong{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.you-identity strong svg{color:#b59550}.you-identity div>span{display:block;font-size:8px;color:#8b937d;margin-top:5px}.table-bottom-tools{display:flex;align-items:center;gap:5px}.table-bottom-tools>.icon-button{width:29px;height:29px}.side-panel{display:flex;flex-direction:column;gap:15px}.play-panel,.action-panel{background:#fafaf5;border:1px solid #dedfd3;border-radius:10px;padding:25px 23px 0}.panel-eyebrow{font-size:8px;letter-spacing:1.9px;font-weight:600;color:#898d7c;display:flex;align-items:center;gap:7px;margin-bottom:16px}.small-gold-line{width:17px;height:1px;background:#b99b61}.play-panel h2,.action-panel h2{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.24;letter-spacing:-.8px;max-width:235px}.play-panel>p,.action-panel>p{font-size:10px;line-height:1.8;color:#8a8e7d;margin:12px 0 22px}.input-label{display:block;font-size:7px;letter-spacing:1.2px;font-weight:600;color:#777f6c;margin-bottom:8px}.input-wrap{height:41px;display:flex;align-items:center;gap:9px;border:1px solid #dfe2d5;border-radius:5px;background:#f6f7ef;padding:0 12px;margin-bottom:17px;color:#a2a994}.input-wrap input{border:0;background:none;width:100%;min-width:0;font-size:10px;color:var(--ink);outline:0}.input-wrap:focus-within{border-color:#a1ad8d;box-shadow:0 0 0 2px #a1ad8d16}.input-wrap input::placeholder{color:#a1a593}.button{width:100%;min-height:43px;padding:11px 13px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;font-size:10px;font-weight:500;line-height:1.3}.button.primary{background:var(--green);color:#f3f5e9;border:1px solid var(--green);box-shadow:0 2px 3px #1a372e08}.button.primary:hover:not(:disabled){background:#173c2e;transform:translateY(-1px);box-shadow:0 4px 12px #244d3e20}.button.secondary{border:1px solid #dce0d0;background:#f7f8f0}.button.secondary:hover:not(:disabled){background:#ecf0e3;border-color:#c5ceb8}.button+.button{margin-top:9px}.push-end{margin-inline-start:auto}.or-divider{display:flex;align-items:center;gap:10px;color:#a4a996;font-size:8px;margin:14px 0}.or-divider span{flex:1;height:1px;background:#e5e7dd}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;padding:0;color:#69775d}.text-button:hover{color:#243e2d}.join-button{width:100%;margin:16px 0 23px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9fa88d}.panel-note{border-top:1px solid #e6e7dd;font-size:8px;color:#999f8d;display:flex;align-items:center;justify-content:center;gap:6px;padding:15px 0}.practice-panel{border:1px solid #dce1d1;background:#eaf0e2;border-radius:9px;display:flex;align-items:center;text-align:start;padding:17px 14px;gap:11px;width:100%}.practice-panel:hover:not(:disabled){background:#e1ead7}.practice-icon{width:32px;height:34px;background:#e0e8d5;border-radius:6px;display:grid;place-items:center;flex-shrink:0;color:#788564}.practice-panel>span:nth-child(2){flex:1}.practice-panel strong{font-size:10px;font-weight:600;display:block}.practice-panel span span{font-size:8px;line-height:1.7;color:#8a947b;margin-top:5px;display:block}.practice-panel>svg{color:#8a967a}.wisdom{text-align:center;padding:0 14px}.wisdom>span{font-family:var(--serif);font-size:40px;color:#b9bba2;display:block;height:33px}.wisdom p{font-family:var(--serif);font-size:13px;line-height:1.65;font-style:italic;color:#8d937f}.wisdom small{font-size:6px;letter-spacing:1.8px;color:#a0a68e;margin-top:13px;display:block}.features{display:grid;grid-template-columns:1fr 1fr 1fr;margin:34px 0 33px;gap:25px}.features>div{display:flex;align-items:center;gap:14px;justify-content:center}.features>div+div{border-inline-start:1px solid var(--line)}.feature-icon{height:40px;width:40px;border:1px solid #dfe2d5;border-radius:50%;display:grid;place-items:center;color:#91977d;flex-shrink:0}.ornamental-icon{font-size:26px;font-family:var(--serif);color:#9a9b7a}.features h3{font-family:var(--serif);font-size:15px;font-weight:400;margin-bottom:5px}.features p{font-size:9px;color:#949787}.site-footer{border-top:1px solid var(--line);padding:23px 0 27px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#999d8c;gap:15px}.footer-diamond{font-size:19px;color:#a89468;vertical-align:middle;margin-inline-end:5px}.site-footer>span:last-child{font-size:6.5px;letter-spacing:1.5px;display:flex;align-items:center;gap:20px}.footer-suits{font-size:12px;letter-spacing:5px;color:#808f74}.footer-suits i{font-style:normal;color:#b09178}.room-input{width:100%;height:44px;background:#f6f7ef;border:1px solid #dfe2d5;border-radius:5px;font-size:13px;letter-spacing:3px;text-align:center;margin-bottom:15px;color:var(--green)}.room-input::placeholder{font-size:9px;letter-spacing:0}.back-button{margin:18px 0}.connection-note{display:flex;align-items:center;gap:6px;font-size:9px!important;margin:12px 0!important;color:#ac9160!important}.score-panel{border:1px solid #dedfd3;border-radius:9px;background:#fafaf5;padding:20px 20px 0}.score-panel-title{display:flex;justify-content:space-between;align-items:center}.score-panel-title>span:last-child{font-size:8px;color:#929984}.score-players{display:flex;align-items:center;justify-content:space-around;text-align:center;margin-top:22px}.score-players>div{min-width:70px}.score-name{font-size:9px;color:#7d8870;display:block;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.score-players strong{font-family:var(--serif);font-size:43px;font-weight:400;line-height:1.5}.score-dash{color:#b8bfa9;font-size:19px}.score-dots{display:flex;gap:4px;justify-content:center}.score-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#e1e6d7}.score-dots i.filled{background:#aa955d}.score-panel>p{text-align:center;font-size:8px;color:#969e87;margin:15px 0 20px}.score-meta{display:flex;justify-content:space-between;border-top:1px solid #e5e8dc;padding:14px 0}.score-meta>span{font-size:6.5px;letter-spacing:1px;text-align:center;flex:1;color:#929b82}.score-meta>span+span{border-inline-start:1px solid #e2e6d7}.score-meta b{display:block;font-size:17px;font-family:var(--serif);font-weight:400;margin-top:7px;color:var(--green);letter-spacing:0}.score-meta b>span>small{font-size:8px;font-family:DM Sans,sans-serif}.score-meta b>span:not(.red){color:#8c957b}.red{color:#b14f3d!important}.action-panel{padding-bottom:22px}.action-panel .panel-eyebrow{margin-bottom:13px}.action-panel h2{font-size:24px}.action-panel>p{margin-bottom:18px}.suit-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.suit-picker button{border:1px solid #e0e3d5;background:#f5f6ec;border-radius:6px;padding:10px 2px}.suit-picker button:hover:not(:disabled){background:#e9eddd;border-color:#b7a16a;transform:translateY(-3px)}.suit-picker span{display:block;font-size:30px;line-height:1.2}.suit-picker small{font-size:7px;color:#87917a;display:block;margin-top:7px}.selection-count{font-family:var(--serif);font-size:29px;margin:10px 0 18px;color:#9c8655}.selection-count>span{font-size:10px;font-family:DM Sans,sans-serif;color:#929b82}.selection-hint{font-size:10px;color:#899577;text-align:center;min-height:36px;padding-bottom:10px}.draw-card{width:82px;height:115px;margin:-3px auto 19px;transform:rotate(-4deg);animation:draw-reveal .45s ease-out;box-shadow:0 7px 17px #243e2920;border-radius:5px}.draw-card img{width:100%;height:100%;display:block;border-radius:5px}.room-code-display{width:100%;border:1px dashed #b9c5a5;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:15px;background:#f1f4e8;padding:15px 10px;letter-spacing:5px;font-size:22px;margin:15px 0;direction:ltr}.room-code-display svg{color:#9aa886}.room-toolbar{display:flex;justify-content:space-between;align-items:center;padding:2px 3px}.room-toolbar .text-button{font-size:9px}.code-mini{font-size:8px!important;letter-spacing:1px}.spectator-count{display:flex;align-items:center;gap:5px;justify-content:center;font-size:9px;color:#8a9679}.leave-button{font-size:8px;margin-inline-end:8px;color:#959c89}.thinking-dots{display:flex;justify-content:center;gap:5px;padding:8px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:#b3b99f;animation:breathe 1.5s infinite}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}.hokm-marker{position:absolute;right:13%;top:44%;color:#c7b888;text-align:center;transform:rotate(-9deg);pointer-events:none}.hokm-marker>span{font-size:32px;line-height:1.1;display:block;text-shadow:0 0 15px #ebd18850}.hokm-marker small{font-size:6px;letter-spacing:2px}.stock-marker{position:absolute;left:25%;top:52%;font-family:var(--serif);color:#c8c3a5;font-size:18px;display:flex;align-items:center;gap:4px}.stock-marker span{font-family:DM Sans,sans-serif;font-size:7px;opacity:.7}.table-notice{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#ecebd1;width:220px;display:flex;flex-direction:column;align-items:center;gap:12px}.table-notice>span:nth-child(2){font-family:var(--serif);font-size:18px;line-height:1.3}.table-notice>strong{font-family:DM Sans,sans-serif;font-size:20px;letter-spacing:6px;font-weight:400;color:#c3b578}.breathing-dot{display:block;width:7px;height:7px;background:#c5b379;border-radius:50%;animation:breathe 2s infinite}.phase-notice{position:absolute;top:27%;left:50%;transform:translate(-50%);font-size:10px;display:flex;align-items:center;gap:6px;color:#d5c79c;white-space:nowrap}.pause-notice{position:absolute;inset:32% 17% auto;z-index:7;border:1px solid #b5a16b;padding:17px;border-radius:8px;background:#f7f3e8ef;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:11px;line-height:1.8;text-align:center}.pause-notice svg{display:block;margin:0 auto 7px}.last-trick{position:absolute;left:50%;transform:translate(-50%);top:27%;font-size:9px;color:#d0c392;display:flex;align-items:center;gap:5px;white-space:nowrap;animation:trick-toast 3.2s both;pointer-events:none}.spectating-label{position:absolute;bottom:12%;left:50%;transform:translate(-50%);color:#bcc5a4;display:flex;gap:6px;align-items:center;font-size:11px}.result-icon{color:#b29654;margin-bottom:16px}.points-award{font-family:var(--serif);font-size:40px;color:#aa8f4f;margin:17px 0}.points-award span{font-family:DM Sans,sans-serif;font-size:11px;color:#949b83}.modal{border:1px solid #d8ddcc;border-radius:14px;background:#faf9f1;color:var(--ink);max-width:530px;width:calc(100% - 36px);padding:0;max-height:88dvh;box-shadow:0 30px 120px #112f3144}.modal::backdrop{background:#173b3066;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-body{padding:32px;position:relative}.modal-close{position:absolute;top:16px;inset-inline-end:16px}.little-diamond{font-family:var(--serif);font-size:34px;color:#b69860;margin-bottom:10px}.modal h2{font-family:var(--serif);font-weight:400;font-size:31px;letter-spacing:-.7px;line-height:1.2;padding-inline-end:15px}.modal-intro{font-size:12px;line-height:1.8;color:#8c927e;margin:15px 0 24px}.rules-list{margin-bottom:25px}.rules-list>div{display:flex;gap:16px;margin:24px 0}.rules-list>div>span{font-size:10px;color:#b0925b;padding-top:4px}.rules-list h3{font-family:var(--serif);font-size:18px;font-weight:400;margin-bottom:7px}.rules-list p{font-size:11px;line-height:1.9;color:#828c74}.about-art{text-align:center;font-size:35px;color:#758969;letter-spacing:15px;margin:30px 0}.about-art span{color:#b29572}.about-copy{font-size:13px;line-height:2;color:#7e8972}.setting-row{padding:18px 0;border-bottom:1px solid #e5e8da;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px}.setting-row:last-child{border-bottom:0}.toggle{width:37px;height:21px;border-radius:15px;background:#d8ddcf;padding:3px}.toggle>span{display:block;width:15px;height:15px;border-radius:50%;background:#fafbf6;transition:transform .2s;box-shadow:0 1px 2px #1f382220}.toggle.enabled{background:#547654}.toggle.enabled>span{transform:translate(16px)}[dir=rtl] .toggle.enabled>span{transform:translate(-16px)}.history-list{margin-top:20px}.history-list>p{font-size:12px;color:#899579;padding:20px 0}.history-row{display:flex;align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #e5e8da}.history-row>span:first-child{color:#a1ac90;font-family:var(--serif);font-size:22px;width:25px}.history-cards{display:flex;gap:7px}.history-cards img{width:40px;height:56px}.history-row>span:last-child{margin-inline-start:auto;font-size:11px;display:flex;gap:5px;align-items:center}.history-row>span:last-child svg{color:#b09256}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);padding:15px 18px;border-radius:9px;background:#253f32;color:#fafbf3;box-shadow:0 7px 30px #203e2f30;z-index:100;display:flex;gap:15px;align-items:center;font-size:12px;max-width:calc(100% - 30px);animation:toast-in .2s ease-out}.toast button{color:#c8d0bc;display:grid;place-items:center;padding:0}.fallback-table{position:absolute;inset:17% 6% 20%;border:15px solid #513827;box-shadow:0 16px 24px #23392325,inset 0 0 0 2px #b2985b;border-radius:50%;background:radial-gradient(ellipse,#1e5948,#103c2f);display:grid;place-items:center}.fallback-mark{color:#b7a57570;font-family:var(--serif);font-size:60px}.table-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#879477;font-family:var(--serif)}.loading-monogram{width:45px;height:55px;border:1px solid #b79a62;border-radius:4px;color:#a98d57;display:grid;place-items:center;font-size:29px;animation:breathe 1.5s infinite}.badge-target{opacity:.6;font-size:8px!important}.spin{animation:spin 1.2s linear infinite}html[dir=rtl]{font-family:Vazirmatn,sans-serif}html[dir=rtl] :is(h1,h2,h3,.brand-tagline,.hand-caption,.panel-eyebrow,.eyebrow,.micro-label){font-family:Vazirmatn,sans-serif;letter-spacing:0}html[dir=rtl] .welcome h1{font-size:36px}html[dir=rtl] .play-panel h2{font-size:25px}html[dir=rtl] .table-heading h2{font-size:17px}html[dir=rtl] .site-header nav{margin-left:0;margin-right:65px}html[dir=rtl] .brand-word{direction:ltr}html[dir=rtl] .site-footer>span:last-child{letter-spacing:0}html[data-reduced=true] *,html[data-reduced=true] *:before,html[data-reduced=true] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes hand-arrive{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0 0}}@keyframes draw-reveal{0%{opacity:0;transform:rotateY(90deg) rotate(-4deg)}to{opacity:1;transform:rotateY(0) rotate(-4deg)}}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:26px}}@keyframes trick-toast{0%{opacity:0;translate:0 5px}15%,75%{opacity:1;translate:0 0}to{opacity:0}}@media(min-width:1450px){.table-stage{height:530px}.game-layout{grid-template-columns:minmax(0,1fr) 320px}.play-panel{padding:28px 26px 0}.play-panel h2{font-size:31px}.play-panel>p{font-size:11px}.button{min-height:47px;font-size:11px}.hand-card{width:98px;height:137px;left:calc(50% - 49px)}.card-fan{--spread: 47px;height:160px}.hand-area{bottom:33px}.side-panel{gap:20px}.practice-panel{padding:19px 16px}.wisdom{padding:9px 25px}.welcome{padding-top:48px;padding-bottom:38px}}@media(max-width:1100px){.app-shell{padding:0 3.5%}.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.play-panel,.action-panel{padding-left:19px;padding-right:19px}.table-stage{height:450px}.card-fan{--spread: 35px}.hand-card{width:78px;height:109px;left:calc(50% - 39px)}.table-heading{padding:0 18px}.table-heading h2{font-size:17px}.table-heading .micro-label{font-size:6px}.classic-badge{font-size:6px;padding:6px}.opponent-chip{min-width:200px}.features p{font-size:8px}.features h3{font-size:14px}.feature-icon{width:35px;height:35px}.site-header nav{gap:25px;margin-left:20px}}@media(max-width:850px){.app-shell{padding:0 5%}.site-header{height:90px}.site-header nav{gap:23px;margin-left:0}.brand-word{font-size:34px}.brand-symbol{width:27px}.brand-tagline{font-size:6px;letter-spacing:2.7px}.header-tools{gap:10px}.welcome{padding:30px 0 26px}.welcome h1{font-size:36px}.welcome p{font-size:11px;max-width:470px}.eyebrow{font-size:8px}.live-pill{font-size:6px;padding:8px;letter-spacing:.6px}.game-layout{grid-template-columns:minmax(0,1fr)}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.play-panel{grid-row:span 2;padding:23px 23px 0}.play-panel h2{max-width:none;font-size:28px}.practice-panel{height:100%;max-height:115px;align-self:end;padding:20px}.practice-panel strong{font-size:12px}.practice-panel span span{font-size:10px}.wisdom{padding:15px;align-self:start}.wisdom p{font-size:16px}.table-stage{height:470px}.hand-card{width:90px;height:126px;left:calc(50% - 45px)}.card-fan{--spread: 40px}.features{gap:15px;margin:29px 0}.features>div{gap:9px;align-items:flex-start}.features h3{font-size:13px}.features p{font-size:8px;line-height:1.7}.feature-icon{width:29px;height:29px}.feature-icon svg{width:17px}.ornamental-icon{font-size:22px}.table-section{border-radius:10px}.table-stage-footer{bottom:23px}.score-panel{align-self:start}.action-panel{grid-row:span 2}.score-players{margin-top:25px}.score-players strong{font-size:48px}.room-toolbar,.spectator-count{grid-column:1}.table-bottom{height:67px}.in-game{height:450px}.tradition-link{display:none}html[dir=rtl] .site-header nav{margin-right:0}}@media(max-width:540px){body{min-width:360px}.app-shell{padding:0 19px}.site-header{height:82px;gap:10px}.brand{gap:8px}.brand-word{font-size:31px}.brand-symbol{transform:scale(.8);width:24px}.brand-tagline{font-size:5px;letter-spacing:2.4px}.site-header nav{gap:17px}.nav-link{font-size:10px}.header-tools{gap:4px}.header-divider{display:none}.language-button{gap:5px;font-size:10px;padding:4px}.language-button>svg:last-child{display:none}.header-tools>.icon-button{width:27px}.header-tools>.icon-button>svg{width:16px}.welcome{padding:25px 0 23px;align-items:flex-start;position:relative}.welcome h1{font-size:33px;letter-spacing:-1.2px;margin:12px 0 11px}.welcome p{font-size:10px;line-height:1.8;max-width:330px}.eyebrow{font-size:6.5px;letter-spacing:1.3px}.tiny-star{font-size:13px}.live-pill{position:absolute;right:0;top:24px;margin:0;font-size:5px;letter-spacing:.2px;gap:5px;padding:5px 6px}.live-pill .status-dot{width:4px;height:4px}.table-heading{height:66px;padding:0 14px}.table-heading-left{gap:9px}.room-icon{width:31px;height:33px}.room-icon svg{width:17px}.table-heading h2{font-size:17px;margin-bottom:4px}.table-heading .micro-label{font-size:5px;letter-spacing:1px}.room-dot{margin:0 3px}.room-number{font-size:11px}.classic-badge{font-size:5px;letter-spacing:.5px;padding:5px;gap:4px}.classic-badge>span{font-size:10px}.table-stage,.in-game{height:355px}.canvas-wrap{inset:-2% -4% 0}.opponent-chip{top:15px;padding:7px 10px;min-width:174px;gap:8px}.player-chip strong{font-size:9px;max-width:127px}.player-chip div>span{font-size:6.5px}.avatar{width:28px;height:28px;font-size:14px}.player-chip .empty-avatar svg{width:15px}.table-corner{width:12px;height:12px}.top-left{top:15px;left:13px}.top-right{top:15px;right:13px}.bottom-left{bottom:15px;left:13px}.bottom-right{bottom:15px;right:13px}.card-fan{--spread: 25px;height:110px}.hand-card{width:65px;height:91px;left:calc(50% - 32.5px);border-radius:5px}.hand-card img{border-radius:5px}.hand-area{bottom:29px}.in-game .card-fan{--spread: min(25px, 5.3vw)}.in-game .hand-card{width:61px;height:85.4px;left:calc(50% - 30.5px)}.playing-session .welcome{display:none}.playing-session .game-layout{padding-top:16px}.playing-session .side-panel{display:flex}.playing-session .action-panel{order:0}.playing-session .score-panel{order:1;align-self:stretch}.playing-session .room-toolbar{order:2}.playing-session .spectator-count{order:3}.playing-session .features{display:none}.playing-session .site-footer{margin-top:24px}.in-game .card-fan{display:flex;align-items:flex-end;overflow-x:auto;overflow-y:hidden;pointer-events:auto;padding:27px 23px 10px;height:126px;scrollbar-width:thin;scrollbar-color:#a9b492 transparent;overscroll-behavior-x:contain}.in-game .card-fan:not(:has(.hand-card:nth-child(7))){justify-content:center}.in-game .card-fan .hand-card{position:relative;left:auto;bottom:auto;flex-shrink:0;margin-right:-10px;transform:none}.in-game .card-fan .hand-card.selected,.in-game .card-fan .hand-card:not(:disabled):hover{transform:translateY(-16px)}.hand-caption{font-size:6px;margin-top:12px;letter-spacing:1.5px}.table-stage-footer{left:21px;right:21px;bottom:15px}.fairplay{font-size:6px}.fairplay svg{width:10px}.table-help svg{width:14px}.table-watermark{top:58%}.table-watermark>span{font-size:10px;letter-spacing:3px}.table-watermark>small{font-size:4px;letter-spacing:1px}.table-bottom{height:64px;padding:0 15px}.you-identity{gap:8px}.you-identity strong{font-size:9px}.you-identity div>span{font-size:7px}.table-bottom-tools{gap:2px}.table-bottom-tools>.icon-button svg{width:16px}.side-panel{gap:13px;grid-template-columns:minmax(0,1fr)}.play-panel{grid-row:auto;padding:23px 24px 0}.play-panel h2{font-size:30px;max-width:260px}.play-panel>p{font-size:11px;margin-top:10px;margin-bottom:21px}.input-label{font-size:8px}.input-wrap{height:44px}.input-wrap input{font-size:11px}.button{font-size:11px;min-height:45px}.join-button{font-size:11px;margin:18px 0 22px}.panel-eyebrow{font-size:8px;margin-bottom:12px}.panel-note{font-size:9px;padding:15px 0}.practice-panel{padding:19px 21px}.practice-panel strong{font-size:11px}.practice-panel span span{font-size:9px;max-width:230px}.wisdom{padding:3px 30px 5px}.wisdom p{font-size:14px}.wisdom small{font-size:6px;margin-top:10px}.features{grid-template-columns:1fr;gap:19px;margin:28px 0}.features>div{justify-content:flex-start;align-items:center;gap:13px;padding-left:10px}.features>div+div{border:0}.features h3{font-size:16px;margin-bottom:4px}.features p{font-size:9px}.feature-icon{width:36px;height:36px}.feature-icon svg{width:20px}.site-footer{padding:20px 0;flex-direction:column;gap:12px;font-size:8px}.site-footer>span:last-child{font-size:6px;gap:12px}.footer-suits{font-size:10px}.score-panel{padding:17px 20px 0}.score-players{margin-top:14px}.score-players strong{font-size:40px}.score-panel>p{margin:11px 0 15px}.score-meta{padding:12px 0}.action-panel{grid-row:auto;padding:23px}.action-panel h2{font-size:26px;max-width:none}.action-panel>p{font-size:11px}.room-toolbar{grid-column:auto;padding:4px 7px}.score-panel-title>.micro-label{font-size:8px}.score-panel-title>span:last-child{font-size:9px}.score-name{font-size:10px}.score-meta>span{font-size:7px}.score-meta b{font-size:20px}.score-meta b>span>small{font-size:10px}.suit-picker button{padding:12px 2px}.suit-picker small{font-size:9px}.suit-picker span{font-size:35px}.draw-card{width:92px;height:129px}.table-notice{top:43%;width:190px;gap:8px}.table-notice>span:nth-child(2){font-size:16px}.table-notice>strong{font-size:17px}.phase-notice{font-size:8px;top:26%}.hokm-marker{right:11%;top:42%}.hokm-marker>span{font-size:24px}.hokm-marker small{font-size:5px}.stock-marker{left:23%;font-size:14px;top:49%}.stock-marker span{font-size:6px}.last-trick{font-size:7px;top:25%}.pause-notice{inset:29% 9% auto;font-size:10px}.modal-body{padding:27px 23px}.modal h2{font-size:27px}.rules-list p{font-size:11px}.modal-close{top:11px;inset-inline-end:10px}.toast{font-size:11px;width:max-content}.room-code-display{font-size:24px}.in-game .player-chip .player-tricks{font-size:21px;padding-inline-start:9px}.in-game .player-chip .player-tricks small{font-size:6px}.leave-button{font-size:7px;gap:4px;margin-inline-end:3px}.leave-button svg{width:12px}html[dir=rtl] .welcome h1{font-size:27px}html[dir=rtl] .live-pill{right:auto;left:0}html[dir=rtl] .play-panel h2{font-size:26px}html[dir=rtl] .table-heading h2{font-size:15px}html[dir=rtl] .eyebrow{font-size:7px}html[dir=rtl] .brand-tagline{font-size:6px}}