@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b1220;--panel:#111b2c;--panel2:#152238;--line:rgba(203,218,240,.12);--text:#f4f7fc;--muted:#8d9bb2;--gold:#e8bb67;--blue:#72b7ff;--purple:#b49aff;--green:#6ee7b7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;min-height:100vh;overflow-x:hidden}button,a,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:390px;height:390px;background:#2054a3;top:80px;right:-160px}.ambient-two{width:360px;height:360px;background:#9a6b31;top:420px;left:-190px}.topbar{max-width:1180px;margin:auto;padding:24px 26px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#f1cd83,#b98336);color:#101827;font-weight:900;font-size:18px;box-shadow:0 7px 22px #c38b3730}.brand-mark span{font-size:12px;margin-right:-2px}.brand-name{font-weight:900;letter-spacing:1.7px;font-size:16px;line-height:1.15}.brand-name>span{color:var(--gold)}.brand-name small{display:block;font-size:8px;letter-spacing:2px;color:#7f8ba0;font-weight:600;margin-top:5px}.topnav{display:flex;gap:26px;margin-right:auto;color:#aab6c9;font-size:13px}.topnav a:hover{color:white}.top-pill{background:#17243a;border:1px solid #30415b;color:#dce7f7;border-radius:30px;padding:9px 15px;font-size:12px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:7px;box-shadow:0 0 0 4px #6ee7b71b}.hero{max-width:1128px;margin:0 auto;padding:75px 24px 70px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px;min-height:440px}.eyebrow,.section-kicker{color:var(--gold);font-size:11px;letter-spacing:1.6px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:.3px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #e8bb67}.hero h1{font-size:clamp(43px,5.2vw,68px);line-height:1.24;letter-spacing:-2px;margin:18px 0 18px;font-weight:900}.hero h1 span{color:var(--gold)}.hero-copy>p{max-width:490px;color:#9aa8bd;line-height:2;font-size:14px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.btn{border-radius:10px;padding:12px 19px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--gold);color:#151b25;box-shadow:0 9px 25px #d7a54a22}.btn-primary span{margin-right:14px;font-size:17px}.btn-primary:hover{transform:translateY(-2px);background:#f2ce87}.btn-ghost{background:#131f32;border-color:#2c3b53;color:#d7dfeb}.btn-ghost:hover{border-color:#6b7d98}.hero-stats{display:flex;align-items:center;gap:23px;margin-top:38px}.hero-stats div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-size:19px;color:#f2f5fa}.hero-stats span{font-size:10px;color:#8795aa}.hero-stats i{height:30px;width:1px;background:var(--line)}.hero-art{position:relative;height:310px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #8e9db51b;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:330px;height:250px}.orbit-b{width:260px;height:320px;transform:rotate(48deg)}.mini-board{position:relative;width:235px;height:235px;transform:rotate(-8deg);border:8px solid #243248;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 55px #e8bb6712;z-index:1}.mini-row{height:25%;display:grid;grid-template-columns:repeat(4,1fr)}.mini-row span{display:grid;place-items:center;background:#25374d;color:#e4bd75;font-size:39px;text-shadow:0 4px 9px #0008}.mini-row span.light{background:#d4dce5;color:#36485c;text-shadow:none}.mini-row span:nth-child(2){opacity:.98}.floating-tag{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#111c2ddf;border:1px solid #34435a;border-radius:13px;box-shadow:0 14px 40px #0004;z-index:2;backdrop-filter:blur(12px)}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:11px}.floating-tag small{font-size:9px;color:#8e9cb0;margin-top:3px}.tag-top{top:20px;right:2px}.tag-icon{color:var(--gold);font-size:24px}.tag-bottom{bottom:19px;left:0}.avatar{width:33px;height:33px;border-radius:10px;background:#253650;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:900}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px}.hero-spark{position:absolute;color:var(--gold);font-size:24px}.spark-one{right:12%;bottom:34px}.spark-two{left:15%;top:28px;color:#82baff}.section-head{max-width:1128px;margin:0 auto;padding:10px 24px 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2{font-size:25px;margin:7px 0 3px;letter-spacing:-.6px}.section-head p{margin:0;color:var(--muted);font-size:12px}.filter-tabs{display:flex;gap:5px;background:#101a2a;border:1px solid var(--line);padding:4px;border-radius:10px}.filter{border:0;background:transparent;color:#8997ad;padding:8px 13px;border-radius:7px;font-size:11px}.filter.active{background:#26364d;color:#f4f7fc}.game-grid{max-width:1128px;margin:auto;padding:0 24px 42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{background:linear-gradient(150deg,#121d2e,#0f1929);border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .25s,border-color .25s;min-width:0}.game-card:hover{transform:translateY(-5px);border-color:#58667d}.game-card.featured{border-color:#a37d3f55}.card-top{display:flex;justify-content:space-between;align-items:center;padding:17px 17px 0}.game-label{font-size:9px;border-radius:5px;padding:5px 8px;font-weight:700}.label-gold{color:#e7c27c;background:#e8bb6716;border:1px solid #e8bb6730}.label-blue{color:#83c4ff;background:#72b7ff13;border:1px solid #72b7ff30}.label-purple{color:#c0adff;background:#b49aff13;border:1px solid #b49aff30}.card-number{font-size:9px;color:#59677d;letter-spacing:1px}.game-visual{height:180px;margin:14px 16px 0;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.chess-visual{background:radial-gradient(ellipse at 50% 45%,#3a3a35,#202b36 48%,#151f2e 80%)}.chess-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#d6a54e18;filter:blur(28px)}.chess-symbol{font-size:118px;color:#e7c57e;text-shadow:0 9px 1px #7e5b2c,0 17px 22px #0009;line-height:1;transform:translateY(-4px)}.visual-caption{position:absolute;bottom:12px;left:13px;font-size:8px;letter-spacing:2px;color:#7e8da2;font-weight:800}.tic-visual{background:radial-gradient(ellipse at center,#193044,#111b2b 72%)}.tic-board{width:130px;height:130px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;transform:rotate(-5deg)}.tic-board>*{background:#25384b;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:30px;color:#e8bb67}.tic-board i{background:#1a293b;border:1px solid #2b3c51}.tic-board b:nth-child(3n){color:#80c5ff}.connect-visual{background:radial-gradient(ellipse at center,#263252,#131d2d 75%)}.connect-board{width:164px;height:105px;padding:8px;border-radius:9px;background:#34538a;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:5px;transform:rotate(4deg);box-shadow:0 12px 24px #0005}.connect-board i{border-radius:50%;background:#192b4a;box-shadow:inset 0 2px 5px #0006}.connect-board i.red{background:#f06d68;box-shadow:inset 0 -3px 0 #b84248}.connect-board i.yellow{background:#f2c65f;box-shadow:inset 0 -3px 0 #bb8e2e}.card-content{padding:17px}.card-title-row{display:flex;align-items:center;justify-content:space-between}.card-title-row h3{margin:0;font-size:18px}.card-title-row p{margin:5px 0 0;color:#8e9bb0;font-size:10px}.game-icon{width:36px;height:36px;border:1px solid #2e3b4e;border-radius:10px;display:grid;place-items:center;color:var(--gold);font-size:19px}.card-meta{display:flex;gap:10px;flex-wrap:wrap;color:#74849b;font-size:9px;margin:18px 0 16px}.card-play{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#1b293d;border:1px solid #2b3c53;border-radius:9px;color:#e7edf7;font-size:11px;font-weight:700}.card-play span{font-size:17px;color:var(--gold)}.card-play:hover{background:#273951;border-color:#52627b}.lower-band{max-width:1080px;margin:0 auto 50px;padding:22px 26px;display:flex;align-items:center;gap:17px;background:linear-gradient(100deg,#162238,#131d2d);border:1px solid var(--line);border-radius:15px}.band-icon{width:43px;height:43px;border-radius:12px;background:#e8bb6715;color:var(--gold);display:grid;place-items:center;font-size:23px}.lower-band h3{font-size:14px;margin:0 0 5px}.lower-band p{margin:0;font-size:11px;color:#8e9bb0}.best-score{margin-right:auto;text-align:left;border-right:1px solid var(--line);padding-right:24px}.best-score small,.best-score strong{display:block}.best-score small{font-size:9px;color:#8290a6}.best-score strong{font-size:15px;margin-top:4px;color:var(--gold)}footer{max-width:1128px;margin:auto;padding:22px 24px 27px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#64738a;font-size:10px}.footer-brand{color:#e5ebf5;font-size:12px;font-weight:900;letter-spacing:1px}.footer-brand span{color:var(--gold);font-size:8px}.footer-right{margin-right:auto}.footer-right b{color:var(--green);font-size:8px;margin:0 5px}
.modal{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#030710d9;backdrop-filter:blur(9px)}.game-panel{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;background:#101a2a;border:1px solid #33435b;border-radius:18px;padding:22px;box-shadow:0 30px 100px #0009;animation:pop .2s ease}@keyframes pop{from{transform:translateY(8px);opacity:.5}to{transform:none;opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:23px;margin:4px 0 0}.close-btn{border:1px solid #35455c;background:#19263a;color:#dce6f5;border-radius:9px;width:38px;height:38px;font-size:25px}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0}.status-message{font-size:12px;color:#d4dfef}.toolbar-actions{display:flex;gap:8px;align-items:center}.difficulty-label{font-size:10px;color:#8797ae;display:flex;gap:7px;align-items:center}.difficulty-label select{background:#19263a;border:1px solid #33445c;color:#e4ebf5;border-radius:7px;padding:7px;font-size:10px}.small-btn{border:1px solid #34455e;background:#1a2a40;color:#e5ecf7;border-radius:7px;padding:8px 11px;font-size:10px}.game-area{min-height:300px;background:#0c1421;border:1px solid #1d2a3c;border-radius:13px;padding:20px;display:flex;align-items:center;justify-content:center}.panel-footer{display:flex;justify-content:space-between;gap:15px;color:#6f819b;font-size:10px;padding-top:14px}.panel-footer span:first-child{color:var(--gold)}.tic-game{display:grid;grid-template-columns:repeat(3,minmax(70px,100px));gap:8px}.tic-cell{height:90px;border:1px solid #2d3e55;background:#152238;border-radius:11px;color:var(--gold);font-size:46px;font-weight:700;display:grid;place-items:center}.tic-cell:hover:enabled{background:#22334a;border-color:#647995}.tic-cell.o{color:#80c5ff}.tic-cell.win{background:#244538;border-color:#6ee7b7}.connect-game-wrap{width:min(420px,100%)}.connect-game{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:10px;border-radius:12px;background:#294c80}.connect-cell{aspect-ratio:1;border-radius:50%;background:#101e35;border:0;box-shadow:inset 0 3px 5px #0005;padding:0}.connect-cell.red{background:#f16d68;box-shadow:inset 0 -4px 0 #b6424a}.connect-cell.yellow{background:#f1c65e;box-shadow:inset 0 -4px 0 #b88a2e}.connect-cell:disabled{cursor:default}.connect-col-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:7px}.connect-col-labels button{border:0;background:transparent;color:#8298ba;font-size:12px;padding:3px}.connect-col-labels button:hover{color:var(--gold)}.chess-wrap{display:grid;grid-template-columns:minmax(0,390px) 150px;gap:15px;width:100%;align-items:start}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:5px solid #28384e;border-radius:8px;overflow:hidden}.chess-square{aspect-ratio:1;display:grid;place-items:center;border:0;padding:0;position:relative;font-family:Arial,sans-serif;font-size:clamp(23px,4vw,39px);line-height:1;color:#182337;text-shadow:0 1px 1px #fff8}.chess-square.light{background:#d9dfdf}.chess-square.dark{background:#607c8d;color:#101827;text-shadow:0 1px 1px #fff5}.chess-square.selected{box-shadow:inset 0 0 0 4px #e8bb67}.chess-square.legal:after{content:"";width:22%;height:22%;border-radius:50%;background:#e8bb67aa;position:absolute}.chess-square.capture:after{content:"";position:absolute;inset:3px;border:3px solid #e8bb67bb;border-radius:50%;background:transparent}.chess-square.lastmove{background:#a3a95e}.chess-side{display:flex;flex-direction:column;gap:10px}.chess-side-card{padding:12px;background:#152238;border:1px solid #2c3d54;border-radius:10px}.chess-side-card small{display:block;color:#8495ac;font-size:9px}.chess-side-card strong{display:block;margin-top:5px;font-size:13px}.chess-side-card p{font-size:10px;line-height:1.8;color:#9eabc0;margin:8px 0 0}.chess-piece-legend{font-size:10px;color:#8495ac;line-height:2}.chess-controls{display:flex;gap:6px;flex-wrap:wrap}.chess-controls button{flex:1;min-width:70px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1d2e45;border:1px solid #40536d;color:#f1f5fb;padding:11px 16px;border-radius:10px;font-size:12px;z-index:50;transition:.2s;box-shadow:0 12px 35px #0006}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-note{font-size:12px;color:#8999b0;text-align:center;line-height:2}
@media(max-width:800px){.hero{gap:15px;padding-top:48px}.hero-art{transform:scale(.85)}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card:first-child{grid-column:span 2}.game-card:first-child .game-visual{height:200px}.section-head{align-items:start;flex-direction:column}.filter-tabs{align-self:stretch}.filter{flex:1}.lower-band{margin-left:24px;margin-right:24px}.chess-wrap{grid-template-columns:minmax(0,1fr) 125px}.chess-side-card{padding:8px}}
@media(max-width:560px){.topbar{padding:17px 17px;gap:10px}.topnav{display:none}.top-pill{margin-right:auto;padding:8px 11px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 20px 35px;gap:0}.hero h1{font-size:48px}.hero-art{height:250px;transform:scale(.88);margin-top:5px}.hero-stats{gap:15px;margin-top:29px}.hero-stats strong{font-size:16px}.section-head{padding:12px 18px 18px}.section-head h2{font-size:22px}.game-grid{padding:0 18px 30px;grid-template-columns:1fr;gap:13px}.game-card:first-child{grid-column:auto}.game-card:first-child .game-visual,.game-visual{height:175px}.card-content{padding:15px}.lower-band{margin:0 18px 35px;padding:17px;align-items:flex-start;flex-wrap:wrap}.lower-band>div:nth-child(2){flex:1;min-width:180px}.best-score{margin-right:60px;border-right:0;border-top:1px solid var(--line);padding:12px 0 0;text-align:right;width:100%}footer{padding:20px 18px;flex-wrap:wrap;gap:10px}.footer-right{margin-right:0;width:100%}.game-panel{padding:15px;border-radius:14px}.panel-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;justify-content:space-between}.game-area{padding:12px;min-height:270px}.panel-footer{flex-direction:column;gap:6px}.tic-game{grid-template-columns:repeat(3,minmax(66px,86px));gap:6px}.tic-cell{height:75px}.chess-wrap{grid-template-columns:1fr}.chess-board{max-width:400px;width:100%;margin:auto}.chess-side{display:grid;grid-template-columns:1fr 1fr}.chess-side-card:last-of-type{display:none}.chess-piece-legend{display:none}.chess-square{font-size:clamp(24px,8vw,40px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}