:root{--ckg-gold:#c7a76c;--ckg-gold2:#f0cf9b;--ckg-cream:#f5ead6;--ckg-black:#090806;--ckg-panel:rgba(14,11,8,.64);--ckg-line:rgba(222,190,133,.25);--ckg-red:#a84a43;--ckg-green:#5f8851}
.ckg-page,.ckg-page *{box-sizing:border-box}.ckg-page{position:relative;min-height:100vh;overflow:hidden;color:var(--ckg-cream);background:#000;font-family:Arial,Helvetica,sans-serif}.ckg-page a{color:inherit;text-decoration:none}.ckg-page button,.ckg-page input{font:inherit}.ckg-page [data-fa]{display:none}.ckg-page[data-lang=fa] [data-fr]{display:none!important}.ckg-page[data-lang=fa] [data-fa]{display:revert}.ckg-page[data-lang=fa]{direction:rtl;font-family:Tahoma,Arial,sans-serif}
.ckg-video-layer{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050403;pointer-events:none}.ckg-video-layer video{width:100%;height:100%;object-fit:cover;opacity:.47;filter:saturate(.7) sepia(.15) brightness(.7)}.ckg-video-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,rgba(97,83,36,.17),transparent 44%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.93) 92%)}
.ckg-global-nav{position:fixed;top:18px;left:50%;z-index:99990;width:min(710px,calc(100% - 40px));transform:translateX(-50%)}body.admin-bar .ckg-global-nav{top:50px}.ckg-global-nav-shell{position:relative;display:flex;align-items:center;min-height:62px;padding:7px;overflow:hidden;border:1px solid rgba(222,190,133,.28);border-radius:999px;background:linear-gradient(115deg,rgba(255,255,255,.07),rgba(199,167,108,.05) 42%,rgba(0,0,0,.08)),rgba(13,11,8,.64);box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(199,167,108,.08);backdrop-filter:blur(24px) saturate(135%)}.ckg-global-nav-shell:before{content:"";position:absolute;top:-120%;left:-30%;width:34%;height:330%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(18deg);animation:ckgSweep 9s ease-in-out infinite}@keyframes ckgSweep{0%,60%{left:-42%;opacity:0}69%{opacity:1}90%,100%{left:120%;opacity:0}}.ckg-global-nav-links{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);flex:1}.ckg-global-nav a,.ckg-global-nav button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:rgba(245,234,214,.68);font-size:12px;font-weight:600;cursor:pointer;transition:.25s}.ckg-global-nav a:hover,.ckg-global-nav button:hover{color:#fff;transform:translateY(-1px)}.ckg-global-nav button.is-active{color:#17110d;background:linear-gradient(135deg,var(--ckg-gold2),#aa7d43);box-shadow:0 7px 22px rgba(185,138,82,.28),inset 0 1px 0 rgba(255,255,255,.55)}.ckg-nav-indicator{display:none}.ckg-mobile-nav-toggle{display:none}
.ckg-lang-switch{position:fixed;top:28px;left:calc(50% + 380px);z-index:99991;display:flex;gap:3px;padding:4px;border:1px solid rgba(199,167,108,.34);border-radius:999px;background:rgba(10,8,6,.5);backdrop-filter:blur(12px)}body.admin-bar .ckg-lang-switch{top:60px}.ckg-lang-switch button{min-width:40px;height:30px;padding:0 10px;color:rgba(245,234,214,.68);border:0;border-radius:999px;background:transparent;font-size:10px;font-weight:700;cursor:pointer}.ckg-lang-switch button.is-active{color:#17110d;background:linear-gradient(135deg,#f2d6a7,#b98a52)}
.ckg-view{position:relative;z-index:2;min-height:820px;padding:108px 16px 36px}.ckg-shell{width:min(1120px,100%);margin:0 auto}.ckg-glass{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:76px;background:linear-gradient(120deg,rgba(0,0,0,.05),rgba(97,83,36,.58)),rgba(8,8,8,.35);box-shadow:0 0 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px)}.ckg-glass:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 0 46%,rgba(255,255,255,.035) 47%,transparent 57%)}
.ckg-home-hero{min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:76px 72px}.ckg-kicker{display:block;color:var(--ckg-gold);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.ckg-home-hero h1{margin:15px 0 0;color:#fff;font:400 clamp(48px,6vw,76px)/.95 Georgia,"Times New Roman",serif;letter-spacing:.02em}.ckg-home-hero h1 span{display:block;margin-top:12px;color:#d8b278;font:700 22px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em}.ckg-home-hero h2{margin:10px 0;color:var(--ckg-gold2);font:italic 400 21px Georgia,serif}.ckg-home-hero p{max-width:520px;margin:36px 0 26px;color:rgba(245,234,214,.73);font:17px/1.8 Georgia,"Times New Roman",serif}.ckg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 20px;color:var(--ckg-cream);border:1px solid var(--ckg-line);border-radius:999px;background:rgba(10,8,6,.58);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.ckg-btn:hover{border-color:rgba(240,207,155,.72);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.25)}.ckg-btn--gold{color:#17110d;border-color:transparent;background:linear-gradient(135deg,#f1d29d,#b98a52);font-weight:700}.ckg-btn--red{color:#d38880;border-color:rgba(168,74,67,.6)}.ckg-btn--tiny{min-height:34px;padding:7px 13px;font-size:11px}.ckg-hero-art{position:relative;min-height:470px}.ckg-moon{position:absolute;right:6%;top:2%;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 34%,#ffe8b7 0,#d6a25d 30%,#725338 64%,#251913 100%);box-shadow:0 0 55px rgba(216,177,112,.18)}.ckg-skyline{position:absolute;left:4%;right:2%;bottom:4%;height:245px;opacity:.82;background:linear-gradient(transparent 51%,rgba(25,16,12,.95) 52%);clip-path:polygon(0 100%,0 74%,8% 74%,8% 57%,13% 57%,13% 75%,22% 75%,22% 45%,28% 45%,28% 69%,36% 69%,36% 38%,42% 38%,42% 67%,49% 67%,49% 49%,54% 49%,54% 70%,63% 70%,63% 40%,69% 40%,69% 67%,78% 67%,78% 52%,84% 52%,84% 75%,91% 75%,91% 62%,96% 62%,96% 76%,100% 76%,100% 100%)}.ckg-hokm-poster{position:absolute;left:50%;top:50%;width:270px;transform:translate(-45%,-45%);padding:28px 24px 25px;text-align:center;border:1px solid rgba(199,167,108,.6);border-radius:18px;background:rgba(12,8,7,.9);box-shadow:0 28px 80px #000}.ckg-hokm-poster:before{content:"";position:absolute;inset:8px;border:1px solid rgba(199,167,108,.26);border-radius:12px}.ckg-hokm-poster .fa-title{position:relative;color:#d3aa70;font:25px Tahoma}.ckg-hokm-poster strong{position:relative;display:block;margin:10px;color:#f6ead5;font:34px Georgia,serif}.ckg-hokm-poster p{position:relative;margin:0 0 20px;font:12px/1.65 Arial;color:#a59888}.ckg-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--ckg-line);border-radius:26px;overflow:hidden;background:rgba(9,7,5,.65);backdrop-filter:blur(16px)}.ckg-feature{padding:18px 22px;border-right:1px solid var(--ckg-line)}.ckg-feature:last-child{border:0}.ckg-feature b{display:block;color:#d4af78;font:14px Georgia,serif}.ckg-feature span{color:#84786c;font-size:10px}
.ckg-subnav{display:flex;justify-content:center;gap:10px;margin:24px 0}.ckg-subnav button{padding:9px 15px;border:1px solid var(--ckg-line);border-radius:999px;background:rgba(10,8,6,.6);color:#9c8e7f;font-size:11px;cursor:pointer}.ckg-subnav button.is-active{color:#17110d;background:linear-gradient(135deg,#efd19c,#aa7d43)}
.ckg-panel{width:min(1040px,100%);margin:0 auto;padding:38px;border:1px solid rgba(199,167,108,.24);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(199,167,108,.04)),rgba(10,8,6,.72);box-shadow:0 25px 70px rgba(0,0,0,.4);backdrop-filter:blur(20px)}.ckg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid rgba(199,167,108,.15)}.ckg-panel-head h2{margin:5px 0 0;color:#fff;font:34px Georgia,serif}.ckg-panel-head p{margin:6px 0;color:#918273;font-size:12px}.ckg-field{display:grid;gap:8px}.ckg-field label{color:#ad956f;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ckg-input{width:100%;min-height:48px;padding:0 15px;color:#fff;border:1px solid rgba(199,167,108,.24);border-radius:14px;background:rgba(255,255,255,.045);outline:none}.ckg-input:focus{border-color:rgba(239,209,156,.75);box-shadow:0 0 0 3px rgba(199,167,108,.1)}.ckg-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ckg-entry-box{padding:22px;border:1px solid rgba(199,167,108,.2);border-radius:24px;background:rgba(8,6,5,.56)}.ckg-entry-box h3{margin:0 0 8px;color:#dfbf8c;font:22px Georgia,serif}.ckg-entry-box p{min-height:40px;color:#8d8175;font-size:12px;line-height:1.65}.ckg-avatar-title{margin:22px 0 12px;color:#a98f69;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ckg-avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.ckg-avatar{padding:8px 5px 9px;color:#8d7f70;border:1px solid rgba(199,167,108,.17);border-radius:18px;background:rgba(10,8,6,.45);cursor:pointer;transition:.22s}.ckg-avatar:hover,.ckg-avatar.is-active{color:#f0d4a4;border-color:#c1955e;background:rgba(59,40,24,.38);transform:translateY(-2px)}.ckg-avatar img{display:block;width:68px;height:68px;margin:auto;border-radius:50%;object-fit:cover;border:1px solid rgba(226,190,132,.5);filter:sepia(.12) saturate(.8) contrast(1.03)}.ckg-avatar span{display:block;margin-top:7px;font-size:10px}.ckg-mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.ckg-note{color:#766b61;font-size:10px;line-height:1.6}
.ckg-lobby-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.ckg-room-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 22px}.ckg-room-code strong{color:#e3c38e;font:34px Georgia,serif;letter-spacing:.12em}.ckg-seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ckg-seat-card{display:flex;align-items:center;gap:12px;min-height:110px;padding:12px;border:1px solid rgba(199,167,108,.18);border-radius:20px;background:rgba(8,6,5,.5)}.ckg-seat-card.is-empty{justify-content:center;color:#665c53;border-style:dashed}.ckg-seat-card img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:1px solid #8b663e}.ckg-seat-card strong{display:block;color:#dec08f;font:15px Georgia,serif}.ckg-seat-card small{color:#796f65;font-size:10px}.ckg-ready{margin-left:auto;padding:5px 8px;border-radius:999px;color:#83967a;background:rgba(82,119,70,.16);font-size:9px}.ckg-ready.no{color:#99746e;background:rgba(133,72,65,.14)}.ckg-lobby-help{padding:20px;border:1px solid rgba(199,167,108,.18);border-radius:20px;background:rgba(8,6,5,.46)}.ckg-lobby-help ol{padding-left:18px;color:#9a8b7c;line-height:1.8;font-size:12px}.ckg-page[data-lang=fa] .ckg-lobby-help ol{padding-left:0;padding-right:18px}
.ckg-game-shell{width:min(1450px,calc(100% - 16px));margin:0 auto}.ckg-game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:9px 13px;border:1px solid rgba(199,167,108,.22);border-radius:14px;background:rgba(10,8,6,.67);backdrop-filter:blur(18px);color:#8d8173;font-size:10px}.ckg-game-toolbar strong{color:#d2ad76;letter-spacing:.11em}.ckg-toolbar-actions{display:flex;gap:7px}.ckg-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(199,167,108,.22);border-radius:10px;background:#0b0807;color:#bda17c;cursor:pointer}.ckg-icon-btn:hover{border-color:#bd925d;color:#fff}
.ckg-table{position:relative;height:735px;overflow:hidden;border:1px solid #5a4027;border-radius:48% / 42%;background:radial-gradient(ellipse at 50% 45%,rgba(68,45,30,.28) 0,rgba(24,17,14,.9) 43%,#0c0908 73%);box-shadow:inset 0 0 0 7px #080605,inset 0 0 0 9px rgba(132,94,57,.45),inset 0 0 80px #000,0 35px 100px #000}.ckg-table:before{content:"";position:absolute;inset:6%;border:1px solid rgba(133,92,54,.28);border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 20px,rgba(199,167,108,.012) 21px 22px),radial-gradient(circle at 50% 48%,rgba(199,167,108,.04),transparent 38%)}.ckg-table:after{content:"خیام";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:rgba(199,167,108,.045);font:84px Tahoma;letter-spacing:.12em}.ckg-table-hud{position:absolute;z-index:8;min-width:148px;padding:13px 15px;border:1px solid rgba(199,167,108,.22);border-radius:12px;background:rgba(9,7,6,.82);backdrop-filter:blur(12px);font-size:10px;color:#8d7f70}.ckg-hud-left{left:32px;top:31px}.ckg-hud-right{right:32px;top:31px}.ckg-table-hud b{display:block;margin:4px 0;color:#dcb981;font:22px Georgia,serif}.ckg-score-row{display:flex;justify-content:space-between;gap:25px;margin:6px 0}.ckg-score-row strong{color:#e1c394;font:17px Georgia,serif}.ckg-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#57844d}.ckg-dot.off{background:#72504b}
.ckg-player{position:absolute;z-index:10;width:170px;text-align:center;transition:.2s}.ckg-player .ckg-portrait-wrap{position:relative;width:96px;height:96px;margin:auto}.ckg-player img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid #8c663c;box-shadow:0 12px 30px #000;filter:sepia(.1) saturate(.9)}.ckg-player.is-turn img{box-shadow:0 0 0 3px #c79a61,0 0 35px rgba(219,174,104,.3),0 12px 30px #000}.ckg-player .ckg-crown{position:absolute;left:50%;top:-16px;transform:translateX(-50%);color:#e1b972;font-size:20px;text-shadow:0 3px 10px #000}.ckg-player strong{display:block;margin-top:4px;color:#dfc08d;font:16px Georgia,serif;letter-spacing:.04em}.ckg-player small{display:block;margin-top:3px;color:#786d63;font-size:9px}.ckg-pos-0{left:50%;bottom:13px;transform:translateX(-50%)}.ckg-pos-1{left:24px;top:50%;transform:translateY(-50%)}.ckg-pos-2{left:50%;top:13px;transform:translateX(-50%)}.ckg-pos-3{right:24px;top:50%;transform:translateY(-50%)}
.ckg-back-fan{display:flex;justify-content:center;height:52px;margin-top:5px}.ckg-card-back{position:relative;width:32px;height:48px;margin-left:-18px;overflow:hidden;border:1px solid #7e5b36;border-radius:5px;background:linear-gradient(145deg,#1a110d,#090706);box-shadow:0 5px 12px #000}.ckg-card-back:first-child{margin-left:0}.ckg-card-back:before{content:"";position:absolute;inset:3px;border:1px solid rgba(201,157,97,.32);border-radius:3px}.ckg-card-back:after{content:"خیام";position:absolute;inset:0;display:grid;place-items:center;color:#9a7147;font:7px Tahoma;transform:rotate(-22deg)}
.ckg-center-stage{position:absolute;left:50%;top:47%;z-index:7;width:380px;transform:translate(-50%,-50%);text-align:center}.ckg-status-line{min-height:25px;color:#e0c395;font:17px Georgia,serif}.ckg-status-sub{margin-top:6px;color:#81766b;font-size:10px}.ckg-trumps{display:flex;justify-content:center;gap:10px;margin-top:16px}.ckg-trump{width:64px;height:64px;border:1px solid rgba(199,167,108,.27);border-radius:13px;background:#0c0908;color:#ded0b8;font:30px Georgia,serif;cursor:pointer;transition:.2s}.ckg-trump.red{color:#ae4842}.ckg-trump:hover{border-color:#c89b61;transform:translateY(-3px);box-shadow:0 9px 24px rgba(0,0,0,.35)}.ckg-trick{position:relative;height:205px;margin-top:4px}.ckg-trick-card{position:absolute!important;transition:all .25s;z-index:2}.ckg-trick-pos-0{left:50%!important;bottom:0!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important}.ckg-trick-pos-1{left:20px!important;top:61px!important;right:auto!important;bottom:auto!important;transform:rotate(-90deg)!important}.ckg-trick-pos-2{left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translateX(-50%) rotate(180deg)!important}.ckg-trick-pos-3{right:20px!important;top:61px!important;left:auto!important;bottom:auto!important;transform:rotate(90deg)!important}.ckg-score-hud{z-index:20!important;min-width:178px!important;color:#b8aa99!important;border-color:rgba(213,174,116,.42)!important;background:rgba(9,7,6,.94)!important;box-shadow:0 12px 30px rgba(0,0,0,.35)}.ckg-hud-label{display:block;margin-bottom:7px;color:#d4b17c;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.ckg-score-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(199,167,108,.16);text-align:center}.ckg-score-main div{display:grid;gap:1px}.ckg-score-main small{font-size:8px;color:#8f8274}.ckg-score-main strong{color:#f1d5a6;font:24px Georgia,serif;line-height:1}.ckg-score-main i{align-self:center;color:#665545;font-style:normal}.ckg-tricks-main{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:8px;font-size:9px}.ckg-tricks-main span{color:#887a6c}.ckg-tricks-main b{color:#dec18f;font-size:10px}.ckg-tricks-main i{color:#675748;font-style:normal}
.ckg-card{position:relative;width:76px;height:109px;padding:7px;border:1px solid #a7916d;border-radius:8px;background:linear-gradient(145deg,#f3e8d2,#d8c39f);box-shadow:0 9px 24px #0009;color:#15100d;font:bold 21px Georgia,serif;text-align:left;user-select:none}.ckg-card.red{color:#922f2b}.ckg-card .suit-large{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);font-size:33px;opacity:.88}.ckg-hand{position:absolute;left:50%;bottom:104px;z-index:12;display:flex;justify-content:center;width:min(940px,78%);height:125px;transform:translateX(-50%)}.ckg-hand .ckg-card{margin-left:-18px;cursor:default;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.ckg-hand .ckg-card:first-child{margin-left:0}.ckg-hand .ckg-card.is-playable{cursor:pointer}.ckg-hand .ckg-card.is-playable:hover{z-index:3;transform:translateY(-19px) rotate(-1deg);filter:brightness(1.05);box-shadow:0 18px 35px #000}.ckg-hand .ckg-card.is-illegal{opacity:.48;filter:saturate(.6)}
.ckg-fairness{position:absolute;left:50%;bottom:8px;z-index:5;transform:translateX(-50%);color:#4d4540;font-size:8px;letter-spacing:.08em}.ckg-hakem-draw{display:flex;justify-content:center;gap:8px;margin:14px 0}.ckg-hakem-chip{padding:8px 10px;border:1px solid rgba(199,167,108,.18);border-radius:9px;color:#8c7c6c;background:#0b0807;font-size:10px}.ckg-hakem-chip.win{color:#17110d;background:linear-gradient(135deg,#efd19c,#aa7d43)}
.ckg-drawer-backdrop{position:fixed;inset:0;z-index:99992;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.25s}.ckg-drawer-backdrop.is-open{opacity:1;visibility:visible}.ckg-drawer{position:fixed;top:0;right:0;z-index:99993;width:min(440px,92vw);height:100%;padding:26px;overflow-y:auto;color:#ede0ca;border-left:1px solid rgba(199,167,108,.25);background:linear-gradient(145deg,rgba(35,26,19,.94),rgba(7,6,5,.97));box-shadow:-30px 0 80px #000;backdrop-filter:blur(22px);transform:translateX(105%);transition:transform .34s cubic-bezier(.22,.61,.36,1)}.ckg-drawer.is-open{transform:translateX(0)}.ckg-page[data-lang=fa] .ckg-drawer{right:auto;left:0;border-left:0;border-right:1px solid rgba(199,167,108,.25);transform:translateX(-105%)}.ckg-page[data-lang=fa] .ckg-drawer.is-open{transform:translateX(0)}.ckg-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(199,167,108,.18)}.ckg-drawer-head h3{margin:0;color:#e1c28e;font:24px Georgia,serif}.ckg-drawer-menu{display:grid;gap:8px;margin:18px 0}.ckg-drawer-menu button{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;color:#b7a997;border:1px solid rgba(199,167,108,.14);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}.ckg-drawer-menu button:hover,.ckg-drawer-menu button.is-active{color:#f1ddba;border-color:#aa7d43;background:rgba(122,85,48,.13)}.ckg-drawer-content{padding:18px 2px;color:#9a8d80;font-size:13px;line-height:1.8}.ckg-drawer-content h4{margin:18px 0 7px;color:#dbba84;font:18px Georgia,serif}.ckg-drawer-content ul,.ckg-drawer-content ol{padding-left:20px}.ckg-page[data-lang=fa] .ckg-drawer-content ul,.ckg-page[data-lang=fa] .ckg-drawer-content ol{padding-left:0;padding-right:20px}
.ckg-tutorial{display:grid;grid-template-columns:240px 1fr;gap:20px}.ckg-tutorial-steps{display:grid;gap:8px}.ckg-tutorial-step{padding:12px 14px;color:#8e8072;border:1px solid rgba(199,167,108,.14);border-radius:14px;background:rgba(9,7,5,.46);cursor:pointer}.ckg-tutorial-step.is-active{color:#17110d;background:linear-gradient(135deg,#efd19c,#aa7d43)}.ckg-tutorial-stage{min-height:400px;padding:26px;border:1px solid rgba(199,167,108,.16);border-radius:24px;background:radial-gradient(circle at 50% 20%,rgba(150,107,62,.11),transparent 40%),rgba(8,6,5,.5)}.ckg-tutorial-stage h3{margin-top:0;color:#e2c493;font:28px Georgia,serif}.ckg-demo-cards{display:flex;justify-content:center;gap:8px;margin:38px 0}.ckg-demo-card{width:68px;height:100px;border:1px solid #9c805e;border-radius:7px;background:linear-gradient(145deg,#f0e4cf,#d5bf9d);display:grid;place-items:center;color:#17110d;font:24px Georgia,serif;box-shadow:0 10px 20px #0008}.ckg-demo-card.back{background:linear-gradient(145deg,#1a110d,#080605);color:#a77d4d;border-color:#7c5a37}
.ckg-leaderboard{width:100%;border-collapse:collapse}.ckg-leaderboard th,.ckg-leaderboard td{padding:12px 10px;border-bottom:1px solid rgba(199,167,108,.12);text-align:left;font-size:12px}.ckg-page[data-lang=fa] .ckg-leaderboard th,.ckg-page[data-lang=fa] .ckg-leaderboard td{text-align:right}.ckg-leaderboard th{color:#aa936f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.ckg-leaderboard td{color:#b5a794}.ckg-rank-avatar{display:flex;align-items:center;gap:8px}.ckg-rank-avatar img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #765636}.ckg-rank-num{color:#d3ad75;font:18px Georgia,serif}.ckg-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ckg-stat{padding:18px;border:1px solid rgba(199,167,108,.15);border-radius:18px;background:rgba(8,6,5,.45);text-align:center}.ckg-stat b{display:block;color:#e0bd87;font:27px Georgia,serif}.ckg-stat span{color:#7d7166;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.ckg-toast{position:fixed;left:50%;bottom:28px;z-index:100000;max-width:min(520px,90vw);padding:11px 18px;color:#ead9bc;border:1px solid #80603c;border-radius:12px;background:rgba(20,14,11,.95);box-shadow:0 18px 50px #000;transform:translateX(-50%);animation:ckgToast .25s ease}@keyframes ckgToast{from{opacity:0;transform:translate(-50%,10px)}}
.ckg-footer{position:relative;z-index:3;width:min(1120px,calc(100% - 32px));margin:0 auto 26px;border-top:1px solid rgba(199,167,108,.18)}.ckg-footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;padding:28px 12px;color:#7b7167;font-size:10px}.ckg-footer-brand{display:flex;align-items:center;gap:10px}.ckg-footer-brand img{width:42px;height:auto;filter:grayscale(1) brightness(1.7)}.ckg-footer-brand strong{display:block;color:#c7a76c;font:14px Georgia,serif;letter-spacing:.13em}.ckg-footer-brand span{display:block;margin-top:3px}.ckg-footer-links{display:flex;gap:18px;text-transform:uppercase}.ckg-footer-links a:hover{color:#d4b17b}.ckg-footer-copy{text-align:right}.ckg-footer-copy a{color:#a18867}
@media(max-width:1100px){.ckg-lang-switch{left:auto;right:16px}.ckg-home-hero{padding:60px 45px}.ckg-avatars{grid-template-columns:repeat(4,1fr)}.ckg-table{height:690px}.ckg-hand{width:90%}}
@media(max-width:820px){.ckg-global-nav{width:min(560px,calc(100% - 24px))}.ckg-global-nav-links{grid-template-columns:repeat(5,1fr)}.ckg-global-nav a,.ckg-global-nav button{padding:0 7px;font-size:10px}.ckg-view{padding-top:102px}.ckg-home-hero{grid-template-columns:1fr;min-height:auto;padding:52px 28px}.ckg-hero-art{min-height:380px}.ckg-features{grid-template-columns:1fr 1fr}.ckg-feature:nth-child(2){border-right:0}.ckg-feature:nth-child(-n+2){border-bottom:1px solid var(--ckg-line)}.ckg-entry-grid,.ckg-lobby-layout{grid-template-columns:1fr}.ckg-tutorial{grid-template-columns:1fr}.ckg-tutorial-steps{grid-template-columns:repeat(3,1fr)}.ckg-table{height:650px;border-radius:36px}.ckg-hud-left{left:12px;top:12px}.ckg-hud-right{right:12px;top:12px}.ckg-player{width:110px}.ckg-player .ckg-portrait-wrap,.ckg-player img{width:68px;height:68px}.ckg-pos-1{left:0}.ckg-pos-3{right:0}.ckg-center-stage{width:290px}.ckg-hand{bottom:82px;width:96%}.ckg-card{width:58px;height:86px;font-size:16px}.ckg-hand .ckg-card{margin-left:-24px}.ckg-footer-inner{grid-template-columns:1fr;text-align:center}.ckg-footer-brand,.ckg-footer-links{justify-content:center}.ckg-footer-copy{text-align:center}.ckg-stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body.admin-bar .ckg-global-nav{top:48px}.ckg-global-nav{top:10px}.ckg-global-nav-shell{min-height:54px}.ckg-global-nav-links{display:none;position:absolute;top:61px;left:0;right:0;padding:8px;grid-template-columns:1fr;border:1px solid rgba(199,167,108,.24);border-radius:22px;background:rgba(10,8,6,.94);backdrop-filter:blur(22px)}.ckg-global-nav-links.is-open{display:grid}.ckg-mobile-nav-toggle{display:flex;flex-direction:column;gap:5px;width:42px;height:40px;align-items:center;justify-content:center;border:0;background:transparent}.ckg-mobile-nav-toggle span{width:17px;height:1px;background:#d3b27e}.ckg-global-nav a,.ckg-global-nav button{min-height:44px}.ckg-lang-switch{top:18px;right:18px;transform:scale(.84);transform-origin:right top}.ckg-view{padding:90px 8px 24px}.ckg-glass{border-radius:42px}.ckg-home-hero{padding:44px 20px}.ckg-home-hero h1{font-size:43px}.ckg-home-hero h1 span{font-size:18px}.ckg-home-hero p{font-size:15px}.ckg-hero-art{min-height:320px}.ckg-moon{width:62px;height:62px}.ckg-hokm-poster{width:225px}.ckg-features{grid-template-columns:1fr}.ckg-feature{border-right:0;border-bottom:1px solid var(--ckg-line)}.ckg-panel{padding:22px 14px;border-radius:26px}.ckg-panel-head{align-items:flex-start}.ckg-panel-head h2{font-size:27px}.ckg-avatars{grid-template-columns:repeat(4,1fr);gap:6px}.ckg-avatar{border-radius:14px}.ckg-avatar img{width:48px;height:48px}.ckg-seat-grid{grid-template-columns:1fr}.ckg-game-shell{width:100%}.ckg-game-toolbar{border-radius:10px}.ckg-table{height:600px;border-radius:26px}.ckg-table-hud{min-width:100px;padding:8px;font-size:8px}.ckg-table-hud b{font-size:15px}.ckg-score-row{gap:8px}.ckg-player{width:85px}.ckg-player .ckg-portrait-wrap,.ckg-player img{width:54px;height:54px}.ckg-player strong{font-size:11px}.ckg-player small{font-size:7px}.ckg-pos-2{top:8px}.ckg-pos-0{bottom:5px}.ckg-pos-1{top:47%}.ckg-pos-3{top:47%}.ckg-center-stage{top:44%;width:245px}.ckg-status-line{font-size:14px}.ckg-trick{transform:scale(.75);transform-origin:center}.ckg-hand{bottom:68px;height:90px}.ckg-card{width:49px;height:74px;font-size:13px}.ckg-card .suit-large{font-size:22px}.ckg-hand .ckg-card{margin-left:-27px}.ckg-fairness{display:none}.ckg-tutorial-steps{grid-template-columns:1fr 1fr}.ckg-footer{width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){.ckg-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(max-width:560px){.ckg-score-hud{min-width:132px!important}.ckg-score-main{gap:5px}.ckg-score-main strong{font-size:18px}.ckg-tricks-main{gap:4px}.ckg-trick-pos-1{left:8px!important}.ckg-trick-pos-3{right:8px!important}}


/* =========================================================
 * v1.0.2 — GAMEPLAY VISIBILITY / HUD FIXES ONLY
 * Keeps the existing CaféKhayyam visual design intact.
 * ======================================================= */
.ckg-table{overflow:visible!important}
.ckg-hud-left{left:34px!important;top:34px!important}
.ckg-hud-right{right:34px!important;top:34px!important}
.ckg-table-hud{z-index:30!important}
.ckg-last-winner{margin-top:8px;padding-top:7px;border-top:1px solid rgba(199,167,108,.13)}
.ckg-score-hud{min-width:230px!important;padding:14px 17px!important}
.ckg-score-relative{grid-template-columns:1fr auto 1fr!important;gap:15px!important}
.ckg-score-relative small{display:flex!important;align-items:center;justify-content:center;gap:5px!important;color:#a89a89!important;font-size:9px!important;letter-spacing:.08em}
.ckg-score-relative strong{font-size:31px!important;color:#f3d8aa!important;text-shadow:0 3px 16px rgba(204,157,91,.15)}
.ckg-team-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.ckg-team-dot.us{background:#3d8b4a;box-shadow:0 0 10px rgba(61,139,74,.3)}.ckg-team-dot.them{background:#9d2929;box-shadow:0 0 10px rgba(157,41,41,.3)}
.ckg-tricks-main{font-size:10px!important}.ckg-tricks-main span{margin-right:5px;color:#aa9986!important}.ckg-tricks-main b{font-size:13px!important;color:#e0bf8e!important}
.ckg-trump-badge{display:inline-flex;align-items:center;gap:9px;margin:8px auto 2px;padding:7px 13px;border:1px solid rgba(199,167,108,.38);border-radius:999px;background:rgba(8,6,5,.9);box-shadow:0 8px 26px rgba(0,0,0,.34);color:#d9bb8b}.ckg-trump-badge span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#94816b}.ckg-trump-badge strong{font:30px Georgia,serif;line-height:1;color:#171311;text-shadow:0 0 0 transparent}.ckg-trump-badge strong{color:#d9c6a6}.ckg-trump-badge.red strong{color:#b4443c}
.ckg-hand-result{padding:14px 18px;border:1px solid rgba(199,167,108,.32);border-radius:14px;background:rgba(9,7,6,.91);box-shadow:0 16px 42px #000}.ckg-hand-result small{display:block;margin-top:7px;color:#a99680;font:10px Arial,sans-serif;letter-spacing:.06em}
@media(max-width:820px){.ckg-hud-left{left:14px!important;top:14px!important}.ckg-hud-right{right:14px!important;top:14px!important}.ckg-score-hud{min-width:180px!important}.ckg-score-relative strong{font-size:25px!important}.ckg-trump-badge strong{font-size:25px}}
@media(max-width:560px){.ckg-score-hud{min-width:148px!important;padding:9px!important}.ckg-score-relative{gap:5px!important}.ckg-score-relative strong{font-size:20px!important}.ckg-score-relative small{font-size:7px!important}.ckg-tricks-main{font-size:8px!important}.ckg-tricks-main b{font-size:10px!important}.ckg-hud-left{left:8px!important;top:8px!important}.ckg-hud-right{right:8px!important;top:8px!important}.ckg-trump-badge{padding:5px 10px}.ckg-trump-badge strong{font-size:21px}}


/* =========================================================
 * v1.0.3 — HOKM ENGINE CLARITY + TABLE / TRUMP SELECTION
 * ======================================================= */

/* More substantial, luxury game table inspired by the approved mockup. */
.ckg-table{
    background:
        radial-gradient(ellipse at 50% 45%,rgba(70,49,34,.16) 0,rgba(29,21,18,.97) 42%,rgba(9,7,6,.99) 74%),
        #0a0807!important;
    border:2px solid rgba(177,128,74,.62)!important;
    box-shadow:
        inset 0 0 0 7px rgba(5,4,3,.95),
        inset 0 0 0 9px rgba(183,132,75,.26),
        inset 0 0 95px rgba(0,0,0,.82),
        0 32px 90px rgba(0,0,0,.58)!important;
}
.ckg-table:before{
    content:"";
    position:absolute;
    inset:23px;
    z-index:0;
    pointer-events:none;
    border:1px solid rgba(199,167,108,.16);
    border-radius:inherit;
    background:
        radial-gradient(ellipse at center,rgba(199,167,108,.035),transparent 52%),
        repeating-radial-gradient(ellipse at center,transparent 0 42px,rgba(199,167,108,.018) 43px 44px);
    box-shadow:inset 0 0 70px rgba(0,0,0,.42);
}
.ckg-table:after{
    content:"خیام";
    position:absolute;
    left:50%;
    top:50%;
    z-index:1;
    transform:translate(-50%,-50%) rotate(-8deg);
    color:rgba(199,167,108,.055);
    font:86px Tahoma,Arial,sans-serif;
    pointer-events:none;
}

/* Current trick stays very legible above the table texture. */
.ckg-center-stage{z-index:12!important}
.ckg-trick{z-index:13}
.ckg-trick-card{box-shadow:0 13px 30px rgba(0,0,0,.58)!important}
.ckg-play-order{
    position:absolute;
    top:-9px;
    right:-9px;
    display:grid;
    place-items:center;
    width:21px;
    height:21px;
    border:1px solid rgba(242,210,157,.72);
    border-radius:50%;
    background:#15100c;
    color:#e6c38d;
    font:700 10px Arial,sans-serif;
    font-style:normal;
    box-shadow:0 5px 14px #000;
}

/* Clear play sequence: leader is #1, then play proceeds anticlockwise. */
.ckg-turn-order{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin:7px auto 4px;
    white-space:nowrap;
    color:#75695d;
    font-size:8px;
}
.ckg-turn-order>span{
    margin-right:3px;
    color:#9e896e;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.ckg-turn-order b{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px 7px;
    border:1px solid rgba(199,167,108,.12);
    border-radius:999px;
    color:#8f8173;
    font-weight:500;
    background:rgba(8,6,5,.55);
}
.ckg-turn-order b i{
    display:grid;
    place-items:center;
    width:15px;
    height:15px;
    border-radius:50%;
    background:rgba(199,167,108,.08);
    color:#a88a61;
    font-style:normal;
    font-size:8px;
}
.ckg-turn-order b.is-current{
    color:#f0d2a1;
    border-color:rgba(222,177,111,.58);
    background:rgba(88,57,31,.42);
    box-shadow:0 0 18px rgba(199,148,79,.12);
}
.ckg-turn-order em{color:#5f5042;font-style:normal}

/* Score tells both tricks and physically collected cards. */
.ckg-captured-main{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid rgba(199,167,108,.1);
    color:#76695d;
    font-size:8px;
}
.ckg-captured-main span{color:#887868}
.ckg-captured-main b{color:#bf9e72;font-size:9px}
.ckg-captured-main i{color:#5e4f42;font-style:normal}

/* Approved-style trump chooser: elegant four vertical suit tiles. */
.ckg-hokm-choice-panel{
    width:360px;
    margin:0 auto 8px;
    padding:18px 16px 16px;
    border:1px solid rgba(199,167,108,.26);
    border-radius:18px;
    background:
        radial-gradient(circle at 50% 0,rgba(199,167,108,.08),transparent 42%),
        rgba(8,6,5,.94);
    box-shadow:0 22px 55px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(16px);
}
.ckg-hokm-choice-panel .ckg-choice-kicker{
    display:block;
    color:#8f7a61;
    font-size:8px;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.ckg-hokm-choice-panel h3{
    margin:7px 0 8px;
    color:#e4c797;
    font:400 22px Georgia,"Times New Roman",serif;
    letter-spacing:.08em;
}
.ckg-hokm-choice-panel p{
    max-width:285px;
    margin:0 auto;
    color:#8c7e6e;
    font-size:10px;
    line-height:1.55;
}
.ckg-hokm-choice-panel .ckg-trumps{
    gap:8px;
    margin-top:16px;
}
.ckg-hokm-choice-panel .ckg-trump{
    display:flex;
    flex:1 1 0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:auto;
    height:108px;
    padding:8px 4px;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(22,17,13,.93),rgba(8,6,5,.96));
}
.ckg-hokm-choice-panel .ckg-trump strong{
    color:#7f725f;
    font:36px Georgia,serif;
    line-height:1;
}
.ckg-hokm-choice-panel .ckg-trump.red strong{color:#a62828}
.ckg-hokm-choice-panel .ckg-trump span{
    margin-top:13px;
    color:#a99170;
    font-size:8px;
    font-weight:700;
    letter-spacing:.07em;
}
.ckg-hokm-choice-panel .ckg-trump:hover{
    border-color:#d1a365;
    box-shadow:0 0 0 1px rgba(209,163,101,.25),0 12px 30px rgba(0,0,0,.4);
}
.ckg-hokm-wait{
    display:grid;
    gap:6px;
    width:300px;
    margin:auto;
    padding:14px 18px;
    border:1px solid rgba(199,167,108,.18);
    border-radius:13px;
    background:rgba(8,6,5,.88);
}
.ckg-hokm-wait span{color:#88765f;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.ckg-hokm-wait strong{color:#d8bc91;font:16px Georgia,serif}

/* Hand is automatically grouped by suit; keep overlap/fan visual intact. */
.ckg-hand .ckg-card{transition:transform .18s ease,filter .18s ease,opacity .18s ease}
.ckg-player.is-turn .ckg-portrait-wrap{
    box-shadow:0 0 0 2px rgba(221,176,106,.82),0 0 28px rgba(214,161,87,.28)!important;
}
.ckg-player.is-turn strong{color:#f0ce99!important}

/* Tablet/mobile */
@media(max-width:820px){
    .ckg-hokm-choice-panel{width:290px;padding:14px 12px}
    .ckg-hokm-choice-panel .ckg-trump{height:88px}
    .ckg-hokm-choice-panel .ckg-trump strong{font-size:30px}
    .ckg-turn-order{transform:scale(.88);transform-origin:center}
}
@media(max-width:560px){
    .ckg-table:before{inset:12px}
    .ckg-table:after{font-size:54px}
    .ckg-hokm-choice-panel{width:245px;padding:12px 9px}
    .ckg-hokm-choice-panel h3{font-size:18px}
    .ckg-hokm-choice-panel p{font-size:8px}
    .ckg-hokm-choice-panel .ckg-trumps{gap:5px}
    .ckg-hokm-choice-panel .ckg-trump{height:74px;padding:5px 2px}
    .ckg-hokm-choice-panel .ckg-trump strong{font-size:25px}
    .ckg-hokm-choice-panel .ckg-trump span{margin-top:7px;font-size:6px}
    .ckg-turn-order{width:330px;transform:scale(.68);transform-origin:center;margin-left:-42px}
    .ckg-captured-main{font-size:7px;gap:4px}
}