/* Web Oyunlar — slogan: 2 satır, üstte (altına oyunlar gelecek). Boşluklar φ: 1 · .618 · .382 · .236 */
.wg{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}
.wg-in{flex:none;padding:3.82vh 4vw 0;--u:clamp(18px,min(3.83vw,6.46vh),55.9px);font-size:var(--u);display:flex;flex-direction:column;align-items:center;text-align:center}
.wg-n{display:inline-flex;align-items:center;gap:.618em;font-size:calc(var(--u)*.309);line-height:1;padding:.618em 1em .618em .9em;margin-bottom:calc(var(--u)*.382);background:#000;color:#fff;border-radius:.618em;opacity:0;transform:scale(.8)}
.wg-n b{font-weight:500;letter-spacing:.12em;margin-right:-.12em;font-variant-numeric:tabular-nums;min-width:3ch;text-align:left;display:inline-block}
.wg-n em{font-style:normal;font-weight:300;letter-spacing:.06em}
.wg-play{width:.618em;height:.7em;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.wg-h{display:flex;flex-direction:column;align-items:center;gap:.236em;line-height:1.1;letter-spacing:-.03em}
.wg-l1{position:relative;display:inline-block;font-weight:800;white-space:nowrap}
.wg-t{display:inline-block;clip-path:inset(-.3em 100% -.3em -.1em)}
.wg-l1::after{content:"";position:absolute;top:-.05em;bottom:-.05em;left:0;width:2px;margin-left:-1px;background:#000;border-radius:1px;opacity:0}
.wg-l2{position:relative;display:inline-block;font-weight:300;white-space:nowrap}
.wg-t2{display:inline-block;clip-path:inset(-.3em 100% -.3em -.1em)}
.wg-l2::after{content:"";position:absolute;top:-.05em;bottom:-.05em;left:0;width:2px;margin-left:-1px;background:#000;border-radius:1px;opacity:0}
.sv{position:relative;display:inline-block;isolation:isolate;padding:0 .3em;margin:0 -.04em;font-weight:800;color:#000}
.sv::before{content:"";position:absolute;z-index:-1;inset:.144em 0 -.024em;background:#000;border-radius:.236em;transform:scaleX(0);transform-origin:0 50%}

/* Sayaç düz artar; 1. satır tek seferde, ardından 2. satır yavaşça açılır */
.wg.go .wg-t{animation:wgTake2 .9s .2s cubic-bezier(.45,0,.2,1) forwards}
.wg.go .wg-l1::after{animation:wgHead2 .9s .2s cubic-bezier(.45,0,.2,1) forwards,wgHFade 1.05s .2s linear forwards}
.wg.go .wg-n{animation:wgIn .35s cubic-bezier(.2,.8,.2,1) forwards,wgPop .36s 2.2s cubic-bezier(.3,1.4,.5,1)}
.wg.go .wg-t2{animation:wgTake2 1.7s 1.1s cubic-bezier(.45,0,.2,1) forwards}
.wg.go .wg-l2::after{animation:wgHead2 1.7s 1.1s cubic-bezier(.45,0,.2,1) forwards,wgHFade 1.95s 1.1s linear forwards}
.wg.go .sv{animation:wgInk .6s 2.5s linear forwards,wgBeat 3.236s 3.6s ease-in-out infinite}
.wg.go .sv::before{animation:wgPill .6s 2.5s cubic-bezier(.3,.7,.2,1) forwards}
@keyframes wgIn{to{opacity:1;transform:none}}
@keyframes wgPop{0%,100%{transform:none}45%{transform:scale(1.1)}}
@keyframes wgTake2{
 0%{clip-path:inset(-.3em 100% -.3em -.1em)}
 100%{clip-path:inset(-.3em -.1em -.3em -.1em)}}
@keyframes wgHead2{
 0%{left:0}
 100%{left:100%}}
@keyframes wgHFade{0%,88%{opacity:1}100%{opacity:0}}
@keyframes wgInk{0%,45%{color:#000}60%,100%{color:#fff}}
@keyframes wgPill{to{transform:scaleX(1)}}
@keyframes wgBeat{0%,34%,100%{transform:none}8%{transform:scale(1.06)}16%{transform:scale(1)}24%{transform:scale(1.04)}}

/* Oyun kapakları: atari salonu. Açık oyunun kepengi kalkar; hazır olmayanın kepengi iner, içinden gözler bakar.
   Yalnızca transform/opacity ile hareket eder. Ölçüler φ / Fibonacci: 3 · 5 · 8 · 13 · 21 · 34 · 55, kepenk %38,2 kalkar */
.wg-list{flex:1;min-height:0;width:100%;margin-top:55px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px);mask-image:linear-gradient(to bottom,transparent 0,#000 34px)}
.wg-list::-webkit-scrollbar{display:none}
.wg{position:relative}
/* Kaydırma: Pac-Man yemleri yer. Oyunların yanında, dikeyde ortalı */
.wg-lw{position:relative;flex:1;min-height:0;width:100%;margin-top:0}
.wg-lw>.wg-list{height:100%;margin-top:0}
.wg-bar{position:absolute;z-index:6;left:calc(50% + min(47vw,900px) + min(26px,1.5vw) - 9px);top:50%;width:18px;height:61.8%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .7s ease;touch-action:none}
.wg-bar.on{opacity:1;pointer-events:auto}
.wg-pl{position:absolute;left:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#000;transform:scale(1);transition:transform .22s cubic-bezier(.3,1.4,.5,1),opacity .22s}
.wg-pl.e{transform:scale(0);opacity:0}
.wg-pl.pw{width:8px;height:8px;margin:-4px 0 0 -4px;animation:wgPw 1.2s ease-in-out infinite}
@keyframes wgPw{0%,100%{transform:scale(1)}50%{transform:scale(.62)}}
.wg-pl.pw.e{animation:none}
.wg-bar>i{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;rotate:0deg;transition:rotate .35s cubic-bezier(.3,1.4,.5,1),box-shadow .2s;background:#000;cursor:grab;box-shadow:0 2px 0 rgba(0,0,0,.14)}
.wg-bar.up>i{rotate:180deg}
.wg-bar>i::before{content:"";position:absolute;left:2px;top:4.5px;width:3px;height:3px;border-radius:50%;background:#fff;z-index:2}
.wg-bar>i::after{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(50% 50%,6% 100%,94% 100%);transform-origin:50% 50%;animation:wgChomp .5s ease-in-out infinite}
@keyframes wgChomp{0%,100%{clip-path:polygon(50% 50%,6% 104%,94% 104%)}50%{clip-path:polygon(50% 50%,47% 104%,53% 104%)}}
.wg-bar.drag>i{cursor:grabbing;box-shadow:0 1px 0 rgba(0,0,0,.2)}
@media (prefers-reduced-motion:reduce){.wg-bar>i::after,.wg-pl.pw{animation:none}}
.wg-grid{width:min(94vw,1800px);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:55px 34px;padding:34px 0 89px}
.gc{--e:9.4cqw;display:block;container-type:inline-size;color:#000;text-decoration:none;cursor:default}
.gc.live{cursor:pointer}
.gc:nth-child(4n){--e:12cqw}
.gc:nth-child(5n){--e:7cqw}

.gc-st{position:relative;display:block;opacity:0;transform:translateY(13px);transition:opacity .5s ease var(--d,0s),transform .6s cubic-bezier(.2,.8,.2,1) var(--d,0s)}
.gc.in .gc-st{opacity:1;transform:none}
.gc-sh{position:absolute;inset:0;background:#000;border-radius:10px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.gc-lf{position:relative;display:block;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.gc-cv{position:relative;display:block;isolation:isolate;aspect-ratio:1.618;border-radius:10px;overflow:hidden;background:#000;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.gc-cv::after{content:"";position:absolute;inset:0;z-index:5;border:2px solid #000;border-radius:inherit;pointer-events:none}
.gc-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gc.soon .gc-cv img{display:none}

/* açık oyun: imlecin altında siyah-beyaz yer değiştirir */
.gc-sp{position:absolute;left:0;top:0;z-index:1;width:0;height:0;mix-blend-mode:difference;transform:translate(var(--mx,0),var(--my,0));pointer-events:none}
.gc-sp::before{content:"";position:absolute;left:-30.9cqw;top:-30.9cqw;width:61.8cqw;height:61.8cqw;border-radius:50%;background:#fff;transform:scale(0);transition:transform .45s cubic-bezier(.2,.9,.2,1)}
.gc.soon .gc-sp{display:none}
.gc.live.hot .gc-sp::before{transform:scale(1)}
.gc.live:active .gc-sp::before{transform:scale(3.4)}
.gc.live.hot .gc-sh{transform:translate(5px,5px)}
.gc.live.hot .gc-lf{transform:translate(-3px,-3px)}
.gc.live:active .gc-lf{transform:translate(5px,5px);transition-duration:.08s}

/* kepenk */
.gc-kp{position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(to bottom,#fff 0 12px,#000 12px 13px);transition:transform .7s cubic-bezier(.3,1.3,.5,1)}
.gc-kp::before{content:"";position:absolute;left:0;right:0;bottom:0;height:8cqw;background:#fff;border-top:2px solid #000}
.gc-kp::after{content:"";position:absolute;left:50%;bottom:3cqw;width:13cqw;height:2cqw;margin-left:-6.5cqw;background:#000;border-radius:2cqw}
.gc-tp{position:absolute;left:0;right:0;top:0;z-index:4;height:6cqw;background:#000;transition:transform .5s ease}
.gc.live.in .gc-kp{transform:translateY(-101%);transition:transform 1.1s cubic-bezier(.6,0,.2,1) calc(var(--d,0s) + .25s)}
.gc.live.in .gc-tp{transform:translateY(-100%);transition-delay:calc(var(--d,0s) + 1.1s)}
.gc.soon.hot .gc-kp,.gc.soon.peek .gc-kp{transform:translateY(-38.2%)}
.gc.soon:active .gc-kp{transform:none;transition:transform .09s ease-in}

/* içeriden bakan gözler */
.gc-ey{position:absolute;left:50%;bottom:5cqw;z-index:2;display:flex;gap:calc(var(--e)*.236);transform:translate(-50%,calc(var(--e) + 6cqw));transition:transform .4s cubic-bezier(.3,1.4,.5,1)}
.gc:nth-child(3n) .gc-ey{left:27%}
.gc:nth-child(3n+1) .gc-ey{left:71%}
.gc.live .gc-ey{display:none}
.gc.soon.hot .gc-ey,.gc.soon.peek .gc-ey{transform:translate(-50%,0);transition-delay:.18s}
.gc.soon:active .gc-ey{transform:translate(-50%,calc(var(--e) + 6cqw));transition:transform .06s}
.gc-ey b{position:relative;display:block;width:var(--e);height:var(--e);border-radius:50%;background:#fff;overflow:hidden}
.gc:nth-child(6n) .gc-ey b:last-child{width:calc(var(--e)*.764);height:calc(var(--e)*.764);align-self:flex-end}
.gc-ey b::after{content:"";position:absolute;left:27.5%;top:27.5%;width:45%;height:45%;border-radius:50%;background:#000;transform:translate(var(--px,0%),var(--py,0%))}
.gc:nth-child(7n) .gc-ey b::before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:38.2%;background:#000}
.gc.soon.hot .gc-ey b,.gc.soon.peek .gc-ey b{animation:gcBlink 3.236s .7s infinite}
.gc.soon.peek .gc-ey b::after{animation:gcLook 2.2s ease-in-out}
@keyframes gcBlink{0%,92%,100%{transform:none}96%{transform:scaleY(.08)}}
@keyframes gcLook{0%,20%{transform:translate(-55%,0)}45%,70%{transform:translate(55%,0)}90%,100%{transform:none}}

/* alt satır */
.gc-cap{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.8em;margin-top:8px;font-size:5.4cqw;line-height:1;opacity:0;transition:opacity .6s ease calc(var(--d,0s) + .2s)}
.gc.in .gc-cap{opacity:1}
.gc.soon.in .gc-cap{opacity:.38}
.gc-i{display:none}
.gc-nm{grid-area:1/1;font:500 1.15em Fredoka,Montserrat,system-ui,sans-serif;letter-spacing:.01em}
.gc-go{grid-area:1/2;justify-self:end;display:grid;place-items:center;width:1.6em;height:1.6em;background:#000;border-radius:50%;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.gc-go i{width:.44em;height:.496em;margin-left:.096em;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
.gc.soon .gc-go{display:none}
.gc.live.hot .gc-go{transform:scale(1.13)}
.gc.live:active .gc-go{transform:scale(.88);transition-duration:.08s}

/* oyun açılışı: kısa beyaz solma (js/webgames.js) */
.gc-ov{position:fixed;inset:0;z-index:99;background:#fff;opacity:0}

/* animasyonsuz açılış (oyun sayfasından dönüş): her şey son halinde */
.wg.done .wg-t,.wg.done .wg-t2{animation:none;clip-path:none}
.wg.done .wg-l1::after,.wg.done .wg-l2::after{display:none}
.wg.done .wg-n{animation:none;opacity:1;transform:none}
.wg.done .sv{animation:wgBeat 3.236s ease-in-out infinite;color:#fff}
.wg.done .sv::before{animation:none;transform:scaleX(1)}
.wg.nofx *{transition:none!important}

/* Kategoriler: slogan ile kapaklar arasında, sayfa ekseninde. Fibonacci: 13 yazı · 34 yükseklik · 89 ve 144 sekme · üstte/altta 34 boşluk. Hap 1,618 oranlı eğriyle kayar */
.wg-cat{--p:0px;--w:89px;flex:none;position:relative;display:grid;grid-template-columns:repeat(7,auto);overflow-x:auto;scrollbar-width:none;height:34px;margin-top:34px;padding:3px;max-width:94vw;background:#fff;border:2px solid #000;border-radius:13px;box-sizing:content-box;opacity:0;transform:translateY(8px);transition:opacity .377s ease,transform .377s cubic-bezier(.2,.8,.2,1)}
.wg-cat.on{opacity:1;transform:none}
.wg-cp{position:absolute;left:3px;top:3px;bottom:3px;width:var(--w);background:#000;border-radius:8px;transform:translateX(var(--p));transition:transform .377s cubic-bezier(.3,1.25,.5,1),width .377s cubic-bezier(.3,1.25,.5,1)}
.wg-cat button{position:relative;z-index:1;appearance:none;border:0;background:none;padding:0 18px;color:#000;font:500 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;border-radius:8px;white-space:nowrap;transition:color .233s ease,transform .233s cubic-bezier(.3,1.4,.5,1)}
.wg-cat button:hover{transform:translateY(-1px)}
.wg-cat button:active{transform:scale(.94);transition-duration:.08s}
.wg-cat button[aria-pressed="true"]{color:#fff}
.wg-cat button:focus-visible{outline:2px solid #000;outline-offset:3px}
.wg-grid.wg-shuf{pointer-events:none}
.wg-grid.wg-shuf .gc{position:relative}
.wg-grid.wg-shuf .gc-cap{opacity:0!important;transition:opacity .144s ease}
.gc.off{display:none}
.wg-cat::-webkit-scrollbar{display:none}
.wg-cat .wg-lk{font-weight:700}
.wg-empty{margin:0;padding:89px 21px;text-align:center;font:500 13px/1.618 Montserrat,system-ui,sans-serif}

/* Favori kalbi: başlık satırında, oynat düğmesinin solunda. Patlama ve kırılma parçaları sayfa üstünde geçici katmanda uçar */
.gc-fv{grid-area:1/2;justify-self:end;margin-right:2em;width:1.146em;height:1.146em;display:grid;place-items:center;cursor:pointer;border-radius:50%;outline:0;transition:transform .233s cubic-bezier(.3,1.4,.5,1)}
.gc-fv svg{width:100%;height:100%;display:block;overflow:visible;fill:transparent;stroke:#000;stroke-width:2;stroke-linejoin:round;transition:fill .144s}
.gc-fv:hover{transform:scale(1.146)}
.gc-fv:focus-visible{outline:2px solid #000;outline-offset:2px}
.gc-fv.on svg{fill:#000}
.fx-p{position:fixed;left:0;top:0;z-index:120;pointer-events:none;display:block}
.fx-p svg{display:block;width:100%;height:100%;fill:#000;overflow:visible}
.fx-r{border:2px solid #000;border-radius:50%}

/* Şanslı Oyun: ortada tek pencereli makara; yalnızca transform ile döner. Pencere 1,618 oranlı */
.wg-luck{--h:min(47vw,55vh);position:fixed;inset:0;z-index:110;overflow:hidden;background:rgba(255,255,255,.94);opacity:0;transition:opacity .233s ease}
.wg-luck.on{opacity:1}
body.luck-on .wg-grid *,body.luck-on .wg-grid *::before,body.luck-on .wg-grid *::after{animation-play-state:paused!important}
/* Arka plan: tek kez çizilen iki katman yalnızca döner; ekranın tam merkezinde */
.wg-ry,.wg-or{position:absolute;left:50%;top:50%;pointer-events:none;will-change:transform}
.wg-ry{width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;border-radius:50%;background:repeating-conic-gradient(rgba(0,0,0,.055) 0 9deg,transparent 9deg 18deg)}
.wg-or{width:calc(var(--h)*1.618);height:calc(var(--h)*1.618);margin:calc(var(--h)*-.809) 0 0 calc(var(--h)*-.809)}
.wg-or svg{position:absolute;left:50%;top:50%;width:34px;height:39px;margin:-19.5px 0 0 -17px;fill:#000;transform:rotate(calc(var(--i)*45deg)) translateY(calc(var(--h)*-.809))}
.wg-lw2{position:absolute;inset:0;margin:auto;width:calc(var(--h)*1.618);height:var(--h);border:2px solid #000;border-radius:13px;overflow:hidden;background:#000;box-shadow:0 0 0 5px #fff,0 0 0 8px #000;box-sizing:border-box}
.wg-rl{display:block;will-change:transform}
.wg-rl img{display:block;width:100%;height:calc(var(--h) - 4px);object-fit:cover}
.wg-rb{position:absolute;left:0;right:0;top:calc(50% + var(--h)/2 + 21px);display:flex;flex-direction:column;align-items:center;gap:13px}
.wg-rn{font:500 34px/1.1 Fredoka,Montserrat,system-ui,sans-serif;min-height:1.1em;opacity:0;transition:opacity .233s}
.wg-ra{display:flex;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .233s,transform .233s;pointer-events:none}
.wg-luck.end .wg-rn{opacity:1}
.wg-luck.end .wg-ra{opacity:1;transform:none;pointer-events:auto}
.wg-ra button{height:34px;width:144px;border:2px solid #000;border-radius:8px;background:#fff;color:#000;font:500 13px/1 Montserrat,system-ui,sans-serif;cursor:pointer;box-sizing:content-box}
.wg-ra button:first-child{background:#000;color:#fff}
@media (prefers-reduced-motion:reduce){.wg-cat,.wg-cp,.wg-cat button{transition:none}}

/* Zorluk: yazı + 5 atari hayaleti. Hayalet 1em, aralık .236em, yazıyla arası .618em. Kart üzerine gelince dolu hayaletler sırayla zıplar */
.gc-df{grid-area:2/1;display:flex;align-items:center;gap:.28em;margin-top:.382em;white-space:nowrap}
.gc-df em{font:700 .618em/1 Montserrat,system-ui,sans-serif;font-style:normal;letter-spacing:.146em;text-transform:uppercase}
.gc-df span{display:flex;gap:.146em}
.gc-df svg{width:1.1em;height:1.265em;display:block;overflow:visible}
.gc-df .g-b{fill:none;stroke:#000;stroke-width:1.5;stroke-linejoin:round;stroke-opacity:.32}
.gc-df .g-e{fill:#000;fill-opacity:.32}
.gc-df .on .g-b{fill:#000;stroke-opacity:1}
.gc-df .on .g-e{fill:#fff;fill-opacity:1}
.gc-df .g-f{fill:#000;stroke:#000;stroke-width:1.5;stroke-linejoin:round}
.gc-df .g-w{fill:#fff}
@keyframes gcBob{0%,100%{transform:none}50%{transform:translateY(-.236em)}}
.gc.live.hot .gc-df .on,.gc.live.hot .gc-df .half{animation:gcBob .618s ease-in-out}
.gc.live.hot .gc-df svg:nth-child(2){animation-delay:.09s}
.gc.live.hot .gc-df svg:nth-child(3){animation-delay:.18s}
.gc.live.hot .gc-df svg:nth-child(4){animation-delay:.27s}
.gc.live.hot .gc-df svg:nth-child(5){animation-delay:.36s}
@media (prefers-reduced-motion:reduce){.gc-df svg{animation:none!important}}

/* İki kişilik: ZORLUK ile aynı satırda, sağ kenarı oynat düğmesiyle hizalı */
.gc-pl{grid-area:2/2;justify-self:end;display:flex;align-items:center;justify-content:center;margin-top:.382em;padding:.42em .85em;background:#000;color:#fff;border-radius:99px;white-space:nowrap;box-shadow:0 0 0 1px #fff;transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s cubic-bezier(.3,1.4,.5,1)}
.gc-pl em{font:700 .56em/1 Montserrat,system-ui,sans-serif;font-style:normal;letter-spacing:.11em;text-transform:uppercase;text-align:center}
.gc-pl:hover{transform:translate(-3px,-3px);box-shadow:0 0 0 1px #fff,3px 3px 0 1px #000}
.gc-pl:active{transform:none;box-shadow:0 0 0 1px #fff;transition-duration:.08s}

/* ===== Premium: 9. ve 3. oyun — kapak çerçevesinde altın parıltı. Yalnızca görsel dikdörtgenin etrafı; ana tasarıma dokunmaz ===== */
@property --ga{syntax:"<angle>";inherits:false;initial-value:0deg}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-lf{isolation:isolate}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-lf::before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:14px;background:conic-gradient(from var(--ga),#8a6414,#f7dc7a,#fff6cf,#d4a017,#8a6414,#f7dc7a,#fff6cf,#d4a017,#8a6414);animation:gcGoldSpin 5s linear infinite}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-lf::after{content:"";position:absolute;inset:-6px;z-index:-2;border-radius:18px;background:conic-gradient(from var(--ga),#d4a017,#fff0a8,#c8931a,#fff0a8,#d4a017);filter:blur(16px);opacity:.55;animation:gcGoldSpin 5s linear infinite,gcGoldPulse 2.6s ease-in-out infinite}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-cv::before{content:"";position:absolute;inset:-20% -60%;z-index:6;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,236,160,.0) 44%,rgba(255,240,175,.45) 50%,rgba(255,236,160,.0) 56%,transparent 60%);transform:translateX(-70%);animation:gcGoldShine 4.2s ease-in-out 1.2s infinite}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-st::before,.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-st::after{content:"";position:absolute;z-index:9;width:16px;height:16px;pointer-events:none;background:radial-gradient(circle,#fffbe0 0 22%,#f3cf5c 60%,#c8931a);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:gcTwinkle 2.4s ease-in-out infinite}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-st::before{top:-11px;right:7%}
.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-st::after{top:56%;left:-11px;width:12px;height:12px;animation-delay:1.1s}
@keyframes gcGoldSpin{to{--ga:360deg}}
@keyframes gcGoldPulse{0%,100%{opacity:.35}50%{opacity:.7}}
@keyframes gcGoldShine{0%{transform:translateX(-70%)}45%,100%{transform:translateX(70%)}}
@keyframes gcTwinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}
@media (prefers-reduced-motion:reduce){.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-lf::before,.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-lf::after,.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-cv::before,.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-st::before,.gc:is([data-game="game9"],[data-game="game3"],[data-game="game12"],[data-game="game16"]) .gc-st::after{animation:none}}

/* ===== Kız oyunları: 18. oyun — kapak çerçevesinde tatlı pembe ışıltı ve kalpler ===== */
.gc[data-cat="girl"] .gc-lf{isolation:isolate}
.gc[data-cat="girl"] .gc-lf::before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:14px;background:conic-gradient(from var(--ga),#ff7eb6,#ffd1e6,#fff0f7,#ff9ccb,#ff7eb6,#ffd1e6,#fff0f7,#ff9ccb,#ff7eb6);animation:gcGoldSpin 5s linear infinite}
.gc[data-cat="girl"] .gc-lf::after{content:"";position:absolute;inset:-6px;z-index:-2;border-radius:18px;background:conic-gradient(from var(--ga),#ff8cc0,#ffe0ef,#ff6fae,#ffe0ef,#ff8cc0);filter:blur(16px);opacity:.55;animation:gcGoldSpin 5s linear infinite,gcGoldPulse 2.6s ease-in-out infinite}
.gc[data-cat="girl"] .gc-cv::before{content:"";position:absolute;inset:-20% -60%;z-index:6;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,214,235,0) 44%,rgba(255,226,240,.5) 50%,rgba(255,214,235,0) 56%,transparent 60%);transform:translateX(-70%);animation:gcGoldShine 4.2s ease-in-out 1.2s infinite}
.gc[data-cat="girl"] .gc-st::before,.gc[data-cat="girl"] .gc-st::after{content:"";position:absolute;z-index:9;width:16px;height:16px;pointer-events:none;background:#ff6fae;clip-path:path("M8 15C3 11 0 8 0 4.6 0 2 2 0 4.4 0 5.9 0 7.2.8 8 2 8.800.8 10.100 0 11.600 0 14 0 16 2 16 4.600 16 8 13 11 8 15Z");animation:gcHeartPop 2.4s ease-in-out infinite}
.gc[data-cat="girl"] .gc-st::before{top:-10px;right:7%}
.gc[data-cat="girl"] .gc-st::after{top:56%;left:-10px;animation-delay:1.1s}
@keyframes gcHeartPop{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.gc[data-cat="girl"] .gc-lf::before,.gc[data-cat="girl"] .gc-lf::after,.gc[data-cat="girl"] .gc-cv::before,.gc[data-cat="girl"] .gc-st::before,.gc[data-cat="girl"] .gc-st::after{animation:none}}
.gc[data-cat="girl"] .gc-df .g-b{stroke:#ff6fae;stroke-opacity:.5}
.gc[data-cat="girl"] .gc-df .g-e{fill:#ff6fae;fill-opacity:.5}
.gc[data-cat="girl"] .gc-df .on .g-b{fill:#ff6fae;stroke-opacity:1}
.gc[data-cat="girl"] .gc-df .on .g-e{fill:#fff;fill-opacity:1}
.gc[data-cat="girl"] .gc-df .g-f{fill:#ff6fae;stroke:#ff6fae}
.gc-pl.gc-gl{background:#FF5FA2;color:#fff}
.gc-pl.gc-gl:hover{box-shadow:0 0 0 1px #fff,3px 3px 0 1px #D6337F}