@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;600;800&display=swap');
:root{font-family:Vazirmatn,system-ui,sans-serif;color:#fff;background:#031012;--accent:#f4c56b;--glow:#55dbc9;--panel:rgba(3,20,21,.82);--table:url('assets/table-traditional.png')}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 10%,#16464a,#020708 75%)}
body[data-theme=modern]{--accent:#f2c66d;--glow:#42cce7;--panel:rgba(3,8,13,.88);--table:url('assets/table-modern.png')}
body[data-theme=fantasy]{--accent:#b78cff;--glow:#55dfff;--panel:rgba(15,9,43,.86);--table:url('assets/table-fantasy.png')}
button{font:inherit;color:inherit}.app-shell{height:100dvh;max-width:600px;margin:auto;display:flex;flex-direction:column;background:#061415;box-shadow:0 0 80px #000}
.topbar{height:74px;padding:env(safe-area-inset-top) 16px 8px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(180deg,#061718,#0a2223);z-index:4}.brand{text-align:center;line-height:1.25}.brand b{display:block;font-size:20px;color:var(--accent)}.brand span{font-size:11px;opacity:.7}.icon-btn{width:42px;height:42px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff0d;font-size:21px}.scoreboard{height:62px;background:var(--panel);display:flex;justify-content:center;gap:28px;align-items:center;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff15;z-index:3}.scoreboard div{text-align:center;min-width:64px}.scoreboard span{font-size:10px;opacity:.65;display:block}.scoreboard strong{font-size:21px}.scoreboard small{display:block;font-size:9px;color:var(--accent)}.scoreboard .trump strong{color:var(--accent)}
.table{position:relative;flex:1;min-height:0;background-image:linear-gradient(#0014143c,#0014143c),var(--table);background-size:cover;background-position:center;border-radius:0 0 25px 25px;overflow:hidden;transition:background-image .35s}.table:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px #0009}
.player{position:absolute;display:flex;align-items:center;gap:7px;font-size:11px;z-index:2;text-shadow:0 2px 5px #000}.player small{opacity:.65}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#243d40,#0a181a);border:2px solid #ffffff26;box-shadow:0 5px 14px #0008}.avatar.active{border-color:var(--accent);box-shadow:0 0 15px color-mix(in srgb,var(--glow) 70%,transparent)}.north{top:12px;left:50%;transform:translateX(-50%);flex-direction:column;gap:1px}.west{top:35%;left:9px;flex-direction:column}.east{top:35%;right:9px;flex-direction:column}.south{bottom:10px;left:12px}.trick{position:absolute;left:50%;top:43%;width:230px;height:245px;transform:translate(-50%,-50%);z-index:6;background:#00101038;border:1px solid #ffffff0d;border-radius:48%;box-shadow:inset 0 0 28px #0005}.played-card{position:absolute!important;margin:0!important;transform:none!important;animation:deal .32s ease-out;box-shadow:0 8px 22px #000}.played-card.north-card{top:9px;left:88px}.played-card.south-card{bottom:9px;left:88px}.played-card.west-card{top:84px;left:9px}.played-card.east-card{top:84px;right:9px}.played-card:after{content:attr(data-owner);position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#071617f2;color:#fff;border:1px solid #ffffff38;border-radius:10px;padding:1px 7px;font:9px Vazirmatn;white-space:nowrap}
.hand{direction:ltr;position:absolute;z-index:5;height:154px;bottom:49px;left:0;right:0;display:flex;align-items:end;justify-content:center;padding:0 13px}.card{position:relative;width:55px;height:78px;flex:0 0 55px;margin-left:-24px;border:0;border-radius:8px;background:linear-gradient(145deg,#fff,#e5e2d9);color:#16191b;box-shadow:0 4px 12px #0009, inset 0 0 0 1px #9996;padding:5px;text-align:left;font-weight:800;transition:.18s transform,.18s filter}.card:first-child{margin-left:0}.card.red{color:#d52c3b}.card .rank{font-size:16px;line-height:16px}.card .suit{font-size:18px}.card .big{position:absolute;right:6px;bottom:2px;font-size:28px;opacity:.93}.hand .card{transform:rotate(var(--rot)) translateY(var(--lift,0))}.hand .card:hover,.hand .card:focus{--lift:-14px;z-index:10}.hand .card.illegal{filter:brightness(.55);cursor:not-allowed}.played-card.card{margin:0;width:55px;height:78px}
.scrim{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);z-index:10}.sheet{position:fixed;z-index:11;bottom:0;left:50%;transform:translateX(-50%);width:min(600px,100%);background:#0b191c;border:1px solid #ffffff18;border-radius:28px 28px 0 0;padding:10px 18px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -15px 50px #000b}.grabber{width:44px;height:5px;border-radius:9px;background:#fff3;margin:auto}.sheet h2{text-align:center;margin:13px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-grid button{border:1px solid #ffffff1d;background:#ffffff09;padding:7px;border-radius:16px}.theme-grid i{display:block;height:105px;border-radius:11px;background-size:cover;background-position:center}.traditional-preview{background-image:url('assets/table-traditional.png')}.modern-preview{background-image:url('assets/table-modern.png')}.fantasy-preview{background-image:url('assets/table-fantasy.png')}.theme-grid b{display:block;margin-top:8px;font-size:12px}.theme-grid span{display:block;font-size:9px;opacity:.6}.modal{position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,94%);background:linear-gradient(145deg,#122628,#071111);border:1px solid #ffffff1f;border-radius:28px;text-align:center;padding:22px;box-shadow:0 20px 70px #000}.modal p{font-size:11px;color:var(--accent);margin:0}.modal h2{margin:5px 0 12px}.trump-preview{direction:ltr;display:flex;justify-content:center;margin:5px 0 16px;padding-top:4px}.trump-preview .card{width:48px;height:68px;flex-basis:48px;margin-left:-12px;text-align:left;pointer-events:none}.trump-preview .card:first-child{margin-left:0}.trump-preview .big{font-size:23px}.suit-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.suit-picker button{font-family:Georgia,serif;font-size:32px;background:#fff;color:#15191b;border:0;border-radius:16px;padding:9px}.suit-picker button.red{color:#d72d3f}.suit-picker span{font-family:Vazirmatn;display:block;font-size:10px}.toast{position:fixed;z-index:20;left:50%;bottom:185px;transform:translate(-50%,15px);opacity:0;background:#061112f2;border:1px solid #ffffff24;border-radius:50px;padding:8px 18px;font-size:12px;transition:.25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}@keyframes deal{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-height:700px){.hand{height:120px}.card{width:46px;height:66px;flex-basis:46px;margin-left:-21px}.card .big{font-size:23px}.played-card.card{width:46px;height:66px}.trick{top:40%;transform:translate(-50%,-50%) scale(.88)}}
.result-modal{background:radial-gradient(circle at 50% 0,#315d58,#0a1719 65%);padding:28px}.result-crown{font-size:52px;line-height:1;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent))}.result-score{font-size:38px;font-weight:800;direction:ltr;margin:10px;color:var(--accent)}.resultMessage{font-size:13px;line-height:2;opacity:.82;margin:10px 0 20px}.primary-btn{width:100%;border:0;border-radius:15px;padding:13px;background:linear-gradient(135deg,var(--accent),#d79939);color:#1a1308;font-weight:800}
.result-home-btn{margin-top:9px}

/* کارت‌های بزرگ‌تر برای خوانایی و حس بهتر روی موبایل */
.hand{height:195px;padding-inline:8px}
.card{width:83px;height:117px;flex:0 0 83px;margin-left:-36px;border-radius:11px;padding:7px}
.card .rank{font-size:23px;line-height:22px}.card .suit{font-size:26px}.card .big{font-size:42px;right:8px;bottom:3px}
.played-card.card{width:83px;height:117px}
.trick{width:310px;height:335px}
.played-card.north-card{top:7px;left:113px}.played-card.south-card{bottom:7px;left:113px}.played-card.west-card{top:109px;left:7px}.played-card.east-card{top:109px;right:7px}
.trump-preview .card{width:72px;height:102px;flex-basis:72px;margin-left:-18px}.trump-preview .card .rank{font-size:20px}.trump-preview .card .suit{font-size:22px}.trump-preview .card .big{font-size:34px}
@media(max-width:390px),(max-height:720px){.hand{height:160px}.card{width:69px;height:98px;flex-basis:69px;margin-left:-31px}.card .rank{font-size:20px}.card .suit{font-size:22px}.card .big{font-size:34px}.played-card.card{width:69px;height:98px}.trick{width:270px;height:290px}.played-card.north-card{left:100px}.played-card.south-card{left:100px}.played-card.west-card{top:96px}.played-card.east-card{top:96px}}

/* پرداخت بصری و تنظیمات */
.topbar{gap:8px}.brand{flex:1}.player em{display:none;color:var(--accent);font-style:normal;font-size:16px;filter:drop-shadow(0 0 6px var(--accent))}.player.hakam em{display:block}.player.turn .avatar{border-color:var(--accent);animation:turnGlow 1s ease-in-out infinite alternate}.player.turn span{color:var(--accent);font-weight:800}.turn-timer{position:absolute;z-index:8;top:0;left:0;right:0;height:4px;background:#0006}.turn-timer i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--glow),var(--accent));transform-origin:right;transition:transform .2s linear;box-shadow:0 0 10px var(--glow)}#leadSuit{font-style:normal;color:var(--accent);font-size:14px;margin-right:4px}
.table-sponsor{position:absolute;z-index:2;left:50%;top:43%;transform:translate(-50%,-50%);direction:rtl;text-align:center;pointer-events:none;opacity:.6;text-shadow:0 2px 8px #000;text-decoration:none}.table-sponsor strong{display:block;max-width:210px;color:var(--accent);font:600 13px/1.7 Vazirmatn,system-ui,sans-serif;letter-spacing:.1px;white-space:pre-line}
html.native-app .table-sponsor{display:none!important}
.table-sponsor{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s}.table.sponsor-featured .table-sponsor{z-index:7;opacity:1;transform:translate(-50%,-50%) scale(2);animation:sponsorGlow 1.35s ease-in-out infinite alternate;pointer-events:auto;cursor:pointer}.table.sponsor-featured .table-sponsor:not([href]){pointer-events:none;cursor:default}.table.sponsor-featured .table-sponsor strong{color:#fff;text-shadow:0 0 5px var(--accent),0 0 14px var(--accent),0 0 28px var(--glow)}@keyframes sponsorGlow{from{filter:drop-shadow(0 0 2px var(--accent)) brightness(.95)}to{filter:drop-shadow(0 0 13px var(--glow)) brightness(1.3)}}
.card{overflow:hidden;background:linear-gradient(145deg,#fffdf8,#ded8ca);border:1px solid #ffffff}.card:before{content:"";position:absolute;inset:3px;border:1px solid #a78a5540;border-radius:8px;pointer-events:none}body[data-theme=modern] .card{background:linear-gradient(145deg,#fff,#dce5ec);box-shadow:0 4px 15px #000b,inset 0 0 0 2px #d4ad55}body[data-theme=fantasy] .card{background:linear-gradient(145deg,#fbf8ff,#dcd5ed);box-shadow:0 4px 16px #000b,inset 0 0 0 2px #7656b8}.card.played-card{animation:cardFly .38s cubic-bezier(.2,.8,.2,1)}.trick.winner{animation:winnerPulse .8s ease-in-out 2}.trick.winner .played-card{filter:drop-shadow(0 0 12px var(--accent)) brightness(1.1)}.hand .card.bad-choice{animation:badCard .25s ease-in-out 2}
.trick[class*=collect-] .played-card{opacity:0;transition:transform .75s ease-in,opacity .7s!important}.trick.collect-north .played-card{transform:translateY(-150px) scale(.5)!important}.trick.collect-south .played-card{transform:translateY(150px) scale(.5)!important}.trick.collect-west .played-card{transform:translateX(-150px) scale(.5)!important}.trick.collect-east .played-card{transform:translateX(150px) scale(.5)!important}
.settings-list{display:grid;gap:2px;margin:12px 0}.settings-list label{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #ffffff13;font-size:13px}.settings-list select{background:#17282b;color:#fff;border:1px solid #ffffff22;border-radius:9px;padding:7px}.settings-list input{accent-color:var(--accent);width:20px;height:20px}.secondary-btn{width:100%;border:1px solid #ffffff24;border-radius:13px;padding:11px;background:#ffffff0b}.tutorial-icon{direction:ltr;font:28px Georgia;color:var(--accent);letter-spacing:7px}.tutorial-modal #tutorialText{min-height:72px;font-size:13px;line-height:2;opacity:.8}.tutorial-dots{direction:ltr;color:var(--accent);letter-spacing:4px;margin:12px}.sheet#settingsSheet{max-height:85dvh;overflow:auto}
@keyframes turnGlow{from{box-shadow:0 0 5px var(--glow)}to{box-shadow:0 0 22px var(--glow)}}@keyframes cardFly{from{opacity:0;transform:translate(0,80px) scale(.65) rotate(8deg)}to{opacity:1;transform:none}}@keyframes winnerPulse{50%{box-shadow:inset 0 0 55px color-mix(in srgb,var(--accent) 55%,transparent),0 0 24px var(--accent)}}@keyframes badCard{50%{transform:translateX(6px) rotate(2deg)}}

/* خانه بازی */
.screen-hidden{display:none!important}.home-screen{position:relative;min-height:100dvh;max-width:600px;margin:auto;overflow:hidden;background:#031112;color:#fff}.home-bg{position:absolute;inset:0;background:linear-gradient(180deg,#00101160,#031112 72%),url('assets/table-traditional.png') center/cover;filter:saturate(.85)}body[data-theme=modern] .home-bg{background-image:linear-gradient(180deg,#00060a55,#03080d 72%),url('assets/table-modern.png')}body[data-theme=fantasy] .home-bg{background-image:linear-gradient(180deg,#09032855,#08051c 72%),url('assets/table-fantasy.png')}.home-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,transparent,#001010aa 75%)}.home-header,.home-content{position:relative;z-index:2}.home-header{display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 18px 10px}.guest-profile{display:flex;align-items:center;gap:10px}.guest-profile>div:last-child{display:flex;flex-direction:column}.guest-profile b{font-size:13px}.guest-profile span{font-size:9px;opacity:.65}.home-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);background:linear-gradient(145deg,#234344,#081718);box-shadow:0 0 16px #000}.language-switch{direction:ltr;display:flex;padding:3px;border-radius:12px;background:#001010aa;border:1px solid #ffffff1c}.language-switch button{border:0;background:transparent;padding:6px 9px;border-radius:9px;font-size:11px}.language-switch button.selected{background:var(--accent);color:#171006;font-weight:800}.home-content{display:flex;min-height:calc(100dvh - 78px);flex-direction:column;padding:0 20px 20px}.home-logo{text-align:center;margin:2.5dvh 0 14px}.home-logo>span{display:grid;place-items:center;margin:auto;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:19px;transform:rotate(45deg);font:34px Georgia;color:var(--accent);background:#00101090;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 25%,transparent)}.home-logo>span::first-line{transform:rotate(-45deg)}.home-logo h1{font-size:32px;margin:15px 0 0;color:var(--accent);text-shadow:0 4px 18px #000}.home-logo p{font-size:10px;opacity:.65;margin:3px}.home-stats{display:flex;justify-content:center;align-items:center;gap:25px;margin:5px auto 20px;padding:10px 28px;border:1px solid #ffffff12;border-radius:18px;background:#0010106e;backdrop-filter:blur(10px)}.home-stats div{text-align:center;min-width:42px}.home-stats strong{display:block;font-size:17px;color:var(--accent)}.home-stats span{display:block;font-size:8px;opacity:.6}.home-stats i{height:24px;width:1px;background:#ffffff18}.game-modes{display:grid;gap:11px}.mode-card{display:flex;align-items:center;direction:rtl;width:100%;min-height:82px;border:1px solid #ffffff1b;border-radius:21px;padding:13px;background:linear-gradient(110deg,#0c2929e8,#051515e8);box-shadow:0 10px 25px #0007;text-align:right}.mode-card:active{transform:scale(.985)}.mode-card .mode-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;margin-left:13px;border-radius:17px;background:#ffffff0b;font-size:27px;color:var(--accent);box-shadow:inset 0 0 0 1px #ffffff12}.mode-card div{flex:1}.mode-card b{display:block;font-size:15px}.mode-card small{font-size:9px;opacity:.62}.mode-card em{font-style:normal;opacity:.5}.online-mode{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 22%,#0b2323),#061617)}.ai-mode{background:linear-gradient(110deg,#17252ee8,#071318e8)}.home-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.home-tools button{border:1px solid #ffffff16;border-radius:16px;background:#00101088;padding:11px 5px}.home-tools span{display:block;font-size:20px;color:var(--accent)}.home-tools b{display:block;font-size:9px;margin-top:3px}.connection{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;padding-top:12px;font-size:8px;opacity:.55}.connection i{width:6px;height:6px;border-radius:50%;background:#5fe19b;box-shadow:0 0 7px #5fe19b}.connection small{margin-right:auto}.radar{position:relative;width:90px;height:90px;margin:0 auto 12px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;overflow:hidden}.radar:before,.radar:after{content:"";position:absolute;background:#ffffff18}.radar:before{width:100%;height:1px}.radar:after{height:100%;width:1px}.radar i{position:absolute;width:50%;height:50%;top:0;right:0;transform-origin:bottom left;background:linear-gradient(45deg,color-mix(in srgb,var(--accent) 35%,transparent),transparent);animation:radar 1.5s linear infinite}.radar span{font-size:28px;color:var(--accent)}.match-slots{direction:ltr;display:flex;gap:9px;justify-content:center;margin:18px}.match-slots span{display:grid;place-items:center;width:48px;height:48px;border:1px dashed #ffffff35;border-radius:50%;font-size:11px}.match-slots .found{border-style:solid;border-color:var(--accent);background:#ffffff0c;font-size:16px}.server-note{font-size:10px;line-height:1.8;opacity:.6;margin:10px 0 18px}@keyframes radar{to{transform:rotate(360deg)}}
html[dir=ltr] .mode-card,html[dir=ltr] .guest-profile{direction:ltr;text-align:left}html[dir=ltr] .mode-card .mode-icon{margin-left:0;margin-right:13px}html[dir=ltr] .mode-card em{transform:rotate(180deg)}html[dir=ltr] .connection small{margin-right:0;margin-left:auto}
@media(max-height:700px){.home-logo{margin:0 0 8px}.home-logo>span{width:42px;height:42px;font-size:26px}.home-logo h1{font-size:25px;margin-top:9px}.home-stats{margin-bottom:10px;padding-block:6px}.mode-card{min-height:68px}.mode-card .mode-icon{height:44px;flex-basis:44px}.home-tools{margin-top:9px}}

/* پروفایل، اقتصاد و اشتراک */
.guest-profile{border:0;background:transparent;color:#fff;text-align:inherit}.wallet-bar{direction:ltr;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-8px 0 12px}.wallet-bar>div{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ffffff14;border-radius:13px;background:#0010108c;backdrop-filter:blur(8px)}.wallet-bar span{font-size:19px}.parse-coin{color:#f2c45e}.simorgh-feather{color:#6de3d4}.wallet-bar b{font-size:14px}.wallet-bar small{margin-left:auto;font-size:8px;opacity:.55}.economy-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.economy-actions button{display:flex;align-items:center;text-align:right;gap:9px;border:1px solid #ffffff16;border-radius:15px;background:#00101088;padding:9px;color:#fff}.economy-actions span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffffff0c;color:var(--accent)}.economy-actions b,.economy-actions small{display:block}.economy-actions b{font-size:9px}.economy-actions small{font-size:7px;opacity:.55}.connection button{border:0;background:transparent;color:inherit;font-size:8px;text-decoration:underline}.profile-symbol,.subscription-badge{font-size:46px;color:var(--accent);filter:drop-shadow(0 0 12px var(--accent))}.profile-modal input{direction:auto;width:100%;border:1px solid #ffffff26;border-radius:14px;background:#ffffff0c;color:#fff;padding:13px;margin:10px 0 5px;text-align:center;font:16px Vazirmatn}.name-error{min-height:22px;color:#ff8b91;font-size:9px}.subscription-modal ul{text-align:right;font-size:11px;line-height:2.3;margin:12px 0;padding-right:22px}.subscription-modal .secondary-btn{margin-top:8px}.payment-note{display:block;margin-top:10px;opacity:.45;font-size:8px}.ad-box{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#1c3a3d,#081516);margin-bottom:12px}.ad-box strong{font-size:60px;color:var(--accent)}.ad-box span,.ad-box small{font-size:10px;opacity:.7}
.economy-actions .exchange-action{grid-column:1/-1;justify-content:center;background:linear-gradient(100deg,#132c2f,#0a191b);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
.home-credits{text-align:center;margin-top:7px;padding-top:7px;border-top:1px solid #ffffff0c;line-height:1.65;text-shadow:0 1px 5px #000}.home-credits span,.home-credits small{display:block}.home-credits span{font-size:8px;color:var(--accent);opacity:.85}.home-credits small{font-size:7px;opacity:.42}
.exit-icon{font-size:48px;color:var(--accent)}.exit-modal button{margin-top:9px}.danger-btn{width:100%;border:1px solid #ff667744;border-radius:15px;padding:12px;background:#5b1720;color:#ffdfe3;font-weight:700}
.home-avatar.subscribed{position:relative;box-shadow:0 0 18px var(--accent),inset 0 0 12px #ffffff22}.home-avatar.subscribed:after{content:'𐎱';position:absolute;right:-7px;bottom:-5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--accent);color:#271b07;font:11px serif;border:2px solid #071315}
.sheet,.modal{position:fixed}.overlay-close{position:absolute;z-index:3;top:12px;left:13px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0b;color:#fff;font:22px/1 system-ui}.sheet .overlay-close{top:14px}.overlay-close:active{transform:scale(.92)}
/* داشبورد ادمین */
.admin-screen{position:fixed;inset:0;z-index:50;overflow:auto;background:#071113;color:#fff;direction:rtl}.admin-screen>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:13px;padding:18px;background:#0d2023ee;border-bottom:1px solid #ffffff15;backdrop-filter:blur(12px)}.admin-screen header button{width:38px;height:38px;border:1px solid #ffffff1b;border-radius:12px;background:#ffffff0a;color:#fff}.admin-screen header div{display:flex;flex-direction:column}.admin-screen header span{font-size:9px;opacity:.5}.admin-content{max-width:950px;margin:auto;padding:18px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-cards article{position:relative;padding:17px;border:1px solid #ffffff13;border-radius:17px;background:#0c1d20}.admin-cards article>span{position:absolute;left:14px;color:var(--accent)}.admin-cards strong,.admin-cards small{display:block}.admin-cards strong{font-size:28px}.admin-cards small{font-size:9px;opacity:.55}.admin-panel{margin-top:15px;padding:17px;border:1px solid #ffffff13;border-radius:18px;background:#0c1d20}.admin-panel h3{font-size:13px;margin:0 0 16px}.bar-chart{direction:ltr;height:170px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #ffffff1c}.bar-chart div{flex:1;text-align:center}.bar-chart i{display:block;min-height:3px;border-radius:7px 7px 0 0;background:linear-gradient(var(--accent),#287c72)}.bar-chart span{display:block;font-size:8px;opacity:.5;margin:5px}.subscriber-list .empty{text-align:center;opacity:.45;font-size:11px;padding:20px}.subscriber-row,.economy-report{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:9px;border-bottom:1px solid #ffffff0d}.subscriber-row small{opacity:.55}.economy-report{display:grid;grid-template-columns:repeat(3,1fr);border:0}.economy-report div{text-align:center;padding:12px;background:#ffffff08;border-radius:12px}.economy-report strong,.economy-report span{display:block}.economy-report strong{color:var(--accent);font-size:20px}.economy-report span{font-size:8px;opacity:.55}@media(max-width:650px){.admin-cards{grid-template-columns:1fr 1fr}.economy-report{grid-template-columns:1fr}.admin-content{padding:12px}}
/* Production account and server matchmaking */
.auth-modal,.online-ready-modal{gap:14px;max-width:420px;text-align:center}
.auth-modal,.online-ready-modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.modal-close{position:absolute;z-index:4;top:12px;left:13px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:11px;background:#ffffff12;color:#fff;font:25px/1 system-ui;box-shadow:0 4px 16px #0006}
.modal-close:active{transform:scale(.92)}
.profile-modal{top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);max-height:calc(100dvh - 24px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}
.profile-modal .modal-close{position:sticky;top:0;margin:0 auto -36px 0}
.profile-modal #closeProfileHomeButton{margin-top:10px}
.production-field{display:grid;gap:7px;text-align:right;width:100%;color:#d8e6df;font-size:.84rem}
.production-field input{width:100%;box-sizing:border-box;border:1px solid rgba(226,194,112,.35);border-radius:14px;background:rgba(3,18,19,.72);color:#fff;padding:13px 14px;font:inherit;direction:ltr}
.oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.auth-modal small,.online-ready-modal small{color:#a9bdb5;line-height:1.8}
.auth-modal small.error,.online-ready-modal small.error{color:#ffaaa2}
.auth-modal small.success,.online-ready-modal small.success{color:#92e4ba}
.alpha-login,.invite-join{display:grid;gap:8px;width:100%;margin-top:10px}.alpha-login{padding-top:12px;border-top:1px solid #ffffff18}.alpha-login span{font-size:10px;color:#e2c270}.alpha-login input,.invite-join input{box-sizing:border-box;width:100%;border:1px solid #ffffff24;border-radius:12px;background:#061718;color:#fff;padding:11px;text-align:center;font:inherit}.invite-join{grid-template-columns:1fr 1fr}.online-disconnected{color:#ffbd7a!important}.card.online-legal{cursor:pointer;box-shadow:0 0 13px #e2c270}.card.online-illegal{opacity:.55;filter:saturate(.55)}
.home-tools{grid-template-columns:repeat(4,1fr)}.club-modal{max-height:88dvh;overflow:auto}.club-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.club-tabs button{border:1px solid #ffffff1c;border-radius:10px;background:#ffffff08;color:#fff;padding:9px;font:inherit;font-size:10px}.club-tabs button.selected{background:var(--accent);color:#241907}.club-pane{min-height:210px;text-align:right}.club-loading,.club-empty{padding:28px;text-align:center;font-size:11px;opacity:.55}.club-row{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #ffffff12;font-size:11px}.club-row>div{flex:1}.club-row b,.club-row small{display:block}.club-row small{opacity:.55}.club-row button,.friend-search button{border:0;border-radius:9px;background:var(--accent);color:#231907;padding:7px 9px;font:inherit;font-size:9px}.friend-search{display:grid;grid-template-columns:1fr auto;gap:7px;margin:8px 0}.friend-search input{min-width:0;border:1px solid #ffffff24;border-radius:10px;background:#061718;color:#fff;padding:10px;font:inherit}.club-pane h3{font-size:11px;margin:14px 0 4px}#clubMessage{display:block;min-height:20px;color:#e2c270}.admin-error{padding:30px;text-align:center;color:#ffb0a9}.report-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-bottom:1px solid #ffffff12;font-size:10px}.report-row small{opacity:.55}@media(max-width:390px){.home-tools{grid-template-columns:repeat(2,1fr)}}

.home-credits a{color:var(--accent);text-decoration:none}.home-credits a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--glow);outline-offset:3px}
@media(max-height:750px){.home-screen{overflow:auto}.home-content{min-height:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.connection{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.profile-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.profile-options label{display:grid;gap:5px;text-align:right;font-size:9px;opacity:.8}.profile-options select{min-width:0;border:1px solid #ffffff26;border-radius:11px;background:#102528;color:#fff;padding:9px;font:inherit}
.avatar.has-photo,.home-avatar.has-photo,.profile-photo-preview.has-photo{background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent}.profile-photo-box{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:9px;margin:12px 0;padding:11px;border:1px solid #ffffff1c;border-radius:16px;background:#00101078;text-align:right}.profile-photo-preview{grid-row:span 2;display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--accent);border-radius:50%;background:#10272a;color:var(--accent);font:27px serif}.profile-photo-box b,.profile-photo-box small{display:block}.profile-photo-box b{font-size:11px}.profile-photo-box small{font-size:8px;line-height:1.7;opacity:.65}.photo-picker,.profile-photo-box .secondary-btn{display:grid;place-items:center;min-height:34px;margin:0;border:1px solid #ffffff24;border-radius:10px;background:#ffffff0b;color:#fff;font:9px Vazirmatn;cursor:pointer}.photo-picker input{display:none}.profile-photo-box .secondary-btn{grid-column:2}.profile-photo-box .secondary-btn:disabled{opacity:.45}
.club-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:4px;flex:0 0 auto!important}.club-actions button{font-size:8px!important;padding:6px!important}
.account-security{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #ffffff18;border-radius:15px;background:#ffffff06;text-align:right}.account-security b,.account-security small{display:block}.account-security b{font-size:11px;color:var(--accent)}.account-security small{font-size:9px;line-height:1.8;opacity:.65}.account-security .danger-btn{margin:0;padding:9px;font-size:10px}
.moderation-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.moderation-actions button{border:1px solid #ffffff24;border-radius:8px;background:#ffffff0c;color:#fff;padding:6px 8px;font:9px Vazirmatn}.moderation-actions button:nth-child(2){background:#68202a;border-color:#ff7d8c55}.moderation-actions button:disabled{opacity:.45}
.quick-chat{position:absolute;z-index:9;right:8px;bottom:54px;display:none;grid-template-columns:repeat(2,34px);gap:5px}.quick-chat button{width:34px;height:34px;border:1px solid #ffffff28;border-radius:12px;background:#061718dc;font-size:17px;box-shadow:0 4px 12px #0008}.chat-bubble{position:absolute;z-index:10;left:50%;top:23%;transform:translateX(-50%);max-width:72%;padding:8px 14px;border:1px solid #ffffff28;border-radius:16px;background:#061718ee;box-shadow:0 6px 20px #0009;font-size:11px;text-align:center}.chat-bubble b{color:var(--accent);margin-left:5px}body[data-online=true] .quick-chat{display:grid}@media(max-width:390px){.quick-chat{bottom:45px;grid-template-columns:repeat(2,30px)}.quick-chat button{width:30px;height:30px;font-size:15px}}
/* Account recovery, server statistics and photo-safety controls */
.profile-account{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0;padding:10px;border:1px solid #ffffff18;border-radius:13px;background:#00101066;text-align:right}.profile-account b,.profile-account small{display:block}.profile-account b{font-size:10px}.profile-account small{font-size:8px;opacity:.65}.profile-account button{width:auto;margin:0;padding:8px 10px;font-size:8px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.profile-stats div{padding:7px;border:1px solid #ffffff12;border-radius:10px;background:#00101055}.profile-stats b,.profile-stats small{display:block}.profile-stats b{color:var(--accent);font-size:15px}.profile-stats small{font-size:7px;opacity:.6}.profile-history{text-align:right;margin:9px 0;padding:9px;border:1px solid #ffffff12;border-radius:12px}.profile-history>b{font-size:9px}.profile-history #profileRecentHistory{max-height:90px;overflow:auto}.profile-history small{display:block;padding:5px 0;border-bottom:1px solid #ffffff0d;font-size:7px;opacity:.7}.photo-rules{grid-column:1/-1;margin:0;padding:0 16px 0 0;font-size:7px;line-height:1.8;opacity:.65}.photo-report-modal select,.photo-report-modal textarea{width:100%;margin:8px 0;padding:11px;border:1px solid #ffffff20;border-radius:11px;background:#0d2729;color:#fff;font:inherit}.photo-report-modal textarea{min-height:90px;resize:vertical}.photo-report-modal small{display:block;min-height:20px;margin-top:8px;font-size:8px}

/* دست دو ردیفه، لمس دقیق و جلوگیری از انتخاب ناخواسته اجزای میز */
.app-shell,.table,.hand,.trick,.card,.player{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.app-shell button,.card,.table-sponsor{touch-action:manipulation}
.hand{--fan-width:82px;--fan-height:114.8px;--row-overlap:calc(var(--fan-height)/2 + 12px);z-index:8;left:12px;right:12px;bottom:15px;height:auto;max-width:550px;margin-inline:auto;padding:0 12px;display:flex;flex-direction:column;gap:0;align-items:stretch;overflow:visible}
.fan-row{position:relative;height:calc(var(--fan-height) + 12px);width:100%;--step:min(40px,calc((100% - var(--fan-width) - 12px)/var(--gaps)));isolation:isolate}
.fan-row+.fan-row{margin-top:calc(-1 * var(--row-overlap))}
.hand .card{position:absolute;left:calc(50% - var(--fan-width)/2 + var(--offset)*var(--step));top:0;box-sizing:border-box;width:var(--fan-width);height:var(--fan-height);min-width:0;margin:0!important;z-index:var(--order);transform-origin:50% 100%;transform:translateY(var(--arc)) rotate(var(--rot));transition:transform .14s ease,filter .18s ease,box-shadow .18s ease;touch-action:manipulation}
.hand .card:hover,.hand .card:focus{--lift:0;z-index:var(--order)}
@media(hover:hover) and (pointer:fine){.hand .card:not(.illegal):not(.online-illegal):hover{transform:translateY(calc(var(--arc) - 12px)) rotate(var(--rot));z-index:20}}
.hand .card:focus-visible{outline:3px solid var(--glow);outline-offset:1px;transform:translateY(calc(var(--arc) - 10px)) rotate(var(--rot));z-index:20}
.hand .card .rank{position:absolute;top:6px;left:6px;font-size:19px;line-height:20px}.hand .card .suit{position:absolute;top:26px;left:6px;font-size:20px;line-height:21px}.hand .card .big{font-size:33px;right:6px;bottom:2px}
@media(max-width:390px),(max-height:720px){.hand{--fan-width:68px;--fan-height:95.2px;left:8px;right:8px;bottom:12px;padding-inline:10px}.hand .card .rank{font-size:17px;line-height:18px}.hand .card .suit{top:24px;font-size:18px;line-height:19px}.hand .card .big{font-size:28px}.south{bottom:3px}.toast{bottom:185px}}
@media(max-height:600px){.hand{--fan-width:64px;--fan-height:89.6px}}