@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(./vazirmatn-arabic-400-normal.DMZFCm7K.woff2)format("woff2"),url(./vazirmatn-arabic-400-normal.C4W5XURk.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(./vazirmatn-arabic-600-normal.CPKvAnd1.woff2)format("woff2"),url(./vazirmatn-arabic-600-normal.CWYTfCgi.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(./vazirmatn-arabic-800-normal.Bwnt96zj.woff2)format("woff2"),url(./vazirmatn-arabic-800-normal.BH12s3-y.woff)format("woff")}:root{color:#f4f2e9;font-synthesis:none;--muted:#9aaea6;--gold:#e8c475;--line:#ffffff12;--green:#132d26;background:#101e1c;font-family:Vazirmatn,Tahoma,sans-serif}*{box-sizing:border-box}body,h1,h2,p{margin:0}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input{color:#fff;background:#0f211c;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-width:0;padding:14px 16px}input::placeholder{color:#6f897e}input:disabled{opacity:.5}label{color:#bdcbc4;margin:0 0 9px;font-size:13px;display:block}audio{display:none}.app-shell{background:radial-gradient(at 80% 40%,#21423344,#0000 55%);min-height:100dvh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;max-width:1380px;height:96px;margin:auto;padding:0 48px}.connection-pill,.topbar,.wordmark{align-items:center;display:flex}.wordmark{gap:8px;font-size:32px;font-weight:900}.wordmark-dot{color:var(--gold);margin-right:-8px}.logo-suit{color:var(--gold);margin-left:5px;font-family:Georgia,serif;font-size:38px}.topbar-caption{color:var(--muted);font-size:13px}.connection-pill{border:1px solid var(--line);color:#bec9c2;border-radius:30px;gap:9px;padding:9px 15px;font-size:12px}.status-dot{background:#6e8076;border-radius:50%;width:7px;height:7px;display:inline-block}.connected .status-dot,.status-dot.live{background:#76c998;box-shadow:0 0 0 4px #76c99814}.welcome-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:110px;max-width:1170px;margin:80px auto 45px;padding:0 30px;display:grid}.eyebrow{letter-spacing:.5px;color:var(--gold);align-items:center;gap:10px;margin-bottom:22px;font-size:13px;display:flex}.eyebrow>span{background:var(--gold);width:20px;height:1px}.welcome-copy h1{letter-spacing:-2px;font-size:calc(clamp(36px,4vw,58px));font-weight:800;line-height:1.65}.welcome-copy h1>span{color:var(--gold)}.welcome-description{color:#a8bab0;margin-top:17px;font-size:15px;line-height:2.2}.feature-row{color:#c1cbbf;flex-wrap:wrap;gap:19px;margin-top:25px;font-size:11px;display:flex}.hero-cards{width:300px;max-width:100%;height:210px;margin-top:40px;margin-right:38px;position:relative}.hero-cards .hero-card{position:absolute}.hero-card{width:116px!important;height:166px!important;top:12px!important;box-shadow:0 14px 25px #0005!important}.hero-card-one{right:0;transform:rotate(18deg);top:25px!important}.hero-card-two{right:75px;transform:rotate(0)}.hero-card-three{right:150px;transform:rotate(-18deg);top:25px!important}.hero-card .card-center{font-size:61px}.entry-panel{background:linear-gradient(145deg,#223930,#192e27);border:1px solid #ffffff14;border-radius:24px;padding:36px;position:relative;box-shadow:0 25px 70px #0002}.entry-panel:before{content:"";background:var(--gold);height:2px;position:absolute;top:-1px;left:30%;right:30%}.panel-overline{color:var(--gold);letter-spacing:.4px;font-size:11px}.entry-panel h2{margin-top:12px;font-size:26px}.entry-panel>p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.9}.entry-panel form{margin-top:27px}.button{white-space:nowrap;border:1px solid #0000;border-radius:11px;padding:12px 19px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.primary{background:var(--gold);color:#28291b;box-shadow:0 4px 14px #e8c47510}.primary:not(:disabled):hover{background:#f5d38c}.secondary{color:#e0e9e0;background:#ffffff05;border-color:#ffffff20}.secondary:not(:disabled):hover{background:#ffffff10}.quiet{color:var(--muted);background:0 0}.full{width:100%}.entry-panel form>.button{margin-top:14px}.divider,.entry-panel>.button{margin-top:27px}.divider{color:#859c90;align-items:center;gap:12px;font-size:11px;display:flex}.divider:after,.divider:before{content:"";background:var(--line);flex:1;height:1px}.input-button-row{gap:9px;display:flex}.code-input{letter-spacing:3px;text-align:center;text-transform:uppercase}.entry-panel .entry-footnote{text-align:center;color:#80988c;margin-top:28px;font-size:11px}.hint{color:#b7b49a;margin-top:12px;font-size:11px;line-height:1.9;display:block}.welcome-footer{border-top:1px solid var(--line);color:#81958a;justify-content:space-between;align-items:center;max-width:1284px;margin:0 auto;padding:22px 30px;font-size:11px;display:flex}.welcome-footer>span:last-child{letter-spacing:9px;color:#81958a;font-size:17px}.game-layout{max-width:1320px;margin:auto;padding:28px 36px 35px}.room-toolbar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.room-toolbar h1{margin-top:4px;font-size:23px;font-weight:600}.room-toolbar h1>b{letter-spacing:3px;color:#e7eadd;margin-right:8px;font-family:monospace;font-size:22px;display:inline-block}.toolbar-actions{gap:8px;display:flex}.play-layout{grid-template-columns:minmax(0,1fr) 264px;gap:25px;display:grid}.table-section{min-width:0}.table-topline{color:#a3b9ab;justify-content:space-between;align-items:center;min-height:26px;margin:0 9px 18px;font-size:12px;display:flex}.table-topline>span:first-child{align-items:center;gap:8px;display:flex}.trump-badge{color:var(--gold);background:#e8c47515;border:1px solid #e8c47530;border-radius:30px;padding:5px 12px}.red{color:#df7a76!important}.card-table{background:radial-gradient(#245a40,#19432f 70%,#153c2b);border:9px solid #314638;border-radius:170px;height:440px;margin:0 34px;position:relative;box-shadow:0 0 0 1px #ffffff15,0 15px 35px #0003,inset 0 0 50px #0002}.table-ring{pointer-events:none;border:1px solid #d9d39c20;border-radius:150px;position:absolute;inset:12px}.table-watermark{color:#b8d29c06;font-family:Georgia,serif;font-size:240px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-seat{z-index:2;text-align:center;min-width:90px;max-width:125px;position:absolute}.seat-bottom.player-seat{bottom:-37px;left:50%;transform:translate(-50%)}.seat-top.player-seat{top:-21px;left:50%;transform:translate(-50%)}.seat-right.player-seat{top:50%;right:-44px;transform:translateY(-50%)}.seat-left.player-seat{top:50%;left:-44px;transform:translateY(-50%)}.avatar{color:#283a2b;background:#d4c398;border:3px solid #182e22;border-radius:16px;place-items:center;width:47px;height:47px;margin:0 auto 7px;font-size:23px;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 1px #b1b9a73a}.is-turn .avatar{box-shadow:0 0 0 3px var(--gold),0 0 20px #e8c47540}.is-speaking .avatar{outline-offset:4px;outline:3px solid #74e6a1}.offline .avatar{filter:grayscale();opacity:.65}.crown{color:var(--gold);text-shadow:0 2px 3px #000;font-size:26px;position:absolute;top:-22px;right:-6px}.online-indicator{background:#a59e8e;border:2px solid #1b3327;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-1px}.online-indicator.on{background:#73c793}.player-name{text-overflow:ellipsis;white-space:nowrap;background:#152d22e8;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:600;overflow:hidden}.player-name small{color:#a6bbab;font-size:10px}.player-detail{color:#a9bda4;margin-top:3px;font-size:10px;display:block}.opponent-cards{direction:ltr;justify-content:center;align-items:center;margin-top:5px;display:flex}.opponent-cards .playing-card{width:19px;height:27px;box-shadow:none;border-width:1px;border-radius:3px;margin-right:-11px}.opponent-cards .card-back-mark{font-size:10px}.opponent-cards>span:last-child{color:#b2c4b4;margin-left:18px;font-size:10px}.empty-seat{color:#9db7a1;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.empty-seat>span{border:1px dashed #b1cda648;border-radius:50%;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.empty-seat small{font-size:10px}.empty-1{right:-29px}.empty-2{top:8%;left:50%;transform:translate(-50%)}.empty-3{left:-29px}.table-center{text-align:center;flex-direction:column;align-items:center;gap:10px;width:68%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-center h2{font-size:19px;font-weight:600}.table-center p{color:#b3c9b7;font-size:12px;line-height:1.9}.center-icon{color:#d6c17c;font-size:42px;line-height:1.2}.winner-text{color:var(--gold);font-size:15px}.draw-animation{align-items:center;gap:12px;font-size:12px;animation:.25s ease-out card-reveal;display:flex}.suit-choices{gap:7px;display:flex}.suit-choices button{color:#1e3328;background:#f1ebd6;border:0;border-radius:8px;width:43px;height:49px;font-size:30px}.suit-choices button:hover{background:#fff}.text-button{color:var(--gold);background:0 0;border:0;padding:6px;font-size:12px}.playing-card{color:#25332c;-webkit-user-select:none;user-select:none;background:#fffdf4;border:1px solid #d5d3c5;border-radius:8px;flex-shrink:0;width:78px;height:112px;font-family:Georgia,Times New Roman,serif;display:block;position:relative;box-shadow:0 4px 10px #0003}.card-red{color:#b64c43}.card-corner{flex-direction:column;align-items:center;font-size:18px;font-weight:700;line-height:.95;display:flex;position:absolute;top:5px;left:6px}.card-corner i{margin-top:2px;font-size:14px;font-style:normal}.card-corner-bottom{inset:auto 6px 5px auto;transform:rotate(180deg)}.card-center{font-size:37px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-back{background:repeating-linear-gradient(45deg,#3b5f64,#3b5f64 2px,#35575c 0 5px);border:4px solid #ebe7d5;place-items:center;display:grid}.card-back-mark{color:#dcd4b5;font-size:35px}.card-small{border-radius:6px;width:55px;height:78px}.card-small .card-corner{font-size:13px;top:4px;left:4px}.card-small .card-corner i{font-size:10px}.card-small .card-corner-bottom{inset:auto 4px 4px auto}.card-small .card-center{font-size:26px}.card-disabled{filter:brightness(.73)}.card-selected{box-shadow:0 -2px 0 1px #e8c47555,0 5px 15px #0003}.trick-cards{place-items:center;width:200px;height:180px;display:grid;position:relative}.trick-card{position:absolute}.trick-card.seat-bottom{bottom:0;left:75px;transform:rotate(-5deg)}.trick-card.seat-top{top:0;left:70px;transform:rotate(4deg)}.trick-card.seat-right{top:50px;right:8px;transform:rotate(9deg)}.trick-card.seat-left{top:45px;left:5px;transform:rotate(-9deg)}.trick-empty{color:#bacbb3;font-size:14px}.hand-area{min-height:160px;margin-top:57px;padding:0 10px}.hand-caption{color:#92a99b;justify-content:space-between;margin-bottom:17px;font-size:11px;display:flex}.hand-caption>span:last-child{color:#d8c58c}.my-cards{justify-content:center;min-height:140px;padding:6px 15px 15px;display:flex;overflow-x:auto}.card-button{background:0 0;border:0;flex-shrink:0;margin-left:-26px;padding:0;transition:transform .15s;position:relative}.card-button:first-child{margin-left:0}.card-button:disabled{opacity:1}.card-button:not(:disabled):hover{z-index:10;transform:translateY(-12px)}.card-button:focus-visible{z-index:11;border-radius:8px}.ready-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:15px;display:flex}.ready-area>span{color:var(--muted);font-size:11px}.paused-notice{color:#d9cda8;background:#e8c47512;border:1px solid #e8c47535;border-radius:12px;flex-direction:column;gap:5px;margin-top:50px;padding:13px 16px;font-size:12px;display:flex}.paused-notice+.hand-area{margin-top:20px}.side-panel{background:#1b3028;border:1px solid #ffffff10;border-radius:17px;margin-bottom:16px;padding:22px}.side-panel h2{font-size:16px;font-weight:600}.score-panel h2{margin:6px 0 19px}.score-line{justify-content:space-between;padding:10px 0}.score-line,.score-line>span{align-items:center;display:flex}.score-line>span{gap:8px;font-size:13px}.score-line strong{color:#f1e3ba;font-size:27px;font-weight:500}.team-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.ours{background:#8dbc94}.theirs{background:#d9a88d}.tricks-summary{border-top:1px solid var(--line);color:#9bb19f;justify-content:space-between;margin-top:8px;padding-top:15px;font-size:11px;display:flex}.tricks-summary b{color:#d0d9bf;direction:rtl}.scoring-note{color:#859e8d;margin-top:18px;font-size:10px}.voice-heading{justify-content:space-between;align-items:center;display:flex}.voice-panel>p{color:#97af9f;margin:12px 0 17px;font-size:11px;line-height:1.9}.voice-controls{flex-direction:column;gap:8px;display:flex}.voice-controls .button,.voice-error{font-size:11px}.voice-error{color:#e6b4a4;margin-top:12px;line-height:1.9}.last-trick>div{direction:ltr;justify-content:center;margin-top:16px;display:flex}.last-trick .playing-card{margin-left:-12px}.last-trick .playing-card:first-child{margin:0}.last-trick .playing-card:nth-child(2){transform:rotate(-6deg)}.last-trick .playing-card:nth-child(3){transform:rotate(5deg)}.sidebar-note{text-align:center;color:#778e7f;padding:6px;font-size:10px;line-height:2.2}.notification{z-index:30;background:#29392e;border:1px solid #d6bd813a;border-radius:13px;align-items:center;gap:15px;width:max-content;max-width:90vw;padding:14px 18px;font-size:12px;line-height:1.8;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}.notification button{color:var(--gold);background:0 0;border:0;font-size:14px}.connection-banner{z-index:20;background:#433925;border:1px solid #a68b4b;border-radius:10px;width:max-content;max-width:95vw;padding:7px 15px;font-size:12px;position:fixed;top:8px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08130ed9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-panel{background:#20372b;border:1px solid #ffffff20;border-radius:20px;max-width:390px;padding:28px}.confirm-panel h2{font-size:22px}.confirm-panel p{color:#b4c4b6;margin-top:15px;font-size:13px;line-height:2}.confirm-panel>div{gap:10px;margin-top:25px;display:flex}.danger{color:#fff;background:#b95a4b}@keyframes card-reveal{0%{opacity:.2;transform:translateY(-15px)rotate(-8deg)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.welcome-layout{margin-top:100px}.hero-cards{margin-top:55px}}@media (width<=1050px){.welcome-layout{gap:45px;margin-top:60px}.play-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.game-layout{padding:25px}.card-table{height:420px;margin:0 28px}.side-panel{padding:17px}.card-button{margin-left:-36px}.my-cards .playing-card{width:70px;height:103px}}@media (width<=780px){.topbar{height:75px;padding:0 22px}.topbar-caption{display:none}.welcome-layout{grid-template-columns:1fr;gap:20px;max-width:540px;margin:35px auto;padding:0 24px}.welcome-copy h1{font-size:38px;line-height:1.6}.welcome-description{margin-top:12px;font-size:13px}.eyebrow{margin-bottom:12px}.hero-cards{width:250px;height:160px;margin:20px auto 5px}.hero-card{width:85px!important;height:123px!important}.hero-card-two{right:65px}.hero-card-three{right:130px}.hero-card .card-center{font-size:43px}.hero-card .card-corner{font-size:16px}.feature-row{gap:15px;margin-top:19px;font-size:10px}.entry-panel{padding:26px}.welcome-footer{margin-top:20px;padding:20px 24px;font-size:9px}.play-layout{grid-template-columns:1fr}.game-sidebar{grid-template-columns:1fr 1fr;gap:12px;display:grid}.side-panel{margin-bottom:0}.sidebar-note{display:none}.game-layout{padding:20px}.room-toolbar h1,.room-toolbar h1>b{font-size:18px}.toolbar-actions .button{padding:9px 12px;font-size:11px}.card-table{border-width:7px;border-radius:135px;max-width:600px;height:405px;margin:0 30px}.table-ring{border-radius:120px}.player-seat{min-width:75px;max-width:95px}.seat-right.player-seat{right:-30px}.seat-left.player-seat{left:-30px}.player-name,.table-center p{font-size:11px}.table-center{width:70%}.table-center h2{font-size:16px}.my-cards .playing-card{width:66px;height:97px}.card-button{margin-left:-40px}.card-center{font-size:31px}.card-corner{font-size:16px}.hand-area{min-height:120px;margin-top:52px;padding:0}.my-cards{min-height:116px;padding-left:0;padding-right:0}.last-trick{grid-column:1/-1}.last-trick>div{justify-content:flex-start;margin-top:10px;margin-right:10px}.trick-cards{width:175px;height:155px}.trick-card.seat-top{left:60px}.trick-card.seat-bottom{left:65px}.score-line strong{font-size:23px}.side-panel h2{font-size:14px}.voice-panel .button{white-space:normal}.scoring-note{font-size:9px}}@media (width<=390px){.game-layout{padding:18px 14px}.card-table{height:380px;margin:0 27px}.table-center{width:66%}.card-corner,.table-center h2{font-size:14px}.suit-choices{gap:5px}.suit-choices button{width:34px;height:42px}.my-cards .playing-card{width:58px;height:87px}.card-button{margin-left:-38px}.card-center{font-size:27px}.side-panel{padding:13px}.hero-cards{margin-right:20px}.welcome-copy h1{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}