:root{--ana-mavi:#1f5eff;--acik-mavi:#36cfff;--turkuaz:#2dd4bf;--turuncu:#ff8c2a;--altin-sari:#ffd44a;--basarili:#34c759;--bilgi:#3b82f6;--uyari:#ff9500;--hata:#ff4d4f;--kilitli:#bdbdbd;--bronz:#b87333;--gumus:silver;--altin:#f8c32c;--elmas:#74d8ff;--zemin:#eaf3ff;--kart:#fff;--metin:#14233d;--metin-soft:#5b6b85;--cizgi:#e2ecff;--r-buyuk:20px;--r-orta:16px;--r-kucuk:12px;--golge:0 8px 24px #1f5eff1f;--golge-yumusak:0 2px 10px #14233d14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--metin);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#cfe1ff;font-family:Nunito,system-ui,-apple-system,sans-serif}img{max-width:100%;display:block}.app-shell{background:radial-gradient(circle at 30% 0,#dcecff 0%,#c2d8ff 100%);justify-content:center;align-items:stretch;min-height:100dvh;display:flex}.app-frame{background:var(--zemin);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;transition:max-width .3s;display:flex;position:relative;box-shadow:0 0 40px #14233d26}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.icerik{flex:1;padding:16px 18px 20px;overflow-y:auto}.icerik.ortali{text-align:center;align-items:center}.baslik{color:var(--metin);margin-bottom:6px}.alt-baslik{margin:18px 0 10px}.altbaslik{color:var(--ana-mavi);margin-bottom:12px;font-size:18px;font-weight:600}.aciklama{color:var(--metin-soft);margin-bottom:6px}.topbar{align-items:center;gap:10px;padding:12px 14px 0;display:flex}.topbar-etiket{color:var(--ana-mavi);font-family:Fredoka,sans-serif;font-weight:600}.topbar-bosluk{flex:1}.btn{letter-spacing:0;border-radius:var(--r-orta);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;padding:14px 22px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s}.btn:active{transform:scale(.97)}.btn.birincil{background:linear-gradient(180deg, var(--ana-mavi), #1a51e0);color:#fff;box-shadow:0 6px 16px #1f5eff59}.btn.birincil:hover:not(:disabled){transform:scale(1.03);box-shadow:0 8px 22px #1f5eff80,0 0 0 4px #36cfff40}.btn.ikincil{color:var(--ana-mavi);border:2px solid var(--ana-mavi);background:#fff}.btn.ikincil:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 0 4px #1f5eff1f}.btn.ucuncul{color:var(--metin-soft);box-shadow:none;background:0 0}.btn.ucuncul:hover{color:var(--ana-mavi)}.btn.ikon{width:44px;height:44px;color:var(--ana-mavi);box-shadow:var(--golge-yumusak);background:#fff;border-radius:14px;padding:0;font-size:26px;line-height:1}.btn.yon{width:60px;height:60px;color:var(--ana-mavi);box-shadow:var(--golge-yumusak);border:2px solid var(--cizgi);background:#fff;border-radius:18px;padding:0;font-size:22px}.btn.yon:hover:not(:disabled){background:var(--ana-mavi);color:#fff;transform:scale(1.05)}.btn.buyuk{width:100%;padding:17px}.btn:disabled{background:var(--kilitli);color:#fff;box-shadow:none;cursor:not-allowed;opacity:.75;border-color:var(--kilitli)}.btn.ikincil:disabled{background:var(--kilitli)}.alt-aksiyon{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #eaf3ff00, var(--zemin) 30%);position:sticky;bottom:0}.alt-aksiyon.coklu{flex-direction:column;gap:10px;display:flex}.alt-aksiyon.coklu .btn{width:100%}.stepbar{padding:8px 0 calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cizgi);background:#fff;justify-content:center;gap:7px;display:flex}.step-dot{background:var(--cizgi);width:26px;height:26px;color:var(--metin-soft);cursor:pointer;border:none;border-radius:50%;font-size:12px;font-weight:600;transition:transform .15s}.step-dot.gecildi{background:var(--turkuaz);color:#fff}.step-dot.aktif{background:var(--ana-mavi);color:#fff;transform:scale(1.15)}.ekran-ana{justify-content:center}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:30px 22px;display:flex}.hero-badge{width:190px;height:190px;box-shadow:var(--golge);background:radial-gradient(circle at 50% 40%,#fff,#dcecff);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;animation:3s ease-in-out infinite suzul;display:flex}.hero-iha{filter:drop-shadow(0 10px 12px #14233d33);width:150%;transform:rotate(-8deg)}@keyframes suzul{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.kart{background:var(--kart);border-radius:var(--r-buyuk);box-shadow:var(--golge-yumusak);padding:16px}.bilgi-kart{border-left:5px solid var(--ana-mavi);margin:12px 0}.yonerge-liste{flex-direction:column;gap:10px;list-style:none;display:flex}.yonerge-liste li{border-radius:var(--r-kucuk);box-shadow:var(--golge-yumusak);background:#fff;padding:12px 14px 12px 40px;position:relative}.yonerge-liste li:before{content:"✓";color:var(--basarili);font-weight:600;position:absolute;left:14px}.yonerge-liste.kucuk li{padding:8px 12px 8px 34px;font-size:13.5px}.yonerge-liste.kucuk li:before{left:12px}.tanit-gorsel{filter:drop-shadow(0 10px 14px #14233d2e);width:78%;margin:10px auto 4px}.parca-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.parca-kart{text-align:center;flex-direction:column;align-items:center;padding:12px 10px;display:flex}.parca-gorsel-kutu{border-radius:var(--r-kucuk);background:linear-gradient(#f2f7ff,#e6f0ff);justify-content:center;align-items:center;width:100%;height:92px;margin-bottom:8px;display:flex;overflow:hidden}.parca-gorsel-kutu img{object-fit:contain;max-height:88px}.parca-ad{color:var(--ana-mavi)}.parca-aciklama{color:var(--metin-soft);margin:3px 0 8px}.rozet-cip{color:var(--ana-mavi);background:#eaf1ff;border-radius:20px;margin-top:auto;padding:3px 8px;font-size:11px;font-weight:600}.montaj-tahta{aspect-ratio:2816/1536;border-radius:var(--r-buyuk);width:100%;box-shadow:inset 0 0 0 2px var(--cizgi);touch-action:none;background:linear-gradient(#f4f9ff,#e3efff);margin:14px 0 10px;position:relative;overflow:hidden}.tahta-govde{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slot-hedef{background:#36cfff1a;border:3px dashed #3ea8ff;border-radius:50%;width:90px;height:90px;transition:all .25s;position:absolute;transform:translate(-50%,-50%)}.slot-hedef.vurgu{background:#2ecc711f;border-color:#2ecc71;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 15px #2ecc7180}@keyframes nabiz{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.yerlesen-parca{pointer-events:none;filter:drop-shadow(0 4px 6px #14233d40);width:26%;transition:left .2s ease-out,top .2s ease-out,transform .2s ease-out;animation:.35s otur;position:absolute;transform:translate(-50%,-50%)}@keyframes otur{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.montaj-mesaj{border-radius:var(--r-orta);text-align:center;margin:4px 0;padding:12px 14px;font-size:14.5px;font-weight:600}.montaj-mesaj.bilgi{color:var(--bilgi);background:#eaf1ff}.montaj-mesaj.basari{color:#1e9e46;background:#e4f9ea}.montaj-mesaj.uyari{color:#c9720a;background:#fff2df}.montaj-ilerleme{text-align:center;color:var(--metin-soft);margin:6px 0;font-size:13px;font-weight:600}.parca-tepsi{scroll-snap-type:x proximity;gap:10px;padding:8px 2px 4px;display:flex;overflow-x:auto}.tepsi-parca{border:2px solid var(--cizgi);border-radius:var(--r-orta);cursor:grab;width:92px;box-shadow:var(--golge-yumusak);scroll-snap-align:start;background:#fff;flex-direction:column;flex:none;align-items:center;gap:4px;padding:8px 6px;transition:transform .15s,border-color .15s;display:flex}.tepsi-parca:hover{border-color:var(--acik-mavi);transform:translateY(-3px)}.tepsi-parca img{object-fit:contain;pointer-events:none;width:64px;height:56px}.tepsi-parca span{color:var(--metin);text-align:center;font-size:11.5px;font-weight:600;line-height:1.1}.tepsi-parca.suruklenirken{opacity:.35}.tepsi-bitti{color:var(--basarili);align-self:center;padding:12px;font-weight:600}.surukleme-hayalet{z-index:60;pointer-events:none;filter:drop-shadow(0 8px 12px #14233d59);width:96px;height:96px;position:fixed;transform:translate(-50%,-50%)}.surukleme-hayalet img{object-fit:contain;width:100%;height:100%}.gosterge-liste{flex-direction:column;gap:16px;margin:18px 0;display:flex}.gosterge-ust{justify-content:space-between;margin-bottom:6px;font-size:15px;font-weight:600;display:flex}.gosterge-yuzde{color:var(--basarili)}.bar-dis{background:#e3ecfb;border-radius:20px;height:16px;overflow:hidden}.bar-dis.kucuk{height:11px}.bar-ic{border-radius:20px;height:100%;transition:width .4s,background .3s}.mini-gostergeler{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0;display:grid}.mini-bar{border-radius:var(--r-kucuk);box-shadow:var(--golge-yumusak);background:#fff;padding:8px}.mini-bar-ust{justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:600;display:flex}.harita-cerceve{aspect-ratio:3/2;border-radius:var(--r-buyuk);width:100%;box-shadow:var(--golge);margin-bottom:12px;position:relative;overflow:hidden}.harita-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.harita-nokta{color:#fff;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%)}.harita-nokta.kn{aspect-ratio:1;width:5%;height:auto;box-shadow:none;background:0 0;border:none}.kn-check{background:var(--basarili);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:900;line-height:1;animation:.25s ease-out check-pop;display:flex;position:absolute;bottom:-9px;right:-9px;box-shadow:0 2px 6px #34c7598c}@keyframes check-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.harita-nokta.duman{aspect-ratio:1;background:#ff4d4f24;border:2.5px dashed #ff4d4fe6;width:7%;height:auto}.harita-nokta.duman.aktif{border-style:solid;animation:.8s ease-in-out infinite nabiz-basit}@keyframes nabiz-basit{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.3)}}.iha-ikon{filter:drop-shadow(0 3px 5px #00000080);z-index:5;font-size:30px;transition:left .25s,top .25s;position:absolute;transform:translate(-50%,-50%)}.harita-kaplama{color:#fff;text-align:center;z-index:10;background:#14233dc7;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.harita-kaplama p{font-size:16px;font-weight:600}.mini-durum{text-align:center;color:var(--ana-mavi);border-radius:var(--r-kucuk);background:#eaf1ff;margin-bottom:10px;padding:8px}.yon-pad{flex-direction:column;align-items:center;gap:10px;margin:8px 0 4px;display:flex}.yon-orta{gap:60px;display:flex}.konfeti{font-size:54px;animation:2s ease-in-out infinite suzul}.odul-satiri{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}.odul-cip{color:#fff;border-radius:20px;padding:8px 14px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600}.odul-cip.puan{background:var(--turuncu)}.odul-cip.xp{background:var(--ana-mavi)}.odul-cip.tamam{background:var(--basarili)}.rozet-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:10px;display:grid}.rozet-kart{text-align:center;flex-direction:column;align-items:center;padding:14px 10px;animation:.4s backwards otur;display:flex}.rozet-madalya{border:3px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:8px;font-size:28px;display:flex}.rozet-ad{color:var(--metin)}.rozet-tebrik{color:var(--metin-soft);margin-top:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.logo-img{border:3px solid #ffffffd9;border-radius:22px;width:min(64%,260px);box-shadow:0 10px 26px #1f5eff4d}.hero-drone{filter:drop-shadow(0 18px 22px #14233d47);width:min(78%,330px);margin:6px 0 2px;animation:3.2s ease-in-out infinite suzul}.hero-avatarlar{justify-content:center;align-items:center;gap:14px;margin-top:10px;display:flex}.avatar{background:#fff;border:3px solid #fff;border-radius:50%;width:64px;height:64px;box-shadow:0 4px 12px #1f5eff4d}.avatar.buyuk{width:84px;height:84px}.avatar.kucuk{border-width:2px;width:44px;height:44px}.poster-kart{border-radius:var(--r-buyuk);width:100%;box-shadow:var(--golge);margin:4px 0 14px;animation:.4s otur;overflow:hidden}.poster-kart img{width:100%;display:block}.ses-dugme{z-index:40;width:42px;height:42px;box-shadow:var(--golge-yumusak);cursor:pointer;background:#ffffffe6;border:none;border-radius:14px;font-size:20px;transition:transform .15s;position:absolute;top:10px;right:12px}.ses-dugme:hover{transform:scale(1.08)}.tahta-govde{opacity:1}.balon-satir{align-items:center;gap:10px;margin:8px 0;animation:.3s balon-gel;display:flex}.balon{box-shadow:var(--golge-yumusak);color:var(--metin);background:#fff;border-radius:14px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;position:relative}.balon:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}@keyframes balon-gel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gorev-toast{color:var(--ana-mavi);z-index:12;white-space:nowrap;background:#fffffff2;border-radius:30px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13.5px;font-weight:600;animation:.25s balon-gel;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #14233d4d}.rozet-img{object-fit:contain;filter:drop-shadow(0 4px 8px #14233d40);width:74px;height:80px;margin-bottom:6px;animation:2.4s ease-in-out infinite rozet-parla}@keyframes rozet-parla{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.unvan-panel{border-radius:var(--r-buyuk);width:100%;box-shadow:var(--golge-yumusak);background:#fff;margin-top:16px;padding:14px}.unvan-baslik{color:var(--metin-soft);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:600}.unvan-sira{justify-content:center;align-items:center;gap:8px;display:flex}.unvan{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.unvan img{object-fit:contain;width:52px;height:52px}.unvan span{color:var(--metin-soft);text-align:center;font-size:11px;font-weight:600}.unvan.aktif img{filter:drop-shadow(0 0 8px var(--altin-sari));animation:2s ease-in-out infinite rozet-parla}.unvan.aktif span{color:var(--ana-mavi)}.unvan.kilitli img{filter:grayscale();opacity:.45}.unvan-ok{color:var(--kilitli);font-size:16px;font-weight:900}.konfeti-kap{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.konfeti-parca{border-radius:3px;width:10px;height:14px;animation:linear forwards konfeti-dus;position:absolute;top:-12px}@keyframes konfeti-dus{0%{opacity:1;transform:translateY(-10px)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(105vh)rotate(660deg)}}.gosterge-yuzde.dolduruluyor{color:var(--uyari)}.kontrol-onay{margin-left:6px;font-size:20px}.ust-ilerleme{z-index:35;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eaf3ffeb;padding:8px 112px 6px 16px;position:sticky;top:0}.ust-ilerleme-etiket{color:var(--metin-soft);justify-content:space-between;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.ust-ilerleme .bar-dis{height:8px}.ust-ilerleme .bar-ic{background:linear-gradient(90deg, var(--ana-mavi), var(--turkuaz))}.ekran-gecis{flex-direction:column;flex:1;min-height:0;animation:.35s ekran-gel;display:flex}@keyframes ekran-gel{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.gokyuzu{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.bulut{opacity:.5;filter:blur(1px);font-size:42px;animation:linear infinite bulut-kay;position:absolute}@keyframes bulut-kay{0%{transform:translate(-80px)}to{transform:translate(calc(100vw + 80px))}}.piril{background:#fff;border-radius:50%;width:6px;height:6px;animation:ease-in-out infinite piril-yan;position:absolute;box-shadow:0 0 8px 2px #36cfffcc}@keyframes piril-yan{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1)}}.screen>.icerik,.screen>.hero,.screen>.topbar,.screen>.alt-aksiyon{z-index:1;position:relative}.rehber{z-index:25;pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:8px;padding:4px 12px 0;display:flex;position:relative}.rehber.yapisik{position:sticky;bottom:86px}.rehber-balon{border:2px solid var(--acik-mavi);box-shadow:var(--golge);color:var(--metin);background:#fff;border-radius:16px 16px 4px;max-width:65%;padding:10px 14px;font-size:13.5px;font-weight:600;animation:.3s balon-gel;position:relative}.rehber-karakter{filter:drop-shadow(0 6px 10px #14233d4d);transform-origin:bottom;height:118px}.rehber-karakter.selam{animation:1.6s ease-in-out infinite rehber-selam}.rehber-karakter.mutlu{animation:.55s rehber-zipla}.rehber-karakter.dusun{animation:.6s rehber-egil}@keyframes rehber-selam{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)translateY(-4px)}}@keyframes rehber-zipla{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-18px)scale(1.05)}70%{transform:translateY(0)scale(.97)}}@keyframes rehber-egil{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}.kesif-sayac{background:linear-gradient(90deg, var(--ana-mavi), var(--turkuaz));color:#fff;border-radius:20px;align-items:center;gap:6px;margin:8px 0;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #1f5eff4d}.parca-kart{cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.parca-kart:hover{transform:translateY(-3px)}.parca-kart.kesfedildi{box-shadow:0 0 0 2.5px var(--turkuaz), var(--golge-yumusak)}.kesif-rozet{background:var(--basarili);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:900;animation:.3s otur;display:flex;position:absolute;top:8px;right:8px}.kontrol-liste{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.kontrol-madde{border-radius:var(--r-kucuk);box-shadow:var(--golge-yumusak);color:var(--metin-soft);background:#fff;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:color .3s;display:flex}.kontrol-madde.tamam{color:var(--metin)}.kontrol-tik{border:2px solid var(--cizgi);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.kontrol-madde.tamam .kontrol-tik{background:var(--basarili);border-color:var(--basarili);animation:.35s tik-pat}@keyframes tik-pat{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.ucus-drone{filter:drop-shadow(0 12px 16px #14233d40);width:58%;margin:4px auto 0;animation:3s ease-in-out infinite suzul}.hava-cip{border-radius:var(--r-kucuk);box-shadow:var(--golge-yumusak);background:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.hava-cip .etki{color:var(--metin-soft);font-size:12px;font-weight:600}.iha-gorsel{filter:drop-shadow(0 4px 6px #00000073);z-index:5;pointer-events:none;width:9%;transition:left .25s,top .25s;animation:1.6s ease-in-out infinite iha-titre;position:absolute;transform:translate(-50%,-50%)}@keyframes iha-titre{0%,to{margin-top:0}50%{margin-top:-3px}}.pervane-disk{pointer-events:none;background:conic-gradient(#fff0 0deg,#dcebffd9 40deg,#fff0 90deg,#dcebffd9 220deg,#fff0 270deg);border-radius:50%;animation:.5s linear infinite pervane-don;position:absolute;transform:translate(-50%,-50%)}@keyframes pervane-don{to{transform:translate(-50%,-50%)rotate(360deg)}}.vitrin{justify-content:center;align-items:center;width:168px;height:168px;margin:8px auto;display:flex;position:relative}.vitrin-isin{filter:blur(1px);background:conic-gradient(#ffd44a00 0deg,#ffd44a80 20deg,#ffd44a00 40deg,#ffd44a80 60deg,#ffd44a00 80deg,#ffd44a80 100deg,#ffd44a00 120deg,#ffd44a80 140deg,#ffd44a00 160deg,#ffd44a80 180deg,#ffd44a00 200deg,#ffd44a80 220deg,#ffd44a00 240deg,#ffd44a80 260deg,#ffd44a00 280deg,#ffd44a80 300deg,#ffd44a00 320deg,#ffd44a80 340deg,#ffd44a00 360deg);border-radius:50%;animation:9s linear infinite pervane-don;position:absolute;inset:-14px}.vitrin img{object-fit:contain;filter:drop-shadow(0 8px 16px #14233d59);width:128px;height:138px;animation:2.2s ease-in-out infinite rozet-parla;position:relative}.vitrin-yildiz{font-size:18px;animation:1.8s ease-in-out infinite piril-yan;position:absolute}.basari-serit{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.basari-cip{border:2px solid var(--altin-sari);color:var(--metin);box-shadow:var(--golge-yumusak);background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;animation:.4s backwards otur;display:inline-flex}.ogrenilen-kart{border-radius:var(--r-buyuk);text-align:left;width:100%;box-shadow:var(--golge-yumusak);background:linear-gradient(135deg,#eaf3ff,#e0fbf5);margin-top:14px;padding:14px 16px}.ogrenilen-kart h3{color:var(--ana-mavi);margin-bottom:8px;font-size:15px}.ogrenilen-kart li{color:var(--metin-soft);margin:5px 0 5px 4px;font-size:13px;font-weight:600;list-style:none}.sonuc-sayilar{justify-content:center;gap:10px;margin:10px 0 2px;display:flex}.sayi-kart{border-radius:var(--r-kucuk);box-shadow:var(--golge-yumusak);text-align:center;background:#fff;padding:10px 16px}.sayi-kart b{color:var(--ana-mavi);font-family:Fredoka,sans-serif;font-size:22px;display:block}.sayi-kart span{color:var(--metin-soft);font-size:11px;font-weight:600}.sertifika-kaplama{z-index:100;background:#14233dbf;justify-content:center;align-items:center;padding:20px;animation:.3s balon-gel;display:flex;position:fixed;inset:0}.sertifika{border:5px solid var(--altin-sari);outline:3px solid var(--ana-mavi);outline-offset:-12px;text-align:center;background:linear-gradient(160deg,#fff,#eef5ff);border-radius:22px;width:100%;max-width:420px;padding:30px 24px 24px;position:relative;box-shadow:0 24px 60px #0006}.sertifika img.amblem{width:110px;margin:0 auto 8px}.sertifika h2{color:var(--metin);margin-bottom:4px;font-size:24px}.sertifika .alt-yazi{color:var(--metin-soft);margin-bottom:12px;font-size:13px;font-weight:600}.sertifika .buyuk-mesaj{color:var(--ana-mavi);background:#eaf3ff;border-radius:12px;margin-bottom:12px;padding:10px;font-family:Fredoka,sans-serif;font-size:17px}.sertifika .rozet-dizi{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.sertifika .rozet-dizi img{object-fit:contain;width:44px;height:48px}.sertifika .tarih{color:var(--metin-soft);margin-bottom:14px;font-size:12px;font-weight:600}.sertifika .karakterler{filter:drop-shadow(0 6px 8px #14233d4d);height:130px;position:absolute;bottom:-12px;left:-14px}.bilgi-toast{border-left:5px solid var(--bilgi);color:var(--metin);background:#fff;border-radius:12px;margin:8px 16px;padding:10px 16px;font-size:13px;font-weight:600;animation:.35s bilgi-ac;overflow:hidden;box-shadow:0 8px 24px #14233d40}@keyframes bilgi-ac{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:80px}}.bilgi-toast b{color:var(--bilgi)}.ust-dugmeler{z-index:40;gap:8px;display:flex;position:absolute;top:10px;right:12px}.ust-dugmeler .ses-dugme{position:static}.title-xl{letter-spacing:0;color:#163d74;font-family:Fredoka,sans-serif;font-size:48px;font-weight:600;line-height:1.2}.title-lg{letter-spacing:0;color:#163d74;font-family:Fredoka,sans-serif;font-size:38px;font-weight:600;line-height:1.2}.title-md{letter-spacing:0;color:#163d74;font-family:Fredoka,sans-serif;font-size:26px;font-weight:600;line-height:1.3}.button-text{letter-spacing:0;font-family:Fredoka,sans-serif;font-size:22px;font-weight:600}.body{letter-spacing:0;color:#4f5b6a;font-family:Nunito,sans-serif;font-size:18px;font-weight:600;line-height:1.5}.body-small{letter-spacing:0;color:#6b7280;font-family:Nunito,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.caption{letter-spacing:0;color:#6b7280;font-family:Nunito,sans-serif;font-size:14px;font-weight:500;line-height:1.5}@media (width>=900px){.app-frame.genis{max-width:860px}.app-frame.genis .harita-nokta{width:46px;height:46px;font-size:20px}}.buton-ipucu{text-align:center;margin-bottom:8px;animation:.3s balon-gel}