/* نصب بازی — game-install.html */
.gi{position:relative;z-index:2}
.gi,.gi-sheet,.gi-dock{--gi-card:rgba(255,255,255,.035);--gi-line:rgba(255,255,255,.08);--gi-ok:#34d399;--gi-warn:#fbbf24;--gi-ink:#fff}
.gi *,.gi-sheet *,.gi-dock *{box-sizing:border-box}
.gi-fa{font-feature-settings:"ss01"}
.gi-wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* ── هیرو با دیوار کاورها ── */
.gi-hero{position:relative;min-height:640px;padding:118px 0 60px;overflow:hidden;display:flex;align-items:center}
.gi-wall{position:absolute;inset:-12% auto -12% -3%;width:54%;display:flex;gap:14px;transform:perspective(1400px) rotateY(18deg) rotateZ(6deg);transform-origin:left center;pointer-events:none;-webkit-mask:linear-gradient(270deg,transparent 0,#000 30%,#000 82%,transparent 100%),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(270deg,transparent 0,#000 30%,#000 82%,transparent 100%) intersect,linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.gi-col{flex:1;display:flex;flex-direction:column;gap:14px;animation:giUp 46s linear infinite}
.gi-col:nth-child(2){animation-duration:58s;animation-direction:reverse;margin-top:-90px}
.gi-col:nth-child(3){animation-duration:52s;margin-top:-40px}
.gi-col:nth-child(4){animation-duration:64s;animation-direction:reverse}
.gi-col img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.55);background:#15111f}
@keyframes giUp{to{transform:translateY(-50%)}}
.gi-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 50%,rgba(6,6,10,.94),rgba(6,6,10,.55) 60%,transparent 100%);pointer-events:none}
.gi-hero-in{position:relative;z-index:2;max-width:600px}
.gi-kick{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(122,60,255,.14);border:1px solid rgba(193,141,255,.28);color:var(--gl);font-size:12.5px;font-weight:700;margin-bottom:20px}
.gi-kick i{width:7px;height:7px;border-radius:50%;background:var(--gi-ok);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:giPing 2s infinite}
@keyframes giPing{70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.gi-hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.18;font-weight:900;color:#fff;margin:0 0 18px;letter-spacing:-.5px}
.gi-hero h1 .hl{background:linear-gradient(120deg,#C18DFF,#7A3CFF 55%,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}
.gi-hero p{font-size:15px;line-height:2;color:rgba(213,215,224,.72);margin:0 0 26px;max-width:520px}
.gi-anchors{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.gi-anchor{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--gi-line);min-width:170px}
.gi-anchor small{font-size:11.5px;color:var(--sd)}
.gi-anchor b{font-size:17px;color:#fff;font-weight:800}
.gi-anchor b em{font-style:normal;font-size:12px;color:var(--sd);font-weight:600;margin-right:4px}
.gi-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:16px;background:linear-gradient(135deg,#7A3CFF,#9F5BFF);color:#fff;font-size:15.5px;font-weight:800;box-shadow:0 14px 40px rgba(122,60,255,.45),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.gi-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(120%);animation:giShine 3.6s 1.2s infinite}
@keyframes giShine{40%,100%{transform:translateX(-120%)}}
.gi-cta:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(122,60,255,.55)}
.gi-cta svg{width:18px;height:18px}
.gi-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:12.5px;color:rgba(213,215,224,.6)}
.gi-trust span{display:flex;align-items:center;gap:6px}
.gi-trust svg{width:15px;height:15px;color:var(--gi-ok)}

/* ── نوار مراحل ── */
.gi-steps{position:sticky;top:68px;z-index:40;display:flex;justify-content:center;padding:12px 0;margin:0 0 10px;background:linear-gradient(180deg,rgba(6,6,10,.92),rgba(6,6,10,.75));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04)}
.gi-steps ol{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.gi-steps li button{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:none;color:rgba(213,215,224,.45);font-size:12.5px;font-weight:700;transition:all .3s}
.gi-steps li button b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);transition:all .3s}
.gi-steps li.on button{color:#fff;background:rgba(122,60,255,.16)}
.gi-steps li.on button b{background:var(--grad);border-color:transparent;color:#fff}
.gi-steps li.done button{color:rgba(213,215,224,.8)}
.gi-steps li.done button b{background:rgba(52,211,153,.18);border-color:rgba(52,211,153,.4);color:var(--gi-ok)}
.gi-steps li button:disabled{cursor:default}

/* ── بخش‌ها ── */
.gi-sec{padding:44px 0 26px;scroll-margin-top:130px}
.gi-sec[hidden]{display:none}
.gi-sec.in{animation:giIn .6s cubic-bezier(.22,1,.36,1) both}
@keyframes giIn{from{opacity:.001;transform:translateY(24px)}to{opacity:1;transform:none}}
.gi-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.gi-h h2{font-size:clamp(22px,3vw,30px);font-weight:900;color:#fff;margin:0;display:flex;align-items:center;gap:12px}
.gi-h h2 .n{font-family:'Orbitron',sans-serif;font-size:13px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(122,60,255,.16);border:1px solid rgba(193,141,255,.25);color:var(--gl)}
.gi-h p{margin:6px 0 0;font-size:13.5px;color:var(--sd);line-height:1.9}
.gi-sub{font-size:13px;font-weight:800;color:rgba(213,215,224,.85);margin:26px 0 12px;display:flex;align-items:center;gap:8px}
.gi-sub small{font-weight:500;color:var(--sd)}

/* کارت دستگاه */
.gi-devs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gi-dev{position:relative;text-align:right;padding:22px 20px 20px;border-radius:22px;background:var(--gi-card);border:1px solid var(--gi-line);color:var(--si);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s,background .3s;overflow:hidden;isolation:isolate}
.gi-dev::before{content:'';position:absolute;inset:auto -30% -60% -30%;height:120%;background:radial-gradient(closest-side,var(--c,#7A3CFF),transparent);opacity:.0;transition:opacity .4s;z-index:-1}
.gi-dev:hover{transform:translateY(-6px);border-color:rgba(193,141,255,.32);box-shadow:0 24px 50px rgba(0,0,0,.4)}
.gi-dev:hover::before{opacity:.22}
.gi-dev.sel{border-color:rgba(193,141,255,.7);background:rgba(122,60,255,.1);box-shadow:0 0 0 1px rgba(193,141,255,.5),0 20px 50px rgba(122,60,255,.25)}
.gi-dev.sel::before{opacity:.32}
.gi-dev svg.art{width:100%;height:96px;margin-bottom:14px;color:var(--gl);filter:drop-shadow(0 8px 18px rgba(122,60,255,.35))}
.gi-dev b{display:block;font-size:18px;color:#fff;font-weight:900;margin-bottom:4px}
.gi-dev small{display:block;font-size:12px;color:var(--sd);line-height:1.8;min-height:42px}
.gi-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.gi-tag{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(213,215,224,.8);border:1px solid rgba(255,255,255,.06)}
.gi-tag.g{background:rgba(52,211,153,.12);color:#6ee7b7;border-color:rgba(52,211,153,.25)}
.gi-chk{position:absolute;top:14px;left:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.gi-chk svg{width:14px;height:14px}
.gi-dev.sel .gi-chk,.gi-opt.sel .gi-chk{transform:scale(1)}

/* چیپ و گزینه */
.gi-chips{display:flex;flex-wrap:wrap;gap:8px}
.gi-chip{padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--gi-line);color:rgba(213,215,224,.85);font-size:13px;font-weight:700;transition:all .25s;display:flex;align-items:center;gap:6px}
.gi-chip small{font-weight:500;color:var(--sd);font-size:11px}
.gi-chip:hover{border-color:rgba(193,141,255,.35);color:#fff}
.gi-chip.sel{background:linear-gradient(135deg,rgba(122,60,255,.35),rgba(159,91,255,.2));border-color:rgba(193,141,255,.6);color:#fff;box-shadow:0 6px 18px rgba(122,60,255,.25)}
.gi-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.gi-opt{position:relative;text-align:right;padding:18px 18px 16px;border-radius:18px;background:var(--gi-card);border:1px solid var(--gi-line);color:var(--si);transition:all .3s}
.gi-opt:hover:not(:disabled){border-color:rgba(193,141,255,.35);transform:translateY(-3px)}
.gi-opt.sel{border-color:rgba(193,141,255,.7);background:rgba(122,60,255,.1);box-shadow:0 0 0 1px rgba(193,141,255,.45)}
.gi-opt:disabled{opacity:.42;cursor:not-allowed}
.gi-opt b{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;font-weight:800;margin-bottom:6px}
.gi-opt p{margin:0;font-size:12px;color:var(--sd);line-height:1.85}
.gi-opt .gi-badge{font-size:10px;padding:2px 8px;border-radius:999px;background:rgba(52,211,153,.14);color:#6ee7b7;font-weight:800}
.gi-opt .gi-badge.p{background:rgba(193,141,255,.16);color:var(--gl)}

/* نسخهٔ سیستم‌عامل */
.gi-fw{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:16px;align-items:stretch}
.gi-fw-in{padding:18px;border-radius:18px;background:var(--gi-card);border:1px solid var(--gi-line)}
.gi-fw-in label{display:block;font-size:12.5px;color:var(--sd);margin-bottom:8px}
.gi-fw-box{display:flex;align-items:center;gap:10px}
.gi-fw-box input{flex:1;min-width:0;height:56px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:'Orbitron',sans-serif;font-size:24px;font-weight:700;text-align:center;letter-spacing:2px;direction:ltr;outline:none;transition:border-color .25s,box-shadow .25s}
.gi-fw-box input:focus{border-color:rgba(193,141,255,.6);box-shadow:0 0 0 4px rgba(122,60,255,.18)}
.gi-fw-box input::placeholder{color:rgba(255,255,255,.18)}
.gi-how{margin-top:12px;font-size:12px;color:var(--sd)}
.gi-how summary{cursor:pointer;color:var(--gl);font-weight:700;list-style:none}
.gi-how summary::-webkit-details-marker{display:none}
.gi-how ol{margin:10px 0 0;padding-right:18px;line-height:2}
.gi-how b{color:#fff}
.gi-idk{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:rgba(213,215,224,.75);cursor:pointer}
.gi-idk input{accent-color:#7A3CFF;width:16px;height:16px}
.gi-verdict{position:relative;padding:20px 22px;border-radius:18px;border:1px solid var(--gi-line);background:var(--gi-card);display:flex;gap:16px;align-items:flex-start;transition:all .4s;overflow:hidden}
.gi-verdict .vi{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--sd)}
.gi-verdict .vi svg{width:24px;height:24px}
.gi-verdict b{display:block;font-size:17px;color:#fff;font-weight:900;margin-bottom:6px}
.gi-verdict p{margin:0;font-size:12.5px;color:var(--sd);line-height:1.95}
.gi-verdict.ok{border-color:rgba(52,211,153,.4);background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(52,211,153,.03))}
.gi-verdict.ok .vi{background:rgba(52,211,153,.18);color:var(--gi-ok)}
.gi-verdict.no{border-color:rgba(251,191,36,.35);background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(251,191,36,.02))}
.gi-verdict.no .vi{background:rgba(251,191,36,.16);color:var(--gi-warn)}
.gi-verdict .warn{display:inline-flex;margin-top:10px;padding:6px 12px;border-radius:10px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:11.5px;font-weight:700}
.gi-verdict.pop{animation:giPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes giPop{0%{transform:scale(.96)}100%{transform:none}}

/* ظرفیت‌ها */
.gi-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gi-cap-row{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:11.5px}
.gi-cap-row span{display:flex;align-items:center;gap:6px;color:rgba(213,215,224,.75)}
.gi-cap-row span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--d,#6b7280)}
.gi-cap-row .y{--d:#34d399}.gi-cap-row .n{--d:#f87171}
.gi-price-lvl{display:flex;gap:3px;margin-top:10px}
.gi-price-lvl i{width:16px;height:5px;border-radius:3px;background:rgba(255,255,255,.1)}
.gi-price-lvl i.on{background:linear-gradient(90deg,#7A3CFF,#C18DFF)}

/* فیلدهای کامپیوتر */
.gi-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gi-field{display:flex;flex-direction:column;gap:6px}
.gi-field label{font-size:12px;color:var(--sd)}
.gi-field input,.gi-field textarea{height:48px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:#fff;padding:0 14px;font:500 14px 'Vazirmatn',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s;width:100%}
.gi-field textarea{height:84px;padding:12px 14px;resize:vertical}
.gi-field input:focus,.gi-field textarea:focus{border-color:rgba(193,141,255,.6);box-shadow:0 0 0 4px rgba(122,60,255,.15)}
.gi-next{display:flex;justify-content:flex-start;margin-top:24px}
.gi-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 28px;border-radius:15px;background:var(--grad);color:#fff;font-size:14.5px;font-weight:800;box-shadow:0 12px 30px rgba(122,60,255,.35);transition:transform .2s,box-shadow .2s,opacity .2s}
.gi-btn:hover{transform:translateY(-2px)}
.gi-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.gi-btn.ghost{background:rgba(255,255,255,.05);border:1px solid var(--gi-line);box-shadow:none;color:var(--si)}
.gi-btn svg{width:17px;height:17px}

/* ── انتخاب بازی ── */
.gi-full{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 26px;border-radius:24px;background:linear-gradient(120deg,rgba(122,60,255,.22),rgba(244,114,182,.1) 60%,rgba(255,255,255,.02));border:1px solid rgba(193,141,255,.32);overflow:hidden;margin-bottom:26px}
.gi-full::before{content:'';position:absolute;top:-60%;left:-10%;width:50%;height:220%;background:radial-gradient(closest-side,rgba(193,141,255,.25),transparent);pointer-events:none}
.gi-full h3{margin:0 0 6px;font-size:20px;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gi-full h3 .gi-badge{font-size:11px;padding:3px 10px;border-radius:999px;background:rgba(251,191,36,.16);color:#fcd34d;font-weight:800}
.gi-full p{margin:0;font-size:13px;color:rgba(213,215,224,.75);line-height:1.9;max-width:560px}
.gi-full-p{text-align:center;position:relative}
.gi-full-p small{display:block;font-size:11.5px;color:var(--sd);margin-bottom:4px}
.gi-full-p b{display:block;font-size:26px;font-weight:900;color:#fff;margin-bottom:10px}
.gi-full-p b em{font-style:normal;font-size:13px;color:var(--sd);margin-right:4px}
.gi-full.on{border-color:rgba(251,191,36,.6);box-shadow:0 0 0 1px rgba(251,191,36,.35),0 20px 50px rgba(122,60,255,.25)}
.gi-full-modes{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}

.gi-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.gi-search{flex:1;min-width:220px;position:relative}
.gi-search input{width:100%;height:50px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid var(--gi-line);color:#fff;padding:0 46px 0 16px;font:500 14px 'Vazirmatn',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s}
.gi-search input:focus{border-color:rgba(193,141,255,.55);box-shadow:0 0 0 4px rgba(122,60,255,.14)}
.gi-search svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--sd)}
.gi-genres{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.gi-genres::-webkit-scrollbar{display:none}
.gi-genres .gi-chip{padding:8px 13px;font-size:12px;white-space:nowrap;flex-shrink:0}

/* پک‌ها */
.gi-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,340px);gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(193,141,255,.3) transparent}
.gi-pack{scroll-snap-align:start;position:relative;text-align:right;border-radius:22px;padding:16px;background:var(--gi-card);border:1px solid var(--gi-line);color:var(--si);transition:all .3s;display:flex;flex-direction:column;gap:12px}
.gi-pack:hover{border-color:rgba(193,141,255,.4);transform:translateY(-4px)}
.gi-pack.sel{border-color:rgba(52,211,153,.6);box-shadow:0 0 0 1px rgba(52,211,153,.35);background:rgba(52,211,153,.05)}
.gi-pack-covers{display:flex;height:122px;padding:0 0 4px 20px;overflow:hidden}
.gi-pack-covers img{width:78px;height:118px;object-fit:cover;border-radius:10px;margin-left:-20px;box-shadow:-6px 10px 20px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.22,1,.36,1);background:#15111f}
.gi-pack:hover .gi-pack-covers img{transform:translateY(-4px) rotate(-2deg)}
.gi-pack:hover .gi-pack-covers img:nth-child(even){transform:translateY(-2px) rotate(2deg)}
.gi-pack b{font-size:16px;color:#fff;font-weight:900}
.gi-pack p{margin:0;font-size:12px;color:var(--sd);line-height:1.8;min-height:44px}
.gi-pack-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}
.gi-pack-f .pr{display:flex;flex-direction:column}
.gi-pack-f s{font-size:11.5px;color:rgba(213,215,224,.4)}
.gi-pack-f strong{font-size:16px;color:#fff;font-weight:900}
.gi-off{font-size:11px;font-weight:900;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#f472b6);color:#fff;box-shadow:0 6px 16px rgba(244,63,94,.35)}
.gi-pack-add{font-size:12px;font-weight:800;color:var(--gl);display:flex;align-items:center;gap:5px}
.gi-pack.sel .gi-pack-add{color:var(--gi-ok)}

/* سری‌ها */
.gi-series{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.gi-ser{position:relative;height:170px;border-radius:20px;overflow:hidden;text-align:right;background:#100d18;border:1px solid var(--gi-line);color:#fff;isolation:isolate;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}
.gi-ser:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 22px 50px rgba(0,0,0,.45),0 0 40px color-mix(in srgb,var(--c) 22%,transparent)}
.gi-ser-art{position:absolute;inset:0;display:flex;justify-content:flex-start;align-items:flex-start;padding:12px 14px;gap:0;z-index:-1}
.gi-ser-art img{width:86px;height:129px;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.6);margin-left:-34px;transform:rotate(var(--r,0deg)) translateY(var(--y,0));transition:transform .45s cubic-bezier(.22,1,.36,1);background:#15111f}
.gi-ser-art img:nth-child(1){--r:-8deg;--y:14px;margin-left:0}
.gi-ser-art img:nth-child(2){--r:0deg;--y:4px;z-index:1}
.gi-ser-art img:nth-child(3){--r:8deg;--y:16px}
.gi-ser:hover .gi-ser-art img:nth-child(1){--r:-14deg;--y:6px}
.gi-ser:hover .gi-ser-art img:nth-child(3){--r:14deg;--y:8px}
.gi-ser::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(6,6,10,.92) 78%),linear-gradient(90deg,color-mix(in srgb,var(--c) 26%,transparent),transparent 60%);z-index:-1}
.gi-ser-t{position:absolute;right:16px;left:16px;bottom:14px}
.gi-ser-t b{display:block;font-size:16px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.gi-ser-t small{font-size:11.5px;color:rgba(255,255,255,.62)}
.gi-ser-n{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1)}
.gi-ser-n.has{background:var(--grad);border-color:transparent}

/* کارت بازی */
.gi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.gi-game{position:relative;text-align:right;background:none;color:var(--si);padding:0;display:flex;flex-direction:column;gap:8px}
.gi-cover{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:2/3;background:#15111f;box-shadow:0 12px 28px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;isolation:isolate}
.gi-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s}
.gi-cover::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .3s}
.gi-game:hover .gi-cover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.55)}
.gi-game:hover .gi-cover img{transform:scale(1.05)}
.gi-game.sel .gi-cover::after{box-shadow:inset 0 0 0 3px #A970FF,inset 0 0 40px rgba(122,60,255,.35)}
.gi-plus{position:absolute;bottom:10px;left:10px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(10,8,18,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:2}
.gi-plus svg{width:18px;height:18px;transition:transform .3s}
.gi-game:hover .gi-plus{background:var(--pu);border-color:transparent}
.gi-game.sel .gi-plus{background:var(--grad);border-color:transparent;transform:scale(1.08)}
.gi-game.sel .gi-plus svg{transform:rotate(360deg)}
.gi-gtag{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(244,63,94,.9);color:#fff;z-index:2}
.gi-game-t{font-size:13px;font-weight:800;color:#fff;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;direction:ltr;text-align:right;font-family:'Chakra Petch','Vazirmatn',sans-serif}
.gi-game-m{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11.5px;color:var(--sd)}
.gi-game-m b{color:var(--gl);font-weight:800;font-size:12px}
.gi-more{display:flex;justify-content:center;margin-top:22px}
.gi-empty{padding:40px;text-align:center;color:var(--sd);font-size:13.5px;border:1px dashed rgba(255,255,255,.1);border-radius:18px}

/* ── شیت (سری / ثبت) ── */
.gi-sheet{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;pointer-events:none}
.gi-sheet.open{visibility:visible;pointer-events:auto}
.gi-sheet-bg{position:absolute;inset:0;background:rgba(3,2,8,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .35s}
.gi-sheet.open .gi-sheet-bg{opacity:1}
.gi-sheet-box{position:relative;width:min(720px,100%);max-height:min(86vh,860px);display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(180deg,#151020,#0c0a12);border:1px solid rgba(193,141,255,.2);box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 60px rgba(122,60,255,.15);transform:translateY(30px) scale(.97);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;overflow:hidden}
.gi-sheet.open .gi-sheet-box{transform:none;opacity:1}
.gi-sheet-hd{position:relative;padding:22px 24px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.gi-sheet-hd::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c,#7A3CFF) 22%,transparent),transparent 70%);z-index:0}
.gi-sheet-hd>*{position:relative}
.gi-sheet-hd h3{margin:0;font-size:19px;font-weight:900;color:#fff;flex:1}
.gi-sheet-hd h3 small{display:block;font-size:12px;font-weight:500;color:var(--sd);margin-top:3px}
.gi-x{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:22px;display:grid;place-items:center;flex-shrink:0}
.gi-sheet-bd{padding:12px 16px 16px;overflow-y:auto;overscroll-behavior:contain}
.gi-sheet-ft{padding:14px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:10px;align-items:center;justify-content:space-between;background:rgba(0,0,0,.25)}
.gi-row{width:100%;display:flex;align-items:center;gap:14px;padding:10px;border-radius:16px;background:none;color:var(--si);text-align:right;transition:background .2s}
.gi-row:hover{background:rgba(255,255,255,.04)}
.gi-row img{width:56px;height:84px;object-fit:cover;border-radius:10px;flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.45);background:#15111f}
.gi-row-t{flex:1;min-width:0}
.gi-row-t b{display:block;font-size:14px;color:#fff;font-weight:800;direction:ltr;text-align:right;font-family:'Chakra Petch','Vazirmatn',sans-serif}
.gi-row-t small{display:block;font-size:11.5px;color:var(--sd);margin-top:3px}
.gi-row-p{font-size:12.5px;color:var(--gl);font-weight:800;white-space:nowrap}
.gi-tog{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.gi-tog svg{width:18px;height:18px}
.gi-row.sel .gi-tog{background:var(--grad);border-color:transparent;transform:scale(1.06)}
.gi-row.sel{background:rgba(122,60,255,.08)}

/* ── داک پایین ── */
.gi-dock{position:fixed;left:50%;bottom:16px;z-index:1000;width:min(980px,calc(100% - 24px));transform:translate(-50%,140%);transition:transform .55s cubic-bezier(.22,1,.36,1);border-radius:22px;background:rgba(16,12,26,.9);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(193,141,255,.25);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 40px rgba(122,60,255,.18);padding:12px 14px 12px 12px}
.gi-dock.show{transform:translate(-50%,0)}
.gi-dock-in{display:flex;align-items:center;gap:14px}
.gi-stack{display:flex;flex-shrink:0;padding-left:14px}
.gi-stack img{width:34px;height:51px;object-fit:cover;border-radius:7px;margin-left:-14px;border:2px solid #120e1c;box-shadow:0 4px 10px rgba(0,0,0,.5);animation:giDrop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes giDrop{from{transform:translateY(-14px) scale(.8);opacity:0}}
.gi-dock-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.gi-dock-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#fff;font-weight:800}
.gi-dna{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(193,141,255,.14);color:var(--gl)}
.gi-meter{height:7px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden;position:relative}
.gi-meter i{position:absolute;inset:0 0 0 auto;width:0;border-radius:inherit;background:linear-gradient(270deg,#7A3CFF,#C18DFF);transition:width .6s cubic-bezier(.22,1,.36,1),background .3s}
.gi-meter.full i{background:linear-gradient(270deg,#f59e0b,#fcd34d)}
.gi-meter.over i{background:linear-gradient(270deg,#ef4444,#f87171)}
.gi-dock-l2{font-size:11.5px;color:var(--sd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi-dock-l2 b{color:#fcd34d}
.gi-dock-pr{text-align:left;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}
.gi-dock-pr s{font-size:11.5px;color:rgba(213,215,224,.4)}
.gi-dock-pr strong{font-size:18px;color:#fff;font-weight:900;white-space:nowrap}
.gi-dock-pr strong em{font-style:normal;font-size:11px;color:var(--sd);margin-right:3px;font-weight:600}
.gi-dock .gi-btn{height:48px;padding:0 20px;flex-shrink:0}
.gi-bump{animation:giBump .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes giBump{40%{transform:scale(1.1)}}

/* ── ثبت ── */
.gi-sum{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--gi-line);margin-bottom:14px;font-size:12.5px}
.gi-sum div{display:flex;justify-content:space-between;gap:10px;color:var(--sd)}
.gi-sum div b{color:#fff;font-weight:700;text-align:left}
.gi-sum .tot{padding-top:8px;margin-top:4px;border-top:1px dashed rgba(255,255,255,.1)}
.gi-sum .tot b{font-size:17px;font-weight:900}
.gi-sum .save b{color:#6ee7b7}
.gi-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.gi-pill{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:11.5px;color:var(--si);direction:ltr;font-family:'Chakra Petch','Vazirmatn',sans-serif}
.gi-pill img{width:20px;height:28px;object-fit:cover;border-radius:4px}
.gi-pill button{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:12px;line-height:1;display:grid;place-items:center}
.gi-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gi-form .wide{grid-column:1/-1}
.gi-honest{font-size:11.5px;color:var(--sd);line-height:1.9;margin:12px 0 0;display:flex;gap:8px}
.gi-honest svg{width:16px;height:16px;flex-shrink:0;color:var(--gl);margin-top:3px}
.gi-err{color:#fca5a5;font-size:12.5px;min-height:18px;margin-top:8px}
.gi-done{text-align:center;padding:26px 10px 10px}
.gi-done-ic{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(52,211,153,.25),rgba(52,211,153,.06));border:1px solid rgba(52,211,153,.4);color:var(--gi-ok);animation:giPop .6s cubic-bezier(.34,1.56,.64,1)}
.gi-done-ic svg{width:40px;height:40px;stroke-dasharray:30;stroke-dashoffset:30;animation:giDraw .6s .25s forwards}
@keyframes giDraw{to{stroke-dashoffset:0}}
.gi-done h3{font-size:22px;color:#fff;font-weight:900;margin:0 0 8px}
.gi-done p{font-size:13px;color:var(--sd);line-height:2;margin:0 auto 18px;max-width:440px}
.gi-code{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:14px;background:rgba(122,60,255,.14);border:1px dashed rgba(193,141,255,.5);font-family:'Orbitron',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:2px;margin-bottom:18px;direction:ltr}
.gi-code button{font-family:'Vazirmatn',sans-serif;font-size:11.5px;letter-spacing:0;padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.08);color:var(--si)}
.gi-done-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.gi-btn.tg{background:linear-gradient(135deg,#2AABEE,#229ED9);box-shadow:0 12px 30px rgba(42,171,238,.3)}
.gi-btn.bale{background:linear-gradient(135deg,#00b862,#00a056);box-shadow:0 12px 30px rgba(0,184,98,.25)}

/* سؤالات */
.gi-faq{display:grid;gap:10px;max-width:860px}
.gi-faq details{border-radius:16px;background:var(--gi-card);border:1px solid var(--gi-line);padding:0 18px;transition:border-color .3s}
.gi-faq details[open]{border-color:rgba(193,141,255,.3)}
.gi-faq summary{cursor:pointer;padding:16px 0;font-size:14px;font-weight:800;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:10px}
.gi-faq summary::-webkit-details-marker{display:none}
.gi-faq summary::after{content:'+';color:var(--gl);font-size:20px;line-height:1;transition:transform .3s}
.gi-faq details[open] summary::after{transform:rotate(45deg)}
.gi-faq details p{margin:0 0 16px;font-size:13px;color:var(--sd);line-height:2}

body.gi-docked #tzCredit{display:none!important}
@media(max-width:1240px){body.gi-docked #tzFab{display:none!important}}
.gi-shared{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:14px 18px;border-radius:18px;background:linear-gradient(110deg,rgba(52,211,153,.14),rgba(122,60,255,.1));border:1px solid rgba(52,211,153,.4);animation:giIn .6s cubic-bezier(.22,1,.36,1) both}
.gi-shared-c{display:flex;flex:none;padding-left:14px}
.gi-shared-c img{width:38px;height:57px;object-fit:cover;border-radius:7px;margin-left:-14px;border:2px solid #120e1c;box-shadow:0 6px 14px rgba(0,0,0,.45)}
.gi-shared b{display:block;font-size:15px;color:#fff;font-weight:900}
.gi-shared small{display:block;font-size:12.5px;color:rgba(213,215,224,.75);margin-top:3px;line-height:1.8}
html[data-theme="light"] .gi-shared{background:linear-gradient(110deg,#E7F8F0,#F3EEFF);border-color:rgba(4,120,87,.25)}
html[data-theme="light"] .gi-shared small{color:rgba(22,20,28,.65)!important}
html[data-theme="light"] .gi-shared-c img{border-color:#fff}
.gi-toast{position:fixed;top:84px;left:50%;transform:translate(-50%,-20px);z-index:1300;padding:10px 18px;border-radius:14px;background:rgba(18,14,28,.95);border:1px solid rgba(193,141,255,.3);color:#fff;font-size:13px;font-weight:700;opacity:0;transition:all .35s cubic-bezier(.22,1,.36,1);pointer-events:none;box-shadow:0 14px 40px rgba(0,0,0,.5);white-space:nowrap}
.gi-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:980px){
  .gi-devs{grid-template-columns:repeat(2,1fr)}
  .gi-fw{grid-template-columns:1fr}
  .gi-caps{grid-template-columns:1fr}
  .gi-fields{grid-template-columns:1fr 1fr}
  .gi-wall{width:100%;inset:-10% -20% -10% -20%;opacity:.35;transform:perspective(1200px) rotateX(12deg) rotateZ(-10deg)}
  .gi-hero::after{background:linear-gradient(180deg,rgba(6,6,10,.4),rgba(6,6,10,.85) 70%,#06060A)}
}
@media(max-width:640px){
  .gi-hero{min-height:0;padding:100px 0 40px}
  .gi-hero p{font-size:14px}
  .gi-anchor{min-width:0;flex:1}
  .gi-steps{top:60px}
  .gi-steps li button{padding:6px 9px;font-size:11.5px}
  .gi-steps li button span{display:none}
  .gi-steps li.on button span{display:inline}
  .gi-devs{gap:10px}
  .gi-dev{padding:16px 14px}
  .gi-dev svg.art{height:70px;margin-bottom:8px}
  .gi-dev b{font-size:16px}
  .gi-dev small{font-size:11px;min-height:0}
  .gi-fields,.gi-form{grid-template-columns:1fr}
  .gi-full{grid-template-columns:1fr;padding:20px}
  .gi-full-p{text-align:right}
  .gi-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .gi-game-t{font-size:11.5px;min-height:34px}
  .gi-game-m{font-size:10.5px;flex-direction:column;align-items:flex-end;gap:0}
  .gi-plus{width:30px;height:30px;bottom:6px;left:6px;border-radius:10px}
  .gi-series{grid-template-columns:repeat(2,1fr);gap:10px}
  .gi-pack-covers img:nth-child(n+5){display:none}
  .gi-ser{height:150px}
  .gi-ser-art img{width:70px;height:105px;margin-left:-30px}
  .gi-sheet{padding:0;align-items:flex-end}
  .gi-sheet-box{border-radius:24px 24px 0 0;max-height:90vh;transform:translateY(100%)}
  .gi-dock{bottom:0;width:100%;border-radius:20px 20px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .gi-dock-in{gap:10px}
  .gi-stack{display:none}
  .gi-dock-pr strong{font-size:15px}
  .gi-dock .gi-btn{height:44px;padding:0 14px;font-size:13px}
  .gi-dock-l2{white-space:normal;font-size:11px}
}

/* ── تم روشن ── */
html[data-theme="light"] :is(.gi,.gi-sheet,.gi-dock){--gi-card:#fff;--gi-line:rgba(22,20,28,.09)}
html[data-theme="light"] .gi-hero::after{background:radial-gradient(60% 70% at 85% 50%,rgba(250,248,244,.96),rgba(250,248,244,.6) 60%,transparent 100%)}
html[data-theme="light"] .gi-hero h1,html[data-theme="light"] .gi-h h2,html[data-theme="light"] .gi-dev b,html[data-theme="light"] .gi-opt b,html[data-theme="light"] .gi-verdict b,html[data-theme="light"] .gi-full h3,html[data-theme="light"] .gi-full-p b,html[data-theme="light"] .gi-pack b,html[data-theme="light"] .gi-pack-f strong,html[data-theme="light"] .gi-game-t,html[data-theme="light"] .gi-anchor b,html[data-theme="light"] .gi-faq summary,html[data-theme="light"] .gi-sub{color:#16141C}
html[data-theme="light"] .gi-hero p,html[data-theme="light"] .gi-full p{color:rgba(22,20,28,.66)}
html[data-theme="light"] .gi-steps{background:rgba(250,248,244,.9);border-color:rgba(22,20,28,.06)}
html[data-theme="light"] .gi-steps li.on button{color:#16141C;background:rgba(91,43,217,.1)}
html[data-theme="light"] .gi-dev,html[data-theme="light"] .gi-opt,html[data-theme="light"] .gi-pack,html[data-theme="light"] .gi-fw-in,html[data-theme="light"] .gi-verdict,html[data-theme="light"] .gi-anchor{box-shadow:0 8px 24px rgba(22,20,28,.06)}
html[data-theme="light"] .gi-dev svg.art{color:#5B2BD9}
html[data-theme="light"] .gi-dev.sel,html[data-theme="light"] .gi-opt.sel{background:#F3EEFF;border-color:#5B2BD9}
html[data-theme="light"] .gi-chip{background:#fff;color:#16141C;border-color:rgba(22,20,28,.12)}
html[data-theme="light"] .gi-chip.sel{background:#16141C;color:#fff;border-color:#16141C}
html[data-theme="light"] .gi-fw-box input,html[data-theme="light"] .gi-field input,html[data-theme="light"] .gi-field textarea,html[data-theme="light"] .gi-search input{background:#fff;color:#16141C;border-color:rgba(22,20,28,.14)}
html[data-theme="light"] .gi-fw-box input::placeholder{color:rgba(22,20,28,.2)}
html[data-theme="light"] .gi-full{background:linear-gradient(120deg,#EFE7FF,#FFF1F7 60%,#fff);border-color:rgba(91,43,217,.25)}
html[data-theme="light"] .gi-btn{background:#16141C;box-shadow:0 10px 26px rgba(22,20,28,.18)}
html[data-theme="light"] .gi-btn:hover{background:#5B2BD9}
html[data-theme="light"] .gi-btn.ghost{background:#fff;color:#16141C}
html[data-theme="light"] .gi-dock{background:rgba(255,255,255,.94);border-color:rgba(22,20,28,.1);box-shadow:0 20px 50px rgba(22,20,28,.16)}
html[data-theme="light"] .gi-dock-l1,html[data-theme="light"] .gi-dock-pr strong{color:#16141C}
html[data-theme="light"] .gi-meter{background:rgba(22,20,28,.08)}
html[data-theme="light"] .gi-sheet-box{background:#FAF8F4;border-color:rgba(22,20,28,.1)}
html[data-theme="light"] .gi-sheet-hd h3,html[data-theme="light"] .gi-row-t b,html[data-theme="light"] .gi-done h3,html[data-theme="light"] .gi-sum div b,html[data-theme="light"] .gi-code{color:#16141C}
html[data-theme="light"] .gi-x,html[data-theme="light"] .gi-tog{background:#fff;color:#16141C;border-color:rgba(22,20,28,.12)}
html[data-theme="light"] .gi-row.sel .gi-tog{background:#16141C;color:#fff}
html[data-theme="light"] .gi-ser-t b{color:#fff}
html[data-theme="light"] .gi-pill{background:#fff;color:#16141C}
html[data-theme="light"] .gi-toast{background:#16141C}
/* تم روشن — خوانایی (تم، همهٔ b را با !important جوهری می‌کند؛ روی کاشی‌های تیره سفید بماند) */
html[data-theme="light"] .gi-ser-t b{color:#fff!important}
html[data-theme="light"] .gi-ser-t small{color:rgba(255,255,255,.72)!important}
html[data-theme="light"] .gi-trust span{color:rgba(22,20,28,.62)}
html[data-theme="light"] .gi-steps li button{color:rgba(22,20,28,.45)}
html[data-theme="light"] .gi-steps li.done button{color:rgba(22,20,28,.75)}
html[data-theme="light"] .gi-steps li button b{background:rgba(22,20,28,.05);border-color:rgba(22,20,28,.1)}
html[data-theme="light"] .gi-steps li.on button b{color:#fff!important;background:#5B2BD9;border-color:transparent}
html[data-theme="light"] .gi-steps li.done button b{color:#047857!important;background:#E7F8F0;border-color:rgba(4,120,87,.25)}
html[data-theme="light"] .gi-tag{background:rgba(22,20,28,.05);color:rgba(22,20,28,.7);border-color:rgba(22,20,28,.08)}
html[data-theme="light"] .gi-tag.g,html[data-theme="light"] .gi-opt .gi-badge{background:#E7F8F0;color:#047857;border-color:rgba(4,120,87,.2)}
html[data-theme="light"] .gi-opt .gi-badge.p{background:#EFE7FF;color:#5B2BD9}
html[data-theme="light"] .gi-chip small{color:rgba(22,20,28,.5)}
html[data-theme="light"] .gi-chip.sel small{color:rgba(255,255,255,.72)!important}
html[data-theme="light"] .gi-pack-f s,html[data-theme="light"] .gi-dock-pr s{color:rgba(22,20,28,.42)}
/* ── GTA VI: خبرم کن ── */
.gi-kick-gta{margin-right:6px;background:linear-gradient(135deg,rgba(255,95,168,.22),rgba(255,159,67,.18));border-color:rgba(255,159,67,.45);color:#ffc58a;transition:transform .2s}
.gi-kick-gta:hover{transform:translateY(-2px)}
.gi-gta{position:relative;z-index:2;padding:8px 0 26px;scroll-margin-top:90px}
.gi-gta-in{position:relative;display:grid;grid-template-columns:auto 1fr minmax(300px,380px);gap:26px;align-items:center;padding:22px 26px;border-radius:26px;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#2a0f3d 0%,#3d1240 40%,#4a1a2e 70%,#5a2a1a 100%);border:1px solid rgba(255,159,67,.35);box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 60px rgba(255,95,168,.12)}
.gi-gta-in::before{content:'';position:absolute;inset:auto -10% -60% 20%;height:140%;background:radial-gradient(closest-side,rgba(255,159,67,.35),rgba(255,95,168,.18) 50%,transparent);z-index:-1;filter:blur(10px)}
.gi-gta-in::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px);z-index:-1;pointer-events:none}
.gi-gta-cv{width:118px;height:177px;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);transform:rotate(-4deg);transition:transform .4s}
.gi-gta-in:hover .gi-gta-cv{transform:rotate(-1deg) scale(1.03)}
.gi-gta-k{display:inline-block;font-size:12px;font-weight:800;color:#ffc58a;margin-bottom:6px}
.gi-gta h2{margin:0 0 6px;font:900 clamp(26px,3.6vw,40px)/1.15 'Orbitron','Vazirmatn',sans-serif;color:#fff;letter-spacing:.5px}
.gi-gta h2 span{font-family:'Vazirmatn',sans-serif;background:linear-gradient(90deg,#ff5fa8,#ff9f43);-webkit-background-clip:text;background-clip:text;color:transparent}
.gi-gta-tx p{margin:0 0 14px;font-size:13px;line-height:1.9;color:rgba(255,236,224,.75)}
.gi-cd{display:flex;gap:8px;direction:ltr;justify-content:flex-end}
.gi-cd span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:8px 6px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,159,67,.25)}
.gi-cd b{font:800 22px 'Orbitron',sans-serif;color:#fff}
.gi-cd small{font:600 10.5px 'Vazirmatn',sans-serif;color:rgba(255,236,224,.6)}
.gi-gta-f{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}
.gi-gta-f>b{font-size:14px;color:#fff;font-weight:900}
.gi-gta-f .gi-chip{padding:7px 12px;font-size:12px}
.gi-gta-row{display:flex;gap:8px}
.gi-gta-row input{flex:1;min-width:0;height:48px;border-radius:13px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.14);color:#fff;padding:0 14px;font:600 15px 'Vazirmatn',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s}
.gi-gta-row input:focus{border-color:rgba(255,159,67,.7);box-shadow:0 0 0 4px rgba(255,159,67,.18)}
.gi-gta-row .gi-btn{height:48px;padding:0 18px;background:linear-gradient(135deg,#ff5fa8,#ff9f43);box-shadow:0 10px 26px rgba(255,95,168,.35);white-space:nowrap}
.gi-gta-f .gi-err{margin:0;min-height:0}
.gi-gta-ps5{font-size:12.5px;font-weight:800;color:#ffc58a}
.gi-gta-ok{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#fff;font-weight:800;line-height:1.8}
.gi-gta-ok i{font-style:normal;width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(52,211,153,.2);color:#34d399}
@media(max-width:980px){.gi-gta-in{grid-template-columns:auto 1fr}.gi-gta-f{grid-column:1/-1}.gi-cd{justify-content:flex-start}}
@media(max-width:640px){.gi-gta-in{padding:18px;gap:14px}.gi-gta-cv{width:84px;height:126px}.gi-cd span{min-width:48px;padding:6px 4px}.gi-cd b{font-size:17px}.gi-gta-tx p{font-size:12px}}
html[data-theme="light"] .gi-gta h2{color:#fff!important}
html[data-theme="light"] .gi-gta-tx p{color:rgba(255,236,224,.8)!important}
html[data-theme="light"] .gi-gta-f>b,html[data-theme="light"] .gi-cd b{color:#fff!important}
html[data-theme="light"] .gi-cd small{color:rgba(255,236,224,.65)!important}
html[data-theme="light"] .gi-kick-gta{color:#B4530A;background:#FFF1E4;border-color:rgba(180,83,10,.3)}
html[data-theme="light"] .gi-gta .gi-chip{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
html[data-theme="light"] .gi-gta .gi-chip.sel{background:#fff;color:#16141C}
html[data-theme="light"] .gi-gta-row input{background:rgba(0,0,0,.35);color:#fff;border-color:rgba(255,255,255,.2)}