@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#e7ecee;background:#10171f;font-synthesis:none;--gold:#dfba7b;--muted:#83939e;--line:#ffffff0d}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .2s,transform .2s}button:hover:not(:disabled){filter:brightness(1.12)}.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:236px;background:#131e27;border-left:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:28px}.brand-icon{font-size:38px;background:#ddba7710;color:var(--gold);width:52px;height:58px;border:1px solid #dfba7725;border-radius:16px;text-align:center}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:1px}.nav-label{color:#5f717d;font-size:11px;margin:53px 16px 14px}nav{display:flex;flex-direction:column;gap:8px}nav button{display:flex;align-items:center;gap:13px;padding:14px 16px;text-align:right;color:#9caab3;font-size:13px;border-radius:10px}nav button.active{background:#dfba7710;color:var(--gold)}.nav-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:auto}.sidebar-note{margin-top:auto;background:linear-gradient(145deg,#243c3c,#182b2e);border:1px solid #fff1;border-radius:14px;padding:18px 15px}.sidebar-note>span{display:block;font-size:37px;color:#9bb9ae}.sidebar-note strong{font-size:13px}.sidebar-note p{color:#a0b0b1;font-size:11px;line-height:2}.sidebar-note button{font-size:11px;display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--gold);margin-top:18px}.sidebar-bottom{display:flex;gap:7px;color:#657983;font-size:9px;margin-top:24px;align-items:center}.main{margin-right:236px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#71818d}.breadcrumb strong{color:#bac5cc;font-weight:400}.header-actions{display:flex;gap:24px;align-items:center}.connection{display:flex;gap:7px;align-items:center;color:#8c9c9f;font-size:10px}.connection i,.eyebrow i,.game-tag i{width:6px;height:6px;background:#778c88;border-radius:50%}.connection i.on,.eyebrow i{background:#69c9a6;box-shadow:0 0 12px #69c9a633}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 20px;border-radius:9px;font-size:12px;font-weight:600;min-height:44px}.gold{background:var(--gold);color:#25251f;box-shadow:0 4px 20px #d5ac5c10}.glass{background:#ffffff05;border:1px solid #ffffff20;color:#d6dfdf}.subtle{border:1px solid #dfba7733;color:var(--gold)}.lobby{max-width:1400px;padding:32px 42px 0;margin:auto}.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #769d9026;border-radius:20px;min-height:355px;background:radial-gradient(ellipse at 27% 45%,#275a4c88,transparent 58%),linear-gradient(110deg,#102d2b,#1a3436 52%,#1a2b30);display:flex;align-items:center;padding:35px 38px}.hero-copy{z-index:2}.eyebrow{display:flex;gap:8px;align-items:center;color:#b4c9c3;font-size:10px;letter-spacing:.2px}h1{font-size:38px;line-height:1.6;margin:14px 0 10px;font-weight:800;letter-spacing:-1.5px}h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:12px;line-height:2;color:#a8bdbc;margin:10px 0 22px}.hero-actions{display:flex;gap:12px}.hero-foot{display:flex;align-items:center;gap:12px;font-size:9px;color:#91aaa6;margin-top:25px}.mini-avatars{display:flex;padding-left:5px}.mini-avatars i{font-style:normal;display:grid;place-items:center;background:#526963;border:2px solid #213d39;width:25px;height:25px;border-radius:50%;margin-left:-6px;color:#e0d2af}.mini-avatars i:nth-child(2){background:#806d58}.mini-avatars i:nth-child(3){background:#445e70}.hero-art{position:absolute;left:0;width:47%;height:100%;top:0;direction:ltr}.orbit{position:absolute;border:1px solid #b2d0b516;border-radius:50%;height:310px;width:310px;left:calc(50% - 155px);top:30px}.orbit-two{height:410px;width:410px;left:calc(50% - 205px);top:-20px}.hero-card{position:absolute;top:65px;left:calc(50% - 82px);filter:drop-shadow(0 20px 20px #0005)}.hc1{transform:translate(-47px) rotate(-18deg)}.hc2{transform:translate(48px) translateY(14px) rotate(15deg)}.hero-card .card{width:133px;height:192px}.card{position:relative;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:88px;height:126px;background:linear-gradient(120deg,#fffef9,#e4e5db);border:1px solid #d8d9cf;border-radius:9px;color:#172d34;box-shadow:0 5px 12px #0003;padding:7px 9px;font-family:Georgia,serif;font-size:20px;font-weight:700;direction:ltr}.card:disabled{opacity:1}.card>span{display:flex;flex-direction:column;line-height:1;align-items:center;z-index:1}.card>span:last-child{align-self:flex-end;transform:rotate(180deg)}.card i{font-style:normal;font-size:17px}.card>b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:400}.card.red,.red{color:#b93f4a!important}.hero-card .card>b{font-size:84px}.hero-card .card>span{font-size:28px}.back{background:repeating-linear-gradient(45deg,#294d57 0,#294d57 3px,#24434b 3px,#24434b 6px);border:5px solid #dddfd4;outline:1px solid #b1b8ab;color:#b2b99f}.back:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #b6c7b74d;border-radius:3px}.chip{position:absolute;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#bd985e;border:7px dashed #ecd1a2;outline:3px solid #ab8a54;box-shadow:0 8px #806035,0 16px 20px #0004;color:#604a2d;font-size:29px;font-family:Georgia}.chip-one{left:12%;top:69%;transform:rotate(-20deg)}.chip-two{left:73%;top:19%;transform:rotate(14deg) scale(.7);background:#3e7770;border-color:#8fae93;outline-color:#477a68;color:#b9d1b4;box-shadow:0 8px #254b43}.art-spark{position:absolute;color:var(--gold);font-size:27px}.s1{left:19%;top:16%}.s2{left:80%;top:68%;font-size:38px}.art-caption{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:Arial;font-size:7px;letter-spacing:3px;color:#8aa59b;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 19px}.muted{color:#758892;font-size:10px}h2{font-size:22px;margin:7px 0;font-weight:700}.pill{display:inline-flex;border:1px solid #ffffff0c;background:#ffffff04;padding:5px 11px;border-radius:20px;font-size:10px;color:#90a2ac;font-weight:400}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-tile{border:1px solid #ffffff0b;border-radius:16px;overflow:hidden;background:#17232d}.game-art{height:180px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 130%,#476c62,#253d3a 55%,#203632)}.blackjack .game-art{background:radial-gradient(ellipse at 50% 130%,#654,#3e3530 60%,#332e29)}.game-tag{position:absolute;top:17px;right:18px;display:flex;gap:7px;align-items:center;font-size:9px;background:#0d201b55;border:1px solid #ffffff13;border-radius:20px;padding:5px 10px;color:#b9cbc0;z-index:2}.game-tag i{background:#a3bd9f;width:4px;height:4px}.watermark{position:absolute;font:italic 210px Georgia;color:#ffffff04;left:12px;top:-20px;line-height:1}.fan{position:absolute;left:50%;bottom:-30px;display:flex;direction:ltr;transform:translate(-50%)}.fan>div{margin:0 -19px;transform:translateY(calc((var(--i) - 1)*4px)) rotate(calc((var(--i) - (var(--n) - 1)/2)*18deg));transform-origin:center bottom}.fan .card{width:99px;height:143px}.fan .card>b{font-size:55px}.art-word{position:absolute;bottom:20px;left:18px;font:8px Arial;letter-spacing:3px;writing-mode:vertical-rl;color:#ffffff65}.game-info{padding:19px 22px 20px}.game-title{display:flex;align-items:center;justify-content:space-between}.game-title h3{font-size:20px;margin:0}.game-title>span{font-size:26px;color:#9baf9e}.blackjack .game-title>span{color:#bfa477}.game-info p{font-size:11px;color:#879aa7;margin:6px 0 17px}.game-meta{display:flex;gap:17px;align-items:center;font-size:9px;color:#a5b3ba}.game-meta span,.game-meta button{display:flex;align-items:center;gap:5px}.game-meta button{margin-right:auto;font-size:10px;color:#b8c3c9;padding:0}.game-start{border:1px solid #ffffff16;background:#ffffff03;border-radius:8px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;font-size:12px;margin-top:20px;color:#dbc08d}.game-start:hover{background:#dfba7711}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:24px}.how-box,.install-box{display:flex;align-items:center;gap:13px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#15202a}.line-icon{color:#a4b4ae;border-radius:12px;background:#ffffff05;width:43px;height:43px;display:grid;place-items:center}.bottom-grid h3{font-size:11px;margin:0 0 6px}.bottom-grid p{font-size:9px;color:#7f929e;margin:0}.bottom-grid button{margin-right:auto;color:#b3c0c3;font-size:10px}.install-box button{border:1px solid #ffffff20;padding:6px 13px;border-radius:6px}footer{display:flex;justify-content:space-between;font-size:9px;color:#526773;padding:25px 0}.profile{display:flex;gap:8px;align-items:center;font-size:12px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;background:linear-gradient(150deg,#596c62,#2d4544);color:#e3cfaa;border:1px solid #ffffff20;border-radius:12px;font-size:17px}.profile svg{color:#6a808b;margin-right:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060d16bb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;display:grid;place-items:center;padding:20px}.modal{position:relative;background:#192630;border:1px solid #ffffff17;border-radius:23px;padding:32px;width:440px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 90px #0005}.close{position:absolute;left:16px;top:16px;color:#879ca6;padding:5px}.modal-logo{color:var(--gold);font-size:38px}.modal h2{font-size:24px;margin-top:8px}.modal p{color:#99aab4;font-size:12px;line-height:2}.tabs{display:flex;background:#0e1921;border-radius:9px;padding:4px;margin:20px 0}.tabs button{flex:1;padding:9px;font-size:12px;border-radius:7px;color:#91a4ad}.tabs .selected{background:#293842;color:var(--gold)}label{display:block;font-size:12px;color:#a6b7bf;margin-top:16px}input{display:block;width:100%;background:#111d26;border:1px solid #ffffff18;color:#edf3f3;border-radius:8px;padding:12px 14px;margin-top:7px;outline:0}input:focus{border-color:#dfba7777}input::placeholder{color:#536d7b;font-size:11px}.full{width:100%;margin-top:23px}.error{color:#e59c97!important}.choices{display:flex;flex-direction:column;gap:10px;margin-top:22px}.choices button{display:flex;gap:17px;align-items:center;text-align:right;border:1px solid #ffffff12;padding:16px;border-radius:12px}.choices button.selected{background:#dfba770a;border-color:#dfba7766}.choices b{font-size:26px;color:var(--gold)}.choices small{display:block;color:#79929e;font-size:10px;margin-top:5px}.choices svg{margin-right:auto;color:var(--gold)}.code-input{letter-spacing:8px;text-align:center;font-size:24px}.rules{font-size:12px;line-height:2.4}.rules b{color:var(--gold)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#2c4842;border:1px solid #7aab8a55;padding:13px 22px;display:flex;gap:10px;align-items:center;border-radius:12px;box-shadow:0 10px 35px #0004;font-size:12px;z-index:50;max-width:90vw;white-space:nowrap}.room-page{padding:28px 40px}.room-heading{display:flex;justify-content:space-between;align-items:center}.room-toolbar{display:flex;gap:12px;margin:20px 0}.room-toolbar button{display:flex;gap:10px;align-items:center;background:#1c2b34;border:1px solid #fff1;border-radius:8px;padding:10px 14px;font-size:11px;color:#abc0c6}.room-toolbar b{color:var(--gold);letter-spacing:2px}.table-wrap{background:radial-gradient(ellipse at center,#1b3337,#111e27 75%);border:1px solid #fff1;border-radius:24px;padding:25px 25px 20px}.opponents{display:flex;justify-content:space-around;gap:15px;min-height:115px}.seat{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px}.seat strong{font-size:11px}.seat small{font-size:9px;color:#7c959e}.seat.turn .avatar{box-shadow:0 0 0 3px #dfba77}.seat.empty{opacity:.4}.opponent-cards{display:flex;direction:ltr;justify-content:center}.card.small{width:36px;height:51px;font-size:10px;padding:3px;border-radius:4px;margin:5px -6px}.card.small i{font-size:8px}.card.small>b{font-size:19px}.card.small.back{border-width:2px}.felt{position:relative;min-height:240px;border:8px solid #34413d;border-radius:120px;background:radial-gradient(ellipse,#245f50,#174034);box-shadow:0 0 0 2px #b7a16c33,inset 0 0 40px #0004,0 12px 25px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:16px}.felt-brand{position:absolute;font-size:32px;color:#ffffff08;top:14px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:900}.waiting{text-align:center;z-index:1}.waiting h2{font-size:19px}.waiting p{font-size:11px;color:#9cbcb1;line-height:2}.waiting-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.table-center{display:flex;gap:22px;align-items:center;z-index:1}.suit-info{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#abc3b7}.suit-info b{font-size:33px;color:#d6dccb}.suit-info small{color:var(--gold)}.turn-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#b6d3c3}.turn-label b{color:var(--gold);font-size:10px}.my-seat{text-align:center;margin-top:24px}.my-label{display:flex;align-items:center;justify-content:center;gap:9px}.my-label strong{font-size:12px}.my-label small{font-weight:400;color:#6f8995}.hand{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;direction:ltr;margin-top:18px}.hand .card{transition:transform .2s,filter .2s}.hand .card:not(:disabled){box-shadow:0 0 0 2px #dfba77}.hand .card:hover:not(:disabled){transform:translateY(-12px)}.play-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.play-actions small{font-size:10px;color:#7d99a3}.result{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:12px}.result .btn{padding:8px 14px;min-height:36px}.outcome{font-size:12px;color:var(--gold)}.dealer{text-align:center}.dealer>span{font-size:10px;color:#a8c2b6}.dealer>div{display:flex;gap:6px;direction:ltr;margin-top:10px}.suit-picker{display:flex;justify-content:center;gap:14px;margin:25px 0}.suit-picker button{font-size:40px;background:#e7e9df;color:#1b3138;width:60px;border-radius:9px}@media(min-width:1500px){.lobby{padding-top:45px}.hero{min-height:390px}.game-art{height:210px}.game-info{padding:24px}.hero-art{left:3%}h1{font-size:44px}}@media(max-width:1150px){.sidebar{width:195px;padding:28px 16px}.main{margin-right:195px}header{padding:0 25px}.lobby{padding:25px}.hero{padding:28px}.hero-art{transform:scale(.85);transform-origin:center}.hero h1{font-size:31px}.game-meta{gap:9px}.bottom-grid{grid-template-columns:1fr}.room-page{padding:25px}.room-toolbar{flex-wrap:wrap}.hero-actions .btn{padding:11px 13px}}@media(max-width:850px){.sidebar{width:75px;padding:25px 10px}.brand{justify-content:center}.brand>div,.nav-label,.sidebar-note,.sidebar-bottom{display:none}.brand-icon{font-size:33px;width:45px;height:49px}.sidebar nav{margin-top:35px}nav button{font-size:0;padding:15px;gap:0}nav button svg{flex-shrink:0}.nav-dot{display:none}.main{margin-right:75px}.hero-art{opacity:.85;left:-12%;width:55%}.hero-copy{max-width:64%}.game-meta{flex-wrap:wrap;row-gap:10px}.game-meta button{margin-right:0}.game-info{padding:16px}.game-title h3{font-size:18px}.hero h1{font-size:29px}.connection{display:none}.room-page{padding:18px}.table-wrap{padding:20px 12px}.felt{border-width:5px}.hand .card{width:65px;height:96px}.hand .card>b{font-size:34px}}@media(max-width:600px){.sidebar{position:static;width:100%;height:65px;padding:0 20px;border-left:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between}.brand{gap:8px;font-size:22px}.brand>div{display:block}.brand small{display:none}.brand-icon{font-size:27px;width:32px;height:38px;border:0;background:none}.sidebar nav{margin:0;flex-direction:row;gap:3px}.sidebar nav button{padding:10px}.main{margin:0}header{height:61px;padding:0 20px}.breadcrumb{font-size:10px;gap:5px}.header-actions{gap:0}.header-actions .btn{font-size:10px;padding:8px 11px;min-height:36px}.lobby{padding:18px 16px 0}.hero{min-height:385px;align-items:flex-start;padding:26px 24px}.hero-copy{max-width:100%}.hero h1{font-size:30px;margin-top:15px}.hero p{font-size:11px;max-width:65%;margin-top:10px}.hero-art{width:48%;height:65%;top:90px;left:-14px;transform:scale(.65);transform-origin:center;opacity:.9}.hero-card{top:52px}.hero-actions{margin-top:63px;position:relative;z-index:3;gap:8px}.hero-actions .btn{padding:10px 13px;font-size:10px}.hero-foot{margin-top:18px;font-size:8px}.hero-art .art-caption{display:none}.hero-art .orbit{height:230px;width:230px;left:calc(50% - 115px)}.hero-art .orbit-two{height:310px;width:310px;left:calc(50% - 155px)}.chip-one{left:-10%;top:95%}.chip-two{left:85%;top:10%}.s1{left:0;top:9%}.s2{left:94%;top:85%}.section-heading{margin-top:25px}h2{font-size:20px}.pill{font-size:8px;padding:4px 8px}.game-grid{gap:15px;grid-template-columns:1fr}.game-art{height:175px}.game-info{padding:18px 20px}.game-meta{font-size:10px;gap:18px}.game-meta button{margin-right:auto}.game-title h3{font-size:21px}.game-info p{font-size:11px}.game-start{margin-top:17px}.bottom-grid{gap:12px;margin-top:18px}.how-box,.install-box{padding:15px 12px;gap:10px}.bottom-grid h3{font-size:10px}.bottom-grid p{font-size:8px}.line-icon{width:36px;height:36px}footer{font-size:8px;gap:12px;line-height:2;padding-bottom:20px}footer span:last-child{display:none}.modal{padding:25px}.room-page{padding:18px 12px}.room-heading h2{font-size:19px}.room-heading .btn{font-size:10px;padding:8px 10px}.room-toolbar{gap:5px;margin:17px 0}.room-toolbar button{font-size:9px;padding:9px;gap:5px}.table-wrap{padding:18px 7px;border-radius:16px}.opponents{gap:0;min-height:110px}.seat{min-width:75px}.seat strong{font-size:9px}.seat small{font-size:8px}.seat .avatar{width:30px;height:30px;font-size:14px}.felt{border-radius:65px;min-height:230px;padding:25px 10px}.waiting h2{font-size:14px}.waiting p{font-size:9px;padding:0 15px}.waiting-buttons{gap:7px}.waiting-buttons .btn{font-size:10px;padding:9px 12px}.table-center{gap:10px}.table-center .card{width:62px;height:91px;font-size:16px}.table-center .card>b{font-size:34px}.table-center .card i{font-size:12px}.table-center .card.back{border-width:3px}.hand{gap:4px}.hand .card{width:51px;height:77px;padding:5px;font-size:14px;border-radius:6px}.hand .card i{font-size:11px}.hand .card>b{font-size:26px}.turn-label,.turn-label b{font-size:9px}.play-actions .btn{font-size:10px}.result{flex-wrap:wrap;justify-content:center;font-size:10px;gap:8px}.suit-info{font-size:9px}.dealer>div{gap:3px}.profile{font-size:10px}.profile .avatar{width:28px;height:28px}.toast{font-size:10px;white-space:normal}.card.small{width:24px;height:36px;margin:5px -5px}.card.small>b{font-size:13px}.card.small span{font-size:7px}.card.small i{font-size:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:600px){.hero-art{top:72px;transform:scale(.52);left:-20px;pointer-events:none}}