\u015eansl\u0131 Kart\u0131n\u0131 Se\u00e7<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n background-color: #f3e8ff;\r\n background-image: radial-gradient(#d8b4fe 2px, transparent 2px);\r\n background-size: 30px 30px;\r\n overflow-x: hidden;\r\n }\r\n\r\n * { -webkit-tap-highlight-color: transparent; }\r\n\r\n .perspective-1000 {\r\n perspective: 1000px;\r\n }\r\n \r\n .transform-style-3d {\r\n transform-style: preserve-3d;\r\n transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n \r\n .backface-hidden {\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n }\r\n \r\n .rotate-y-180 {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .card-front {\r\n transform: rotateY(180deg);\r\n }\r\n \r\n @keyframes float {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n \r\n .floating {\r\n animation: float 3s ease-in-out infinite;\r\n }\r\n\r\n .zoom-in { animation: zoomIn 0.5s ease-out forwards; }\r\n @keyframes zoomIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-slate-800 select-none\">\r\n\r\n <canvas id=\"confetti-canvas\" class=\"fixed inset-0 pointer-events-none z-50 w-full h-full\"><\/canvas>\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-4\">\r\n \r\n <div class=\"w-full max-w-md bg-white rounded-3xl shadow-2xl overflow-hidden border border-purple-200 relative flex flex-col\">\r\n \r\n <div class=\"bg-gradient-to-r from-purple-950 via-purple-900 to-indigo-950 text-white p-6 text-center rounded-b-3xl shadow-[0_4px_20px_rgba(59,7,100,0.4)] z-20 relative border-b border-purple-800\">\r\n <i data-lucide=\"sparkles\" class=\"w-8 h-8 mx-auto mb-2 opacity-90 text-yellow-400\"><\/i>\r\n <h1 class=\"text-3xl font-black tracking-tight italic uppercase text-yellow-400 drop-shadow-md\">G\u00fcn\u00fcn \u015eansl\u0131s\u0131<\/h1>\r\n <p class=\"text-purple-200 text-sm mt-1 font-medium\">S\u00fcrpriz indirimini kap!<\/p>\r\n <\/div>\r\n\r\n <div class=\"relative p-6 min-h-[420px] flex flex-col justify-center\">\r\n \r\n <div id=\"game-container\" class=\"flex flex-col items-center w-full transition-opacity duration-500\">\r\n \r\n <p class=\"text-slate-500 text-center mb-8 px-2 font-medium\">\r\n \u0130\u00e7inden gelen kart\u0131 se\u00e7, g\u00fcn\u00fcn s\u00fcrprizi ve sana \u00f6zel mesaj\u0131n ortaya \u00e7\u0131ks\u0131n.\r\n <\/p>\r\n\r\n <div class=\"flex justify-center gap-3 w-full perspective-1000 mb-4\" id=\"cards-wrapper\">\r\n \r\n <div class=\"relative w-28 h-40 cursor-pointer group card-element\" onclick=\"selectCard(0, this)\">\r\n <div class=\"w-full h-full transform-style-3d absolute inset-0 card-inner shadow-md rounded-xl\">\r\n <div class=\"absolute w-full h-full backface-hidden bg-gradient-to-br from-indigo-950 to-purple-900 rounded-xl border-4 border-purple-700\/80 flex items-center justify-center shadow-[0_4px_15px_rgba(59,7,100,0.5)] group-hover:shadow-[0_0_20px_rgba(168,85,247,0.6)] transition-all duration-300 floating\" style=\"animation-delay: 0s;\">\r\n <div class=\"border-2 border-dashed border-purple-500\/50 w-10\/12 h-[90%] rounded-lg flex flex-col items-center justify-center p-2 bg-purple-950\/40\">\r\n <i data-lucide=\"sparkles\" class=\"text-yellow-400 w-8 h-8 mb-2 drop-shadow-md\"><\/i>\r\n <div class=\"w-full border-t-2 border-dashed border-purple-500\/30 my-1\"><\/div>\r\n <i data-lucide=\"moon\" class=\"text-purple-200 w-5 h-5 mt-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute w-full h-full backface-hidden card-front bg-slate-50 rounded-xl border-4 border-purple-800 flex items-center justify-center shadow-2xl\">\r\n <div class=\"text-center p-2\">\r\n <i data-lucide=\"gift\" class=\"text-purple-900 w-10 h-10 mx-auto mb-2\"><\/i>\r\n <p class=\"text-purple-950 font-black text-[11px] leading-tight uppercase tracking-wider\">S\u00fcrpriz<br>Senin!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative w-28 h-40 cursor-pointer group card-element\" onclick=\"selectCard(1, this)\">\r\n <div class=\"w-full h-full transform-style-3d absolute inset-0 card-inner shadow-md rounded-xl\">\r\n <div class=\"absolute w-full h-full backface-hidden bg-gradient-to-br from-indigo-950 to-purple-900 rounded-xl border-4 border-purple-700\/80 flex items-center justify-center shadow-[0_4px_15px_rgba(59,7,100,0.5)] group-hover:shadow-[0_0_20px_rgba(168,85,247,0.6)] transition-all duration-300 floating\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"border-2 border-dashed border-purple-500\/50 w-10\/12 h-[90%] rounded-lg flex flex-col items-center justify-center p-2 bg-purple-950\/40\">\r\n <i data-lucide=\"sparkles\" class=\"text-yellow-400 w-8 h-8 mb-2 drop-shadow-md\"><\/i>\r\n <div class=\"w-full border-t-2 border-dashed border-purple-500\/30 my-1\"><\/div>\r\n <i data-lucide=\"star\" class=\"text-purple-200 w-5 h-5 mt-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute w-full h-full backface-hidden card-front bg-slate-50 rounded-xl border-4 border-purple-800 flex items-center justify-center shadow-2xl\">\r\n <div class=\"text-center p-2\">\r\n <i data-lucide=\"gift\" class=\"text-purple-900 w-10 h-10 mx-auto mb-2\"><\/i>\r\n <p class=\"text-purple-950 font-black text-[11px] leading-tight uppercase tracking-wider\">S\u00fcrpriz<br>Senin!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative w-28 h-40 cursor-pointer group card-element\" onclick=\"selectCard(2, this)\">\r\n <div class=\"w-full h-full transform-style-3d absolute inset-0 card-inner shadow-md rounded-xl\">\r\n <div class=\"absolute w-full h-full backface-hidden bg-gradient-to-br from-indigo-950 to-purple-900 rounded-xl border-4 border-purple-700\/80 flex items-center justify-center shadow-[0_4px_15px_rgba(59,7,100,0.5)] group-hover:shadow-[0_0_20px_rgba(168,85,247,0.6)] transition-all duration-300 floating\" style=\"animation-delay: 1s;\">\r\n <div class=\"border-2 border-dashed border-purple-500\/50 w-10\/12 h-[90%] rounded-lg flex flex-col items-center justify-center p-2 bg-purple-950\/40\">\r\n <i data-lucide=\"sparkles\" class=\"text-yellow-400 w-8 h-8 mb-2 drop-shadow-md\"><\/i>\r\n <div class=\"w-full border-t-2 border-dashed border-purple-500\/30 my-1\"><\/div>\r\n <i data-lucide=\"sun\" class=\"text-purple-200 w-5 h-5 mt-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute w-full h-full backface-hidden card-front bg-slate-50 rounded-xl border-4 border-purple-800 flex items-center justify-center shadow-2xl\">\r\n <div class=\"text-center p-2\">\r\n <i data-lucide=\"gift\" class=\"text-purple-900 w-10 h-10 mx-auto mb-2\"><\/i>\r\n <p class=\"text-purple-950 font-black text-[11px] leading-tight uppercase tracking-wider\">S\u00fcrpriz<br>Senin!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"result-screen\" class=\"absolute inset-0 bg-purple-50\/95 backdrop-blur-md z-30 flex flex-col items-center justify-center p-6 opacity-0 pointer-events-none transition-opacity duration-500\">\r\n \r\n <div id=\"result-card\" class=\"w-full text-center transform scale-95 transition-transform duration-500 flex flex-col items-center\">\r\n <div class=\"text-7xl mb-4 drop-shadow-lg\">\ud83c\udf89<\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-purple-950 mb-2\">G\u00fcn\u00fcn Fal\u0131<\/h2>\r\n <p class=\"text-purple-700 mb-6 font-medium\">\u0130\u015fte sana \u00f6zel mesaj\u0131n ve s\u00fcrprizin:<\/p>\r\n \r\n <div class=\"bg-white border-2 border-dashed border-purple-400 rounded-xl p-6 mb-8 w-full relative text-left shadow-lg\">\r\n <div class=\"absolute -right-4 -top-4 w-16 h-16 bg-purple-200 rounded-full opacity-50\"><\/div>\r\n <i data-lucide=\"quote\" class=\"text-purple-300 w-6 h-6 mb-2 absolute top-4 left-4 opacity-50\"><\/i>\r\n <p id=\"fortune-text\" class=\"text-purple-950 text-sm italic leading-relaxed font-semibold relative z-10 text-center px-4\">\r\n \"Mesaj buraya gelecek.\"\r\n <\/p>\r\n <\/div>\r\n \r\n <button onclick=\"returnToMenu()\" class=\"w-full bg-gradient-to-r from-purple-900 to-indigo-900 hover:from-purple-800 hover:to-indigo-800 text-white font-bold py-4 px-8 rounded-xl flex items-center justify-center transition-transform active:scale-95 shadow-lg shadow-purple-900\/40\">\r\n <i data-lucide=\"coffee\" class=\"w-5 h-5 mr-2 text-purple-200\"><\/i>\r\n Fal\u0131m\u0131 Ald\u0131m, Men\u00fcye D\u00f6n\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n \r\n <script>\r\n lucide.createIcons();\r\n\r\n const prizes = [\r\n { message: \"Bug\u00fcn i\u015flerin tam da istedi\u011fin gibi gidecek. Bu g\u00fczel enerjiyi ta\u00e7land\u0131rmak i\u00e7in bug\u00fcn sipari\u015flerinde %10 indirim bizden sana hediye, keyfini \u00e7\u0131kar.\" },\r\n { message: \"Evrenden sana bug\u00fcn 'her \u015fey \u00e7ok g\u00fczel olacak' mesaj\u0131 var! Bu pozitif dalgay\u0131 yakalaman i\u00e7in t\u00fcm sipari\u015flerinde an\u0131nda %10 indirim seninle.\" },\r\n { message: \"Uzun zamand\u0131r bekledi\u011fin o g\u00fczel haber yakla\u015f\u0131yor. Kutlamalara \u015fimdiden ba\u015flamak i\u00e7in t\u00fcm men\u00fcde %10 indirimini hemen kullanabilirsin.\" },\r\n { message: \"3 vakte kadar i\u00e7ini \u0131s\u0131tacak \u00e7ok g\u00fczel bir haber alacaks\u0131n. O haberi beklerken i\u00e7in daha da \u0131s\u0131ns\u0131n diye, bug\u00fcn se\u00e7ece\u011fin t\u00fcm s\u0131cak i\u00e7eceklerde bir boy b\u00fcy\u00fc\u011f\u00fc senin i\u00e7in bizden.\" },\r\n { message: \"Bug\u00fcn etraf\u0131na yayd\u0131\u011f\u0131n s\u0131cakl\u0131k herkesin dikkatini \u00e7ekiyor. Bu s\u0131cak enerjiyi ta\u00e7land\u0131rmak i\u00e7in s\u0131cak i\u00e7ecek sipari\u015flerinde an\u0131nda bir boy b\u00fcy\u00fctme bizden hediye.\" },\r\n { message: \"\u0130\u00e7ine dert etti\u011fin o ufak meseleler bug\u00fcn bir bir \u00e7\u00f6z\u00fclecek. 'Oh be' demek i\u00e7in derin bir nefes al, \u00fcst\u00fcne de s\u0131cak i\u00e7eceklerde bir boy b\u00fcy\u00fc\u011f\u00fc bizden, keyfini s\u00fcr!\" },\r\n { message: \"Buzz gibi olan g\u00f6nl\u00fcn\u00fcn, biri gelecek ve bakacaks\u0131n ki buzlar\u0131 \u00e7\u00f6z\u00fclecek. O an\u0131 kutlamak i\u00e7in bug\u00fcn so\u011fuk i\u00e7eceklerde ikincisi %50 indirimle seni bekliyor.\" },\r\n { message: \"Hayat bazen \u00e7ok h\u0131zl\u0131 ak\u0131yor, bug\u00fcn biraz yava\u015fla ve an\u0131 ya\u015fa. Sana bu anlarda e\u015flik edecek sevdiklerinle i\u00e7ece\u011fin so\u011fuk i\u00e7eceklerde ikincisi %50 indirimli.\" },\r\n { message: \"Bug\u00fcn enerjin o kadar y\u00fcksek ki, etraf\u0131ndaki herkesi b\u00fcy\u00fcl\u00fcyorsun! Bu co\u015fkunu payla\u015fman i\u00e7in so\u011fuk i\u00e7eceklerde ikincisi %50 indirimli.\" },\r\n { message: \"Fal\u0131nda b\u00fcy\u00fck k\u0131smetler g\u00f6r\u00fcyorum, kesinlikle bi kahve fal\u0131na bak derim. Sohbetin koyula\u015fs\u0131n diye T\u00fcrk kahvesinde ikincisi bizden sana %40 indirimli.\" },\r\n { message: \"Bazen en derin s\u0131rlar bir kahve fincan\u0131n\u0131n telvesinde gizlidir. Dostunla s\u0131rda\u015fl\u0131k yaparken T\u00fcrk kahvesinin ikincisi %40 indirimle masanda.\" },\r\n { message: \"Bug\u00fcn ge\u00e7mi\u015ften gelen tatl\u0131 bir an\u0131 y\u00fcz\u00fcnde tebess\u00fcm olu\u015fturacak. O an\u0131y\u0131 bir dostla yad etmek i\u00e7in T\u00fcrk kahvesinin ikincisi %40 indirimli.\" },\r\n { message: \"Hayat bazen beklenmedik s\u00fcrprizler yapar, bug\u00fcn senin i\u00e7in tatl\u0131 bir s\u00fcrpriz yolda. A\u011fz\u0131n\u0131n tad\u0131 hi\u00e7 bozulmas\u0131n diye bug\u00fcn se\u00e7ece\u011fin tatl\u0131da %20 indirim bizden.\" },\r\n { message: \"Bug\u00fcn kendini bir y\u0131ld\u0131z gibi hissetmen i\u00e7in hi\u00e7bir engel yok! I\u015f\u0131lt\u0131na tatl\u0131 bir mola katmak i\u00e7in t\u00fcm tatl\u0131lar\u0131m\u0131zda an\u0131nda %20 indirim g\u00f6r\u00fcyorum.\" },\r\n { message: \"Bug\u00fcn kendine koydu\u011fun kurallar\u0131 biraz esnetme vakti. Hayata tatl\u0131 bir mola vermen i\u00e7in se\u00e7ece\u011fin tatl\u0131da %20 indirim an\u0131nda seninle.\" },\r\n { message: \"Son zamanlarda ko\u015fturmacadan biraz yorulmu\u015fsun, bug\u00fcn durup dinlenme vakti. Derin bir nefes al ve an\u0131n tad\u0131n\u0131 \u00e7\u0131kar diye, bug\u00fcn s\u00f6yleyece\u011fin ilk demli \u00e7ay\u0131n bizden.\" },\r\n { message: \"Eski bir dostun kula\u011f\u0131n\u0131 \u00e7\u0131nlatt\u0131, yak\u0131nda sana ula\u015facak. Bu hasreti dindirecek sohbetlerin provas\u0131n\u0131 yap diye ilk \u00e7ay\u0131n bizden hediye.\" },\r\n { message: \"G\u00fcn\u00fcn yorgunlu\u011fu ince belli bir bardakta son bulsun. Tav\u015fan kan\u0131 bir mola i\u00e7in bug\u00fcn ilk \u00e7ay\u0131n bizden, afiyet olsun.\" },\r\n { message: \"\u015eans perileri bug\u00fcn tam omuzunda oturuyor! \u0130\u00e7inden ge\u00e7irdi\u011fin o dilek her an ger\u00e7ek olabilir. Bu \u015fansl\u0131 g\u00fcn\u00fcn\u00fc kutlamak i\u00e7in men\u00fcden alaca\u011f\u0131n bi at\u0131\u015ft\u0131rmal\u0131\u011fa %10 indirim g\u00f6r\u00fcyorum.\" },\r\n { message: \"K\u00fc\u00e7\u00fck ba\u015flang\u0131\u00e7lar bazen en b\u00fcy\u00fck hikayelere gebedir. Bug\u00fcn ataca\u011f\u0131n her ad\u0131mda \u015fans seninle. Hikayene lezzet katacak at\u0131\u015ft\u0131rmal\u0131klarda %10 indirim kazand\u0131n.\" },\r\n { message: \"K\u00fc\u00e7\u00fck mutluluklar bug\u00fcn b\u00fcy\u00fck sevin\u00e7lere d\u00f6n\u00fc\u015fecek. Bu mutlulu\u011fu ta\u00e7land\u0131rmak i\u00e7in at\u0131\u015ft\u0131rmal\u0131k sipari\u015flerinde %10 indirim seninle.\" },\r\n { message: \"Bug\u00fcn zihninin \u00e7ok parlak ve yo\u011fun \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6r\u00fcyorum, harika fikirler kap\u0131da! O ilham perileri hi\u00e7 gitmesin diye filtre kahvelerde %20 indirim bizden.\" },\r\n { message: \"Odaklan\u0131p ba\u015farmak istedi\u011fin ne varsa bug\u00fcn y\u0131ld\u0131zlar seni destekliyor. Zihnini iyice a\u00e7acak filtre kahvelerde %20 indirimle ba\u015far\u0131ya bir ad\u0131m daha yakla\u015f!\" },\r\n { message: \"Bug\u00fcn kar\u015f\u0131na \u00e7\u0131kacak yeni bir f\u0131rsat seni \u00e7ok heyecanland\u0131racak. Zihnini zinde tutmak ve o f\u0131rsat\u0131 yakalamak i\u00e7in filtre kahvelerde %20 indirim bizden.\" },\r\n { message: \"\u00c7ok yak\u0131nda y\u00fcz\u00fcn\u00fc g\u00fcld\u00fcrecek eski bir dosttan mesaj alacaks\u0131n. G\u00fczel an\u0131lar\u0131 yad etmek i\u00e7in harika bir g\u00fcn! Yan\u0131nda bir arkada\u015f\u0131nla payla\u015ft\u0131\u011f\u0131n tatl\u0131larda ikincisi %50 indirimli.\" },\r\n { message: \"Bug\u00fcn payla\u015fman\u0131n ve beraber g\u00fclmenin g\u00fcc\u00fc seninle. En sevdi\u011fin ki\u015fiyle an\u0131 tatland\u0131rman i\u00e7in se\u00e7ece\u011fin tatl\u0131larda ikincisi %50 indirimli.\" },\r\n { message: \"Bug\u00fcn sevdiklerinle kuraca\u011f\u0131n ba\u011flar her zamankinden daha g\u00fc\u00e7l\u00fc olacak. Birlikte ge\u00e7irilecek tatl\u0131 dakikalara e\u015flik etsin diye tatl\u0131larda ikincisi %50 indirimli.\" },\r\n { message: \"G\u00fcne harika bir enerjiyle ba\u015flam\u0131\u015fs\u0131n, bug\u00fcn etraf\u0131na adeta \u0131\u015f\u0131k sa\u00e7acaks\u0131n. Bu parlak enerjini g\u00fcn boyu koruman i\u00e7in kahvalt\u0131 ve f\u0131r\u0131n \u00fcr\u00fcnlerinde %15 indirim seni bekliyor.\" },\r\n { message: \"Erken kalkan yol al\u0131r, sen ise bug\u00fcn hem yol hem de \u015fans al\u0131yorsun! G\u00fcne s\u0131cac\u0131k bir ba\u015flang\u0131\u00e7 yapman i\u00e7in kahvalt\u0131 ve f\u0131r\u0131n lezzetlerinde %15 indirim seninle.\" },\r\n { message: \"Sabah\u0131n o taze ve umut dolu enerjisi bug\u00fcn b\u00fct\u00fcn g\u00fcn\u00fcne yay\u0131lacak. Bu tazeli\u011fi hissetmen i\u00e7in kahvalt\u0131 ve f\u0131r\u0131n lezzetlerinde %15 indirim kazand\u0131n.\" },\r\n { message: \"Kalp ritmini h\u0131zland\u0131racak tatl\u0131 bir kar\u015f\u0131la\u015fma an meselesi, heyecan\u0131n\u0131 \u015fimdiden hissediyorum! Bu g\u00fczel g\u00fcn\u00fcn tad\u0131n\u0131 \u00e7\u0131karman i\u00e7in t\u00fcm pastalarda %15 indirim seninle.\" },\r\n { message: \"Bug\u00fcn kutlamaya de\u011fer \u00e7ok g\u00fczel hisler i\u00e7indesin! Kendi k\u00fc\u00e7\u00fck kutlaman\u0131 yapman i\u00e7in nefis pastalar\u0131m\u0131zda an\u0131nda %15 indirim kazand\u0131n.\" },\r\n { message: \"Bug\u00fcn akl\u0131ndan ge\u00e7en o g\u00fczel dilek, hi\u00e7 beklemedi\u011fin bir anda kar\u015f\u0131na \u00e7\u0131kacak. Bu tatl\u0131 tesad\u00fcf\u00fc kutlamak i\u00e7in pastalar\u0131m\u0131zda %15 indirim seni bekliyor.\" },\r\n { message: \"Bug\u00fcn i\u00e7ine tamamen \u00e7ocuksu bir ne\u015fe dolacak, ge\u00e7mi\u015ften \u00e7ok g\u00fczel bir hat\u0131ra y\u00fcz\u00fcn\u00fc g\u00fcld\u00fcrecek. Bu ne\u015feye e\u015flik etmesi i\u00e7in ferahlat\u0131c\u0131 so\u011fuk i\u00e7eceklerimizde %20 indirim g\u00f6r\u00fcyorum.\" },\r\n { message: \"Akl\u0131n\u0131 kurcalayan sorular bug\u00fcn bir anda r\u00fczgar gibi esip ge\u00e7ecek. Bu ferahl\u0131\u011f\u0131 hissetmen i\u00e7in buz gibi so\u011fuk i\u00e7eceklerde %20 indirim senin.\" },\r\n { message: \"Bug\u00fcn ald\u0131\u011f\u0131n bir haber i\u00e7ine su serpecek, derin bir oh \u00e7ekeceksin. Bu ferahl\u0131\u011f\u0131 ta\u00e7land\u0131rmak i\u00e7in so\u011fuk i\u00e7eceklerde %20 indirim seninle.\" },\r\n { message: \"Hep sevdiklerini d\u00fc\u015f\u00fcn\u00fcyorsun, ama bug\u00fcn tamamen kendini \u015f\u0131martma vakti. Kendine hak etti\u011fin o molay\u0131 vermen i\u00e7in mekan\u0131m\u0131z\u0131n en \u00f6zel imza i\u00e7eceklerinde %15 indirim bizden.\" },\r\n { message: \"Bug\u00fcn sen \u00e7ok \u00f6zelsin ve y\u0131ld\u0131z\u0131n parl\u0131yor! Bu e\u015fsiz enerjini kutlamak i\u00e7in men\u00fcm\u00fcz\u00fcn en \u00f6zel imza i\u00e7eceklerinde %15 indirim sadece sana \u00f6zel tan\u0131mland\u0131.\" },\r\n { message: \"Kendine has tarz\u0131n bug\u00fcn etraf\u0131ndaki herkese ilham verecek. Bu e\u015fsizli\u011fini kutlamak ad\u0131na mekan\u0131m\u0131z\u0131n imza i\u00e7eceklerinde sana \u00f6zel %15 indirim tan\u0131mland\u0131.\" }\r\n ];\r\n\r\n let isGameActive = true;\r\n\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!AudioContextClass) return null;\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') {\r\n audioCtx.resume();\r\n }\r\n return audioCtx;\r\n }\r\n\r\n function playExtremeMystic() {\r\n const ctx = ensureAudioContext();\r\n if (!ctx) return;\r\n\r\n const now = ctx.currentTime;\r\n const TOTAL_DURATION = 4;\r\n\r\n createDrone(65.41, now, TOTAL_DURATION, 'sine', 0.2);\r\n createDrone(98.00, now + 0.3, TOTAL_DURATION - 0.5, 'triangle', 0.08);\r\n\r\n const mysticNotes = [261.63, 311.13, 392.00, 493.88];\r\n \r\n mysticNotes.forEach((freq, i) => {\r\n const startTime = now + (i * 0.15);\r\n const duration = TOTAL_DURATION - (i * 0.4);\r\n \r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n const filter = audioCtx.createBiquadFilter();\r\n\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n osc.frequency.exponentialRampToValueAtTime(freq * 1.005, startTime + 1.5);\r\n \r\n filter.type = 'lowpass';\r\n filter.frequency.setValueAtTime(1800, startTime);\r\n filter.frequency.exponentialRampToValueAtTime(150, startTime + duration);\r\n\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(0.12, startTime + 0.5);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n\r\n osc.connect(filter);\r\n filter.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n\r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n });\r\n\r\n for (let i = 0; i < 20; i++) {\r\n const sparkleTime = now + (Math.random() * 2.5);\r\n const sparkleFreq = 2200 + (Math.random() * 3500);\r\n createSparkle(sparkleFreq, sparkleTime, 0.6 + Math.random() * 0.4);\r\n }\r\n }\r\n\r\n function createDrone(freq, startTime, duration, type, maxVol) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n \r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n \r\n const lfo = audioCtx.createOscillator();\r\n const lfoGain = audioCtx.createGain();\r\n lfo.frequency.setValueAtTime(0.7, startTime);\r\n lfoGain.gain.setValueAtTime(1.5, startTime);\r\n \r\n lfo.connect(lfoGain);\r\n lfoGain.connect(osc.frequency);\r\n \r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(maxVol, startTime + 0.8);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n \r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n \r\n lfo.start(startTime);\r\n osc.start(startTime);\r\n lfo.stop(startTime + duration);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n function createSparkle(freq, startTime, duration) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n \r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n \r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(0.04, startTime + 0.05);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n \r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n \r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n function selectCard(index, element) {\r\n if (!isGameActive) return;\r\n isGameActive = false;\r\n\r\n ensureAudioContext();\r\n\r\n const allCards = document.querySelectorAll('.card-element');\r\n const cardInner = element.querySelector('.card-inner');\r\n\r\n cardInner.classList.add('rotate-y-180');\r\n element.classList.remove('floating');\r\n element.style.transform = \"scale(1.1) translateY(-10px)\";\r\n element.style.zIndex = \"20\";\r\n element.style.transition = \"transform 0.5s ease\";\r\n\r\n allCards.forEach((card, i) => {\r\n if (i !== index) {\r\n card.style.transition = \"opacity 0.5s ease, transform 0.5s ease\";\r\n card.style.opacity = \"0\";\r\n card.style.transform = \"scale(0.8)\";\r\n card.classList.remove('floating');\r\n }\r\n });\r\n\r\n const randomPrize = prizes[Math.floor(Math.random() * prizes.length)];\r\n\r\n setTimeout(() => {\r\n showResult(randomPrize);\r\n }, 1000);\r\n }\r\n\r\n function showResult(prizeData) {\r\n document.getElementById('fortune-text').innerText = `\"${prizeData.message}\"`;\r\n\r\n const resultScreen = document.getElementById('result-screen');\r\n const resultCard = document.getElementById('result-card');\r\n \r\n resultScreen.classList.remove('opacity-0', 'pointer-events-none');\r\n resultCard.classList.remove('scale-95');\r\n resultCard.classList.add('scale-100');\r\n\r\n playExtremeMystic();\r\n triggerConfetti();\r\n lucide.createIcons();\r\n }\r\n\r\n function triggerConfetti() {\r\n var duration = 3 * 1000;\r\n var animationEnd = Date.now() + duration;\r\n var defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 100 };\r\n\r\n function randomInRange(min, max) {\r\n return Math.random() * (max - min) + min;\r\n }\r\n\r\n var interval = setInterval(function() {\r\n var timeLeft = animationEnd - Date.now();\r\n\r\n if (timeLeft <= 0) {\r\n return clearInterval(interval);\r\n }\r\n\r\n var particleCount = 50 * (timeLeft \/ duration);\r\n confetti(Object.assign({}, defaults, {\r\n particleCount,\r\n origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }\r\n }));\r\n confetti(Object.assign({}, defaults, {\r\n particleCount,\r\n origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }\r\n }));\r\n }, 250);\r\n }\r\n\r\n function returnToMenu() {\r\n alert(\"G\u00fcn\u00fcn fal\u0131 okundu ve s\u00fcrprizin masana\/hesab\u0131na tan\u0131mland\u0131! Men\u00fcye y\u00f6nlendiriliyorsunuz...\");\r\n resetGame();\r\n }\r\n\r\n function resetGame() {\r\n isGameActive = true;\r\n \r\n const resultScreen = document.getElementById('result-screen');\r\n const resultCard = document.getElementById('result-card');\r\n resultScreen.classList.add('opacity-0', 'pointer-events-none');\r\n resultCard.classList.remove('scale-100');\r\n resultCard.classList.add('scale-95');\r\n\r\n const allCards = document.querySelectorAll('.card-element');\r\n allCards.forEach(card => {\r\n const inner = card.querySelector('.card-inner');\r\n inner.classList.remove('rotate-y-180');\r\n card.style.opacity = \"1\";\r\n card.style.transform = \"scale(1) translateY(0)\";\r\n card.classList.add('floating');\r\n });\r\n\r\n lucide.createIcons();\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c79752 e-flex e-con-boxed e-con e-parent\" data-id=\"1c79752\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5217ac7 elementor-widget elementor-widget-html\" data-id=\"5217ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet E\u015fle\u015ftirme<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #fff7ed;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .le-bg-pattern {\r\n background-image: radial-gradient(#fed7aa 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n \/* Ana Oyun Sahnesi *\/\r\n #le-game-scene {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: linear-gradient(to bottom, #fff7ed, #ffedd5);\r\n touch-action: none;\r\n }\r\n\r\n \/* Kart Stilleri *\/\r\n .le-card {\r\n perspective: 1000px;\r\n cursor: pointer;\r\n aspect-ratio: 1 \/ 1;\r\n }\r\n\r\n .le-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform-style: preserve-3d;\r\n }\r\n\r\n .le-card.flipped .le-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .le-card-front, .le-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n border-radius: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .le-card-back {\r\n background-color: #ffedd5;\r\n border: 3px solid #fdba74;\r\n color: #f97316;\r\n }\r\n\r\n .le-card-front {\r\n background-color: white;\r\n border: 3px solid #fb923c;\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .le-card.matched .le-card-inner {\r\n opacity: 0.6;\r\n filter: grayscale(1);\r\n transform: rotateY(180deg) scale(0.95);\r\n }\r\n\r\n \/* Animasyonlar *\/\r\n .fade-in { animation: fadeIn 0.3s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4 le-bg-pattern\">\r\n \r\n \r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-orange-100 flex flex-col overflow-hidden relative\">\r\n \r\n \r\n <div class=\"bg-orange-500 text-white p-3 text-center z-20 relative shadow-md shrink-0 flex justify-between items-center px-6\">\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs text-orange-100 font-bold uppercase tracking-wider\">Hedef<\/span>\r\n <span class=\"text-lg font-black leading-tight text-white\">6 E\u015fle\u015fme<\/span>\r\n <\/div>\r\n <h1 class=\"text-xl font-black tracking-tight uppercase italic\">Lezzet Haf\u0131zas\u0131<\/h1>\r\n <div class=\"w-8\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-game-scene\" class=\"flex-1\">\r\n \r\n \r\n <div class=\"flex justify-between items-center p-4 absolute top-0 w-full z-10 pointer-events-none\">\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-orange-100 flex items-center gap-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#f97316\" stroke=\"#f97316\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n <span id=\"le-score-text\" class=\"font-black text-xl text-orange-600\">0 \/ 6<\/span>\r\n <\/div>\r\n <div id=\"le-timer-box\" class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-slate-100 flex items-center gap-2 text-slate-600\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <span id=\"le-time-text\" class=\"font-black text-xl\">30<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-card-container\" class=\"absolute inset-0 flex items-center justify-center p-4 pt-16\">\r\n <div id=\"le-grid\" class=\"grid grid-cols-3 gap-3 w-full\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n <div class=\"w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4 shadow-inner border-4 border-white\">\r\n <span class=\"text-4xl animate-bounce\">\ud83e\udde0<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-orange-600 mb-4\">Lezzet E\u015fle\u015ftirme<\/h2>\r\n \r\n <div class=\"bg-orange-50 rounded-2xl p-4 mb-6 space-y-3 text-left border border-orange-100\">\r\n <p class=\"text-sm font-bold text-orange-800 text-center\">\r\n Kartlar\u0131 \u00e7evir ve ayn\u0131 lezzetleri bul! 30 saniye i\u00e7inde t\u00fcm e\u015fleri bulursan b\u00fcy\u00fck \u00f6d\u00fcl senin.\r\n <\/p>\r\n <div class=\"flex items-center gap-3 bg-white p-2 rounded-lg border border-orange-200 mt-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n <p class=\"text-sm font-black text-orange-700\">6 \u00c7ifti 30 Saniyede Bul!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"le-btn-start\" class=\"w-full bg-orange-500 hover:bg-orange-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#ea580c]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Oyuna Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n \r\n \r\n <div id=\"le-content-win\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4\">\ud83c\udfc6<\/div>\r\n <h2 class=\"text-2xl font-black text-green-600 mb-2\">Haf\u0131zan M\u00fcthi\u015f!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">T\u00fcm lezzetleri e\u015fle\u015ftirdin ve \u00f6d\u00fcl\u00fc kapt\u0131n!<\/p>\r\n \r\n <div class=\"bg-orange-50 border-2 border-dashed border-orange-300 rounded-xl p-4 mb-6 w-full\">\r\n <p class=\"text-xs font-bold text-orange-600 uppercase tracking-widest mb-1\">Hediye Kodun<\/p>\r\n <p id=\"le-prize-code\" class=\"text-4xl font-black text-orange-500 tracking-widest\">LE0000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-content-lose\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4 grayscale\">\u23f3<\/div>\r\n <h2 class=\"text-2xl font-black text-slate-800 mb-2\">Zaman Doldu!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-2\">Maalesef s\u00fcren bitti.<\/p>\r\n <p class=\"text-lg font-black text-orange-500 mb-6\">E\u015fle\u015fme: <span id=\"le-final-score\">0<\/span> \/ 6<\/p>\r\n <\/div>\r\n\r\n <button id=\"le-btn-restart\" class=\"w-full bg-slate-800 hover:bg-slate-900 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-lg\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><\/svg>\r\n Tekrar Dene\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ --- AYARLAR VE STATE ---\r\n const EMOJIS = ['\ud83c\udf54', '\ud83c\udf55', '\ud83c\udf5f', '\ud83c\udf69', '\u2615', '\ud83c\udf70'];\r\n const TIME_LIMIT = 30;\r\n \r\n let cards = [];\r\n let flippedCards = [];\r\n let matchedPairs = 0;\r\n let timeLeft = TIME_LIMIT;\r\n let isPlaying = false;\r\n let timerId = null;\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 (Web Audio API) ---\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n return audioCtx;\r\n }\r\n\r\n function playEpicWinSound() {\r\n const ctx = ensureAudioContext();\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n\r\n for (let i = 0; i < 30; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 10) * 0.2);\r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', 0.1);\r\n }\r\n\r\n let fanfareTime = time + 1.2;\r\n [261, 349, 392, 523].forEach((f, i) => {\r\n playNote(f, fanfareTime + (i * 0.2), 0.4, 'sawtooth', 0.2);\r\n });\r\n \/\/ Final Akoru\r\n [261, 329, 392, 523].forEach(f => {\r\n playNote(f, fanfareTime + 0.8, 2.0, 'sawtooth', 0.1);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type, maxVol) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(maxVol, startTime + 0.05);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(startTime); osc.stop(startTime + duration);\r\n }\r\n\r\n \/\/ --- DOM ---\r\n const grid = document.getElementById('le-grid');\r\n const overlayMenu = document.getElementById('le-overlay-menu');\r\n const overlayResult = document.getElementById('le-overlay-result');\r\n const scoreText = document.getElementById('le-score-text');\r\n const timeText = document.getElementById('le-time-text');\r\n const timerBox = document.getElementById('le-timer-box');\r\n \r\n document.getElementById('le-btn-start').addEventListener('click', initGame);\r\n document.getElementById('le-btn-restart').addEventListener('click', () => {\r\n overlayResult.classList.add('hidden');\r\n overlayMenu.classList.remove('hidden');\r\n overlayMenu.classList.add('flex');\r\n });\r\n\r\n \/\/ --- OYUN MANTI\u011eI ---\r\n function initGame() {\r\n ensureAudioContext();\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n overlayResult.classList.add('hidden');\r\n\r\n \/\/ State S\u0131f\u0131rla\r\n score = 0; matchedPairs = 0; timeLeft = TIME_LIMIT; flippedCards = [];\r\n scoreText.textContent = `0 \/ 6`;\r\n timeText.textContent = timeLeft;\r\n timerBox.classList.remove('text-red-500', 'animate-pulse');\r\n\r\n \/\/ Kartlar\u0131 Haz\u0131rla\r\n const shuffled = [...EMOJIS, ...EMOJIS].sort(() => Math.random() - 0.5);\r\n cards = shuffled.map((emoji, index) => ({ id: index, emoji, matched: false }));\r\n \r\n renderGrid();\r\n isPlaying = true;\r\n\r\n \/\/ Timer\r\n if(timerId) clearInterval(timerId);\r\n timerId = setInterval(() => {\r\n timeLeft--;\r\n timeText.textContent = timeLeft;\r\n if(timeLeft <= 5) timerBox.classList.add('text-red-500', 'animate-pulse');\r\n if(timeLeft <= 0) finishGame(false);\r\n }, 1000);\r\n }\r\n\r\n function renderGrid() {\r\n grid.innerHTML = '';\r\n cards.forEach((card, index) => {\r\n const cardEl = document.createElement('div');\r\n cardEl.className = 'le-card';\r\n cardEl.innerHTML = `\r\n <div class=\"le-card-inner\">\r\n <div class=\"le-card-back\">?<\/div>\r\n <div class=\"le-card-front\">${card.emoji}<\/div>\r\n <\/div>\r\n `;\r\n cardEl.addEventListener('click', () => handleCardClick(index, cardEl));\r\n grid.appendChild(cardEl);\r\n });\r\n }\r\n\r\n function handleCardClick(index, el) {\r\n if(!isPlaying || flippedCards.length >= 2 || el.classList.contains('flipped') || el.classList.contains('matched')) return;\r\n\r\n el.classList.add('flipped');\r\n flippedCards.push({ index, el });\r\n\r\n if(flippedCards.length === 2) {\r\n const [c1, c2] = flippedCards;\r\n if(cards[c1.index].emoji === cards[c2.index].emoji) {\r\n \/\/ E\u015fle\u015fti\r\n setTimeout(() => {\r\n c1.el.classList.add('matched');\r\n c2.el.classList.add('matched');\r\n matchedPairs++;\r\n scoreText.textContent = `${matchedPairs} \/ 6`;\r\n flippedCards = [];\r\n if(matchedPairs === 6) finishGame(true);\r\n }, 500);\r\n } else {\r\n \/\/ E\u015fle\u015fmedi\r\n setTimeout(() => {\r\n c1.el.classList.remove('flipped');\r\n c2.el.classList.remove('flipped');\r\n flippedCards = [];\r\n }, 1000);\r\n }\r\n }\r\n }\r\n\r\n function finishGame(win) {\r\n isPlaying = false;\r\n clearInterval(timerId);\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n\r\n const winPanel = document.getElementById('le-content-win');\r\n const losePanel = document.getElementById('le-content-lose');\r\n\r\n if(win) {\r\n winPanel.classList.remove('hidden'); winPanel.classList.add('flex');\r\n losePanel.classList.add('hidden');\r\n document.getElementById('le-prize-code').textContent = 'LE' + Math.floor(1000 + Math.random() * 9000);\r\n playEpicWinSound();\r\n confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 }, zIndex: 100 });\r\n } else {\r\n winPanel.classList.add('hidden');\r\n losePanel.classList.remove('hidden'); losePanel.classList.add('flex');\r\n document.getElementById('le-final-score').textContent = matchedPairs;\r\n }\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c315017 e-flex e-con-boxed e-con e-parent\" data-id=\"c315017\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e077f elementor-widget elementor-widget-html\" data-id=\"d8e077f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet Av\u0131<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n .fade-in { animation: fadeIn 0.4s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n .pop-up { animation: popUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n .pop-down { animation: popDown 0.2s ease-in forwards; }\r\n .score-float { animation: floatUp 0.8s ease-out forwards; pointer-events: none; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n @keyframes popUp { from { transform: translateY(100%); } to { transform: translateY(0); } }\r\n @keyframes popDown { from { transform: translateY(0); } to { transform: translateY(100%); } }\r\n @keyframes floatUp { 0% { transform: translateY(0) scale(1); opacity: 1; } 100% { transform: translateY(-40px) scale(1.5); opacity: 0; } }\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #fdf2f8;\r\n background-image: radial-gradient(#fbcfe8 2px, transparent 2px);\r\n background-size: 30px 30px;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n * { -webkit-tap-highlight-color: transparent; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4\">\r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-rose-100 flex flex-col overflow-hidden relative\">\r\n \r\n <div class=\"bg-rose-500 text-white p-4 text-center z-20 relative shadow-md shrink-0 flex justify-between items-center px-6\">\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs text-rose-200 font-bold uppercase tracking-wider\">Hedef<\/span>\r\n <span class=\"text-lg font-black leading-tight text-yellow-300\" id=\"la-target-display\">15<\/span>\r\n <\/div>\r\n <h1 class=\"text-2xl font-black tracking-tight italic uppercase\">Lezzet Av\u0131<\/h1>\r\n <div class=\"w-10\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"la-game-scene\" class=\"flex-1 relative flex flex-col justify-center p-6 bg-slate-50 overflow-hidden\">\r\n \r\n <div class=\"flex justify-between items-center mb-6 z-10 pointer-events-none relative\">\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-xl shadow-sm border border-rose-100 flex flex-col\">\r\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wider leading-none mb-1\">Skor<\/span>\r\n <div class=\"flex items-center text-2xl font-black text-rose-500 leading-none\">\r\n <span id=\"la-score-text\">0<\/span>\r\n <\/div>\r\n <\/div>\r\n <div id=\"la-timer-container\" class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-xl shadow-sm border border-slate-100 flex flex-col items-end\">\r\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wider leading-none mb-1\">S\u00fcre<\/span>\r\n <div class=\"flex items-center font-black text-2xl text-slate-700 leading-none\">\r\n <span id=\"la-time-text\">20<\/span><span class=\"text-sm ml-1 text-slate-400\">sn<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"la-grid\" class=\"grid grid-cols-3 gap-3 z-10 relative\"><\/div>\r\n\r\n <div id=\"la-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n <div class=\"text-5xl mb-6 flex justify-center space-x-2\">\r\n <span class=\"animate-bounce\" style=\"animation-delay: 0s\">\ud83c\udf54<\/span>\r\n <span class=\"animate-bounce\" style=\"animation-delay: 0.1s\">\ud83c\udf69<\/span>\r\n <span class=\"animate-bounce\" style=\"animation-delay: 0.2s\">\ud83c\udf36\ufe0f<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-rose-600 mb-2\">H\u0131zl\u0131 Olan Kazan\u0131r!<\/h2>\r\n \r\n <div class=\"bg-rose-50 p-4 rounded-xl mb-6 text-left text-sm text-rose-800 space-y-3 border border-rose-100\">\r\n <div class=\"flex items-center justify-between\">\r\n <span>\u2705 Lezzetleri yakala<\/span>\r\n <b class=\"text-green-600\">+1 Puan<\/b>\r\n <\/div>\r\n <div class=\"flex items-center justify-between\">\r\n <span>\u274c Ac\u0131 bibere dokunma<\/span>\r\n <b class=\"text-red-600\">-1 Puan<\/b>\r\n <\/div>\r\n <div class=\"w-full border-t border-rose-200\/50 my-1\"><\/div>\r\n <div class=\"text-center\">\r\n \u23f1\ufe0f <b id=\"la-menu-time\">20<\/b> saniyede <b id=\"la-menu-target\">15<\/b> puana ula\u015f!\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" id=\"la-btn-start\" class=\"w-full bg-rose-500 hover:bg-rose-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#be123c]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Oyuna Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"la-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n \r\n <div id=\"la-content-win\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4\">\ud83c\udf89<\/div>\r\n <h2 class=\"text-2xl font-black text-green-600 mb-2\">Harika Refleks!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">Yeterli puana ula\u015ft\u0131n ve \u00f6d\u00fcl\u00fc kapt\u0131n.<\/p>\r\n \r\n <div class=\"bg-rose-50 border-2 border-dashed border-rose-300 rounded-xl p-4 mb-6 w-full relative overflow-hidden\">\r\n <p class=\"text-xs font-bold text-rose-500 uppercase tracking-widest mb-1\">\u0130ndirim Kodun<\/p>\r\n <p id=\"la-prize-code\" class=\"text-4xl font-black text-rose-600 tracking-widest\">AV0000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"la-content-lose\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4 grayscale\">\ud83d\ude22<\/div>\r\n <h2 class=\"text-2xl font-black text-slate-800 mb-2\">Yeterince H\u0131zl\u0131 De\u011fildin!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-4\">Maalesef hedef puana ula\u015famad\u0131n.<\/p>\r\n <div class=\"bg-slate-50 rounded-xl p-4 w-full border border-slate-100 mb-6\">\r\n <p class=\"text-sm font-bold text-slate-400 uppercase tracking-wider mb-1\">Skorun<\/p>\r\n <p class=\"text-3xl font-black text-rose-500\"><span id=\"la-final-score\">0<\/span> \/ <span id=\"la-final-target\">15<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" id=\"la-btn-restart\" class=\"w-full bg-slate-800 hover:bg-slate-900 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-lg\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><\/svg>\r\n Ana Men\u00fc\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n const TARGET_SCORE = 15;\r\n const TIME_LIMIT = 20;\r\n const GOOD_FOODS = ['\ud83c\udf54', '\ud83c\udf55', '\ud83c\udf5f', '\ud83c\udf69', '\ud83c\udf2d', '\ud83c\udf2e'];\r\n const TRAP_FOOD = '\ud83c\udf36\ufe0f';\r\n \r\n let score = 0;\r\n let timeLeft = TIME_LIMIT;\r\n let isPlaying = false;\r\n let gameInterval = null;\r\n let spawnInterval = null;\r\n let holes = Array(9).fill(null).map(() => ({ active: false, type: null, emoji: '', timeout: null }));\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 ---\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!AudioContextClass) return null;\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') {\r\n audioCtx.resume();\r\n }\r\n return audioCtx;\r\n }\r\n\r\n function playEpicWinSound() {\r\n const ctx = ensureAudioContext();\r\n if (!ctx) return;\r\n\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n\r\n for (let i = 0; i < 35; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 12) * 0.2);\r\n\r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', 0.15);\r\n playNote(note * pitchShift * 1.5, time + (i * 0.04), 0.1, 'square', 0.05);\r\n }\r\n\r\n let fanfareTime = time + 1.2;\r\n\r\n playChord([261.63, 329.63, 392.00], fanfareTime, 0.2, 'sawtooth', 0.5);\r\n playChord([349.23, 440.00, 523.25], fanfareTime + 0.25, 0.2, 'sawtooth', 0.5);\r\n playChord([392.00, 493.88, 587.33], fanfareTime + 0.5, 0.25, 'sawtooth', 0.5);\r\n\r\n let finaleTime = fanfareTime + 0.85;\r\n playChord([130.81, 261.63, 329.63, 392.00, 523.25, 659.25, 783.99], finaleTime, 2.5, 'sawtooth', 0.7);\r\n playNote(1046.50, finaleTime, 2.0, 'sine', 0.3);\r\n playNote(2093.00, finaleTime, 2.0, 'sine', 0.15);\r\n }\r\n\r\n function playChord(frequencies, startTime, duration, type, totalVolume) {\r\n frequencies.forEach(freq => {\r\n playNote(freq, startTime, duration, type, totalVolume \/ frequencies.length);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', maxVol = 0.3) {\r\n if (!audioCtx) return;\r\n\r\n const osc = audioCtx.createOscillator();\r\n const gainNode = audioCtx.createGain();\r\n\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n\r\n gainNode.gain.setValueAtTime(0, startTime);\r\n gainNode.gain.linearRampToValueAtTime(maxVol, startTime + Math.min(0.05, duration * 0.1));\r\n gainNode.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n\r\n osc.connect(gainNode);\r\n gainNode.connect(audioCtx.destination);\r\n\r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n document.getElementById('la-target-display').textContent = TARGET_SCORE;\r\n document.getElementById('la-menu-target').textContent = TARGET_SCORE;\r\n document.getElementById('la-menu-time').textContent = TIME_LIMIT;\r\n document.getElementById('la-final-target').textContent = TARGET_SCORE;\r\n\r\n const gridEl = document.getElementById('la-grid');\r\n const scoreText = document.getElementById('la-score-text');\r\n const timeText = document.getElementById('la-time-text');\r\n const timerContainer = document.getElementById('la-timer-container');\r\n \r\n const overlayMenu = document.getElementById('la-overlay-menu');\r\n const overlayResult = document.getElementById('la-overlay-result');\r\n \r\n const btnStart = document.getElementById('la-btn-start');\r\n const btnRestart = document.getElementById('la-btn-restart');\r\n \r\n const contentWin = document.getElementById('la-content-win');\r\n const contentLose = document.getElementById('la-content-lose');\r\n\r\n btnStart.addEventListener('click', initGame);\r\n btnRestart.addEventListener('click', resetToMenu);\r\n\r\n initGridUI();\r\n\r\n function initGridUI() {\r\n gridEl.innerHTML = '';\r\n for (let i = 0; i < 9; i++) {\r\n const hole = document.createElement('div');\r\n hole.className = 'relative aspect-square bg-white rounded-full border-4 border-slate-200 shadow-[inset_0_4px_6px_rgba(0,0,0,0.1)] overflow-hidden cursor-pointer touch-manipulation';\r\n \r\n hole.addEventListener('touchstart', (e) => { e.preventDefault(); handleTap(i, e); });\r\n hole.addEventListener('mousedown', (e) => handleTap(i, e));\r\n \r\n const item = document.createElement('div');\r\n item.id = `la-item-${i}`;\r\n item.className = 'absolute inset-0 flex items-center justify-center text-[2.5rem] translate-y-full';\r\n \r\n hole.appendChild(item);\r\n gridEl.appendChild(hole);\r\n }\r\n }\r\n\r\n function initGame() {\r\n ensureAudioContext();\r\n\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n\r\n score = 0;\r\n timeLeft = TIME_LIMIT;\r\n holes.forEach(h => { if(h.timeout) clearTimeout(h.timeout); h.active = false; });\r\n \r\n scoreText.textContent = score;\r\n timeText.textContent = timeLeft;\r\n timerContainer.classList.remove('text-red-500', 'animate-pulse');\r\n timerContainer.classList.add('text-slate-700');\r\n \r\n for(let i=0; i<9; i++) {\r\n const itemDiv = document.getElementById(`la-item-${i}`);\r\n if(itemDiv) {\r\n itemDiv.classList.remove('pop-up');\r\n itemDiv.classList.add('translate-y-full');\r\n }\r\n }\r\n\r\n isPlaying = true;\r\n\r\n if (gameInterval) clearInterval(gameInterval);\r\n gameInterval = setInterval(() => {\r\n timeLeft--;\r\n timeText.textContent = timeLeft;\r\n\r\n if (timeLeft <= 5) {\r\n timerContainer.classList.remove('text-slate-700');\r\n timerContainer.classList.add('text-red-500', 'animate-pulse');\r\n }\r\n\r\n if (timeLeft <= 0) {\r\n finishGame(false);\r\n }\r\n }, 1000);\r\n\r\n if (spawnInterval) clearInterval(spawnInterval);\r\n spawnInterval = setInterval(spawnItem, 600); \r\n }\r\n\r\n function spawnItem() {\r\n if (!isPlaying) return;\r\n\r\n const emptyHoles = holes.map((h, i) => h.active ? null : i).filter(i => i !== null);\r\n if (emptyHoles.length === 0) return;\r\n\r\n const randomIndex = emptyHoles[Math.floor(Math.random() * emptyHoles.length)];\r\n const isTrap = Math.random() < 0.50;\r\n \r\n const emoji = isTrap ? TRAP_FOOD : GOOD_FOODS[Math.floor(Math.random() * GOOD_FOODS.length)];\r\n const type = isTrap ? 'trap' : 'good';\r\n\r\n holes[randomIndex] = { active: true, type, emoji, timeout: null };\r\n \r\n const itemDiv = document.getElementById(`la-item-${randomIndex}`);\r\n itemDiv.textContent = emoji;\r\n itemDiv.classList.remove('pop-down', 'translate-y-full');\r\n itemDiv.classList.add('pop-up');\r\n\r\n const hideDelay = Math.floor(Math.random() * 400) + 700;\r\n holes[randomIndex].timeout = setTimeout(() => hideItem(randomIndex), hideDelay);\r\n }\r\n\r\n function hideItem(index) {\r\n if (!holes[index].active) return; \r\n \r\n holes[index].active = false;\r\n const itemDiv = document.getElementById(`la-item-${index}`);\r\n itemDiv.classList.remove('pop-up');\r\n itemDiv.classList.add('pop-down');\r\n }\r\n\r\n function handleTap(index, event) {\r\n if (!isPlaying || !holes[index].active) return;\r\n\r\n const holeData = holes[index];\r\n \r\n clearTimeout(holeData.timeout);\r\n holeData.active = false;\r\n\r\n let pointsEarned = 0;\r\n if (holeData.type === 'good') {\r\n score++;\r\n pointsEarned = 1;\r\n } else if (holeData.type === 'trap') {\r\n score = Math.max(0, score - 1); \r\n pointsEarned = -1;\r\n \r\n document.getElementById('la-game-scene').classList.add('animate-[pulse_0.2s_ease-in-out]');\r\n setTimeout(() => document.getElementById('la-game-scene').classList.remove('animate-[pulse_0.2s_ease-in-out]'), 200);\r\n }\r\n \r\n scoreText.textContent = score;\r\n\r\n const itemDiv = document.getElementById(`la-item-${index}`);\r\n itemDiv.classList.remove('pop-up');\r\n itemDiv.classList.add('pop-down');\r\n\r\n showFloatingScore(event, pointsEarned);\r\n\r\n if (score >= TARGET_SCORE) {\r\n finishGame(true);\r\n }\r\n }\r\n\r\n function showFloatingScore(event, points) {\r\n const floatText = document.createElement('div');\r\n floatText.className = `absolute font-black text-2xl score-float ${points > 0 ? 'text-green-500' : 'text-red-500'}`;\r\n floatText.textContent = points > 0 ? '+1' : '-1';\r\n \r\n const gridRect = gridEl.getBoundingClientRect();\r\n let x, y;\r\n \r\n if (event.touches && event.touches.length > 0) {\r\n x = event.touches[0].clientX - gridRect.left - 10;\r\n y = event.touches[0].clientY - gridRect.top - 10;\r\n } else {\r\n x = event.clientX - gridRect.left - 10;\r\n y = event.clientY - gridRect.top - 10;\r\n }\r\n\r\n floatText.style.left = `${x}px`;\r\n floatText.style.top = `${y}px`;\r\n \r\n gridEl.appendChild(floatText);\r\n setTimeout(() => floatText.remove(), 800);\r\n }\r\n\r\n function finishGame(isForcedWin) {\r\n isPlaying = false;\r\n clearInterval(gameInterval);\r\n clearInterval(spawnInterval);\r\n holes.forEach(h => { if(h.timeout) clearTimeout(h.timeout); });\r\n\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n\r\n if (score >= TARGET_SCORE || isForcedWin) {\r\n contentWin.classList.remove('hidden');\r\n contentLose.classList.add('hidden');\r\n contentWin.classList.add('flex');\r\n \r\n document.getElementById('la-prize-code').textContent = 'AV' + Math.floor(1000 + Math.random() * 9000);\r\n\r\n playEpicWinSound();\r\n \r\n if (typeof confetti !== 'undefined') {\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 }, colors: ['#f43f5e', '#10b981', '#fcd34d'], zIndex: 100 });\r\n }\r\n } else {\r\n contentWin.classList.add('hidden');\r\n contentLose.classList.remove('hidden');\r\n contentLose.classList.add('flex');\r\n \r\n document.getElementById('la-final-score').textContent = score;\r\n }\r\n }\r\n\r\n function resetToMenu() {\r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n \r\n overlayMenu.classList.remove('hidden');\r\n overlayMenu.classList.add('flex');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8215220 e-flex e-con-boxed e-con e-parent\" data-id=\"8215220\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08e4e5f elementor-widget elementor-widget-html\" data-id=\"08e4e5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet Ya\u011fmuru<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #fffbeb;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .bg-pattern {\r\n background-image: radial-gradient(#fde68a 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n #ly-game-scene {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: linear-gradient(to bottom, #fef3c7, #fffbeb);\r\n touch-action: none;\r\n }\r\n\r\n .falling-item {\r\n position: absolute;\r\n font-size: 2.5rem;\r\n text-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n transform: translateX(-50%);\r\n will-change: transform, top;\r\n }\r\n\r\n #ly-basket {\r\n position: absolute;\r\n bottom: 20px;\r\n width: 80px;\r\n height: 20px;\r\n background-color: #d97706;\r\n border-radius: 10px;\r\n transform: translateX(-50%);\r\n box-shadow: 0 4px 10px rgba(217, 119, 6, 0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2.5rem;\r\n line-height: 1;\r\n z-index: 10;\r\n }\r\n \r\n #ly-basket::after {\r\n content: '';\r\n position: absolute;\r\n top: -5px;\r\n width: 100%;\r\n height: 5px;\r\n background-color: #f59e0b;\r\n border-radius: 10px 10px 0 0;\r\n }\r\n\r\n .fade-in { animation: fadeIn 0.3s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .floating-score {\r\n position: absolute;\r\n font-weight: 900;\r\n font-size: 1.5rem;\r\n pointer-events: none;\r\n animation: floatUpAndFade 0.8s ease-out forwards;\r\n z-index: 15;\r\n transform: translateX(-50%);\r\n }\r\n\r\n @keyframes floatUpAndFade {\r\n 0% { transform: translate(-50%, 0) scale(1); opacity: 1; }\r\n 100% { transform: translate(-50%, -50px) scale(1.5); opacity: 0; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4 bg-pattern\">\r\n \r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-amber-100 flex flex-col overflow-hidden relative\">\r\n \r\n <div class=\"bg-amber-500 text-white p-3 text-center z-20 relative shadow-md shrink-0 flex justify-between items-center px-6\">\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs text-amber-100 font-bold uppercase tracking-wider\">Hedef Puan<\/span>\r\n <span class=\"text-lg font-black leading-tight\">150<\/span>\r\n <\/div>\r\n <h1 class=\"text-xl font-black tracking-tight uppercase\">Lezzet Ya\u011fmuru<\/h1>\r\n <div class=\"w-8\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-game-scene\" class=\"flex-1\">\r\n \r\n <div class=\"flex justify-between items-center p-4 absolute top-0 w-full z-10 pointer-events-none\">\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-amber-100 flex items-center gap-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n <span id=\"ly-score-text\" class=\"font-black text-xl text-amber-600\">0<\/span>\r\n <\/div>\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-slate-100 flex items-center gap-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <span id=\"ly-time-text\" class=\"font-black text-xl text-slate-600\">20<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-items-container\" class=\"absolute inset-0 z-0\"><\/div>\r\n\r\n <div id=\"ly-basket\">\r\n <span class=\"absolute -top-10 text-4xl\">\ud83c\udf7d\ufe0f<\/span>\r\n <\/div>\r\n\r\n <div id=\"ly-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n <div class=\"w-20 h-20 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4 shadow-inner border-4 border-white\">\r\n <span class=\"text-4xl animate-bounce\">\ud83d\uded2<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-amber-600 mb-4\">Lezzetleri Topla!<\/h2>\r\n \r\n <div class=\"bg-slate-50 rounded-2xl p-4 mb-6 space-y-3 text-left border border-slate-100\">\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl\">\ud83c\udf54\ud83c\udf69<\/span>\r\n <p class=\"text-sm font-bold text-slate-600\">Yakala <span class=\"text-green-500\">+10<\/span>, Ka\u00e7\u0131rma <span class=\"text-red-500\">-10<\/span><\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl\">\ud83c\udf36\ufe0f\ud83d\udca3<\/span>\r\n <p class=\"text-sm font-bold text-slate-600\">Tuzaklara dikkat <span class=\"text-red-500\">-15<\/span><\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 bg-amber-100 p-2 rounded-lg border border-amber-200 mt-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d97706\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n <p class=\"text-sm font-black text-amber-800\">20 Saniyede 150 Puan yap!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"ly-btn-start\" class=\"w-full bg-amber-500 hover:bg-amber-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#d97706]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Oyuna Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl shadow-2xl border border-slate-100 p-6 text-center pop-in\">\r\n \r\n <div id=\"ly-content-win\" class=\"hidden flex-col items-center\">\r\n <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mb-4 text-4xl\">\ud83c\udfc6<\/div>\r\n <h2 class=\"text-2xl font-black text-green-600 mb-2\">Tebrikler!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">Hedefe ula\u015ft\u0131n ve \u00f6d\u00fcl\u00fc kapt\u0131n!<\/p>\r\n \r\n <div class=\"bg-amber-50 border-2 border-dashed border-amber-300 rounded-xl p-4 mb-6 w-full\">\r\n <p class=\"text-xs font-bold text-amber-600 uppercase tracking-widest mb-1\">\u0130ndirim Kodun<\/p>\r\n <p id=\"ly-prize-code\" class=\"text-4xl font-black text-amber-500 tracking-widest\">LY0000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-content-lose\" class=\"hidden flex-col items-center\">\r\n <div class=\"w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mb-4 text-4xl grayscale\">\ud83d\ude22<\/div>\r\n <h2 class=\"text-2xl font-black text-slate-800 mb-2\">S\u00fcre Doldu!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-2\">Biraz daha h\u0131zl\u0131 olmal\u0131s\u0131n.<\/p>\r\n <p class=\"text-lg font-black text-amber-500 mb-6\">Skorun: <span id=\"ly-final-score\">0<\/span> \/ 150<\/p>\r\n <\/div>\r\n\r\n <button id=\"ly-btn-restart\" class=\"w-full bg-rose-600 hover:bg-rose-700 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#e11d48]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><\/svg>\r\n Tekrar Oyna\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n const TARGET_SCORE = 150;\r\n const TIME_LIMIT = 20; \r\n const GOOD_ITEMS = ['\ud83c\udf54', '\ud83c\udf55', '\ud83c\udf5f', '\ud83c\udf69', '\ud83c\udf2d', '\ud83c\udf57', '\ud83e\udd64', '\ud83c\udf70'];\r\n const BAD_ITEMS = ['\ud83c\udf36\ufe0f', '\ud83d\udca3', '\ud83e\udde6'];\r\n \r\n let score = 0;\r\n let timeLeft = TIME_LIMIT;\r\n let gameLoopId = null;\r\n let spawnIntervalId = null;\r\n let timerId = null;\r\n let isPlaying = false;\r\n let basketX = 50; \r\n let activeItems = [];\r\n let lastTime = 0;\r\n\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!AudioContextClass) return null;\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') {\r\n audioCtx.resume();\r\n }\r\n return audioCtx;\r\n }\r\n\r\n function playEpicWinSound() {\r\n const ctx = ensureAudioContext();\r\n if (!ctx) return;\r\n\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n \r\n for (let i = 0; i < 35; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 12) * 0.2);\r\n \r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', 0.15);\r\n playNote(note * pitchShift * 1.5, time + (i * 0.04), 0.1, 'square', 0.05);\r\n }\r\n\r\n let fanfareTime = time + 1.2;\r\n\r\n playChord([261.63, 329.63, 392.00], fanfareTime, 0.2, 'sawtooth', 0.5);\r\n playChord([349.23, 440.00, 523.25], fanfareTime + 0.25, 0.2, 'sawtooth', 0.5);\r\n playChord([392.00, 493.88, 587.33], fanfareTime + 0.5, 0.25, 'sawtooth', 0.5);\r\n \r\n let finaleTime = fanfareTime + 0.85;\r\n playChord([130.81, 261.63, 329.63, 392.00, 523.25, 659.25, 783.99], finaleTime, 2.5, 'sawtooth', 0.7);\r\n playNote(1046.50, finaleTime, 2.0, 'sine', 0.3);\r\n playNote(2093.00, finaleTime, 2.0, 'sine', 0.15);\r\n }\r\n\r\n function playChord(frequencies, startTime, duration, type, totalVolume) {\r\n frequencies.forEach(freq => {\r\n playNote(freq, startTime, duration, type, totalVolume \/ frequencies.length);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', maxVol = 0.3) {\r\n if (!audioCtx) return;\r\n\r\n const osc = audioCtx.createOscillator();\r\n const gainNode = audioCtx.createGain();\r\n \r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n \r\n gainNode.gain.setValueAtTime(0, startTime);\r\n gainNode.gain.linearRampToValueAtTime(maxVol, startTime + Math.min(0.05, duration * 0.1));\r\n gainNode.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n \r\n osc.connect(gainNode);\r\n gainNode.connect(audioCtx.destination);\r\n \r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n const scene = document.getElementById('ly-game-scene');\r\n const itemsContainer = document.getElementById('ly-items-container');\r\n const basketEl = document.getElementById('ly-basket');\r\n const scoreText = document.getElementById('ly-score-text');\r\n const timeText = document.getElementById('ly-time-text');\r\n \r\n const overlayMenu = document.getElementById('ly-overlay-menu');\r\n const overlayResult = document.getElementById('ly-overlay-result');\r\n \r\n const btnStart = document.getElementById('ly-btn-start');\r\n const btnRestart = document.getElementById('ly-btn-restart');\r\n \r\n const contentWin = document.getElementById('ly-content-win');\r\n const contentLose = document.getElementById('ly-content-lose');\r\n\r\n btnStart.addEventListener('click', initGame);\r\n btnRestart.addEventListener('click', resetToMenu);\r\n\r\n scene.addEventListener('touchmove', (e) => {\r\n if (!isPlaying) return;\r\n e.preventDefault();\r\n updateBasketPosition(e.touches[0].clientX);\r\n }, { passive: false });\r\n\r\n scene.addEventListener('touchstart', (e) => {\r\n if (!isPlaying) return;\r\n updateBasketPosition(e.touches[0].clientX);\r\n }, { passive: true });\r\n\r\n scene.addEventListener('mousemove', (e) => {\r\n if (!isPlaying) return;\r\n updateBasketPosition(e.clientX);\r\n });\r\n\r\n function updateBasketPosition(clientX) {\r\n const rect = scene.getBoundingClientRect();\r\n let xPos = ((clientX - rect.left) \/ rect.width) * 100;\r\n xPos = Math.max(10, Math.min(90, xPos));\r\n basketX = xPos;\r\n basketEl.style.left = `${basketX}%`;\r\n }\r\n\r\n function initGame() {\r\n ensureAudioContext();\r\n\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n \r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n\r\n score = 0;\r\n timeLeft = TIME_LIMIT;\r\n basketX = 50;\r\n basketEl.style.left = `${basketX}%`;\r\n activeItems = [];\r\n itemsContainer.innerHTML = '';\r\n \r\n scoreText.textContent = score;\r\n timeText.textContent = timeLeft;\r\n timeText.classList.remove('text-red-500', 'animate-pulse');\r\n\r\n isPlaying = true;\r\n\r\n timerId = setInterval(() => {\r\n timeLeft--;\r\n timeText.textContent = timeLeft;\r\n \r\n if (timeLeft <= 5) {\r\n timeText.classList.add('text-red-500', 'animate-pulse');\r\n }\r\n\r\n if (timeLeft <= 0) {\r\n finishGame();\r\n }\r\n }, 1000);\r\n\r\n spawnIntervalId = setInterval(spawnItem, 400);\r\n\r\n lastTime = performance.now();\r\n gameLoopId = requestAnimationFrame(gameLoop);\r\n }\r\n\r\n function spawnItem() {\r\n if (!isPlaying) return;\r\n\r\n const isBad = Math.random() < 0.25;\r\n const itemType = isBad ? 'bad' : 'good';\r\n const emojiArr = isBad ? BAD_ITEMS : GOOD_ITEMS;\r\n const emoji = emojiArr[Math.floor(Math.random() * emojiArr.length)];\r\n \r\n const startX = 10 + Math.random() * 80;\r\n const el = document.createElement('div');\r\n el.className = 'falling-item';\r\n el.innerText = emoji;\r\n el.style.left = `${startX}%`;\r\n el.style.top = `-50px`;\r\n \r\n itemsContainer.appendChild(el);\r\n\r\n activeItems.push({\r\n el: el,\r\n x: startX,\r\n y: -50,\r\n type: itemType,\r\n speed: 150 + Math.random() * 150\r\n });\r\n }\r\n\r\n function gameLoop(currentTime) {\r\n if (!isPlaying) return;\r\n\r\n const deltaTime = (currentTime - lastTime) \/ 1000;\r\n lastTime = currentTime;\r\n\r\n const areaHeight = scene.getBoundingClientRect().height;\r\n const catchYLine = areaHeight - 60;\r\n\r\n for (let i = activeItems.length - 1; i >= 0; i--) {\r\n const item = activeItems[i];\r\n \r\n item.y += item.speed * deltaTime;\r\n item.el.style.top = `${item.y}px`;\r\n\r\n if (item.y > catchYLine - 30 && item.y < catchYLine + 20) {\r\n if (Math.abs(item.x - basketX) < 12) {\r\n catchItem(item);\r\n activeItems.splice(i, 1);\r\n continue;\r\n }\r\n }\r\n\r\n if (item.y > areaHeight) {\r\n if (item.type === 'good') {\r\n score = Math.max(0, score - 10);\r\n scoreText.textContent = score;\r\n showFloatingScore(-10, item.x, areaHeight - 60);\r\n }\r\n item.el.remove();\r\n activeItems.splice(i, 1);\r\n }\r\n }\r\n gameLoopId = requestAnimationFrame(gameLoop);\r\n }\r\n\r\n function catchItem(item) {\r\n item.el.remove();\r\n \r\n let points = 0;\r\n if (item.type === 'good') {\r\n points = 10;\r\n score += points;\r\n basketEl.style.transform = `translateX(-50%) translateY(5px)`;\r\n setTimeout(() => {\r\n if (isPlaying) basketEl.style.transform = `translateX(-50%) translateY(0)`;\r\n }, 100);\r\n } else {\r\n points = -15;\r\n score = Math.max(0, score + points);\r\n scene.classList.add('animate-[pulse_0.2s_ease-in-out]');\r\n setTimeout(() => scene.classList.remove('animate-[pulse_0.2s_ease-in-out]'), 200);\r\n }\r\n\r\n scoreText.textContent = score;\r\n showFloatingScore(points, item.x, scene.getBoundingClientRect().height - 50);\r\n\r\n if (score >= TARGET_SCORE && isPlaying) {\r\n triggerWinSequence();\r\n }\r\n }\r\n\r\n function triggerWinSequence() {\r\n isPlaying = false;\r\n clearInterval(timerId);\r\n clearInterval(spawnIntervalId);\r\n cancelAnimationFrame(gameLoopId);\r\n\r\n playEpicWinSound();\r\n\r\n const basketRect = basketEl.getBoundingClientRect();\r\n const confettiX = (basketRect.left + (basketRect.width \/ 2)) \/ window.innerWidth;\r\n const confettiY = (basketRect.top + (basketRect.height \/ 2)) \/ window.innerHeight;\r\n\r\n if (typeof confetti !== 'undefined') {\r\n confetti({\r\n particleCount: 50,\r\n spread: 40,\r\n startVelocity: 30,\r\n scalar: 0.7,\r\n origin: { x: confettiX, y: confettiY },\r\n colors: ['#f59e0b', '#10b981', '#ef4444', '#3b82f6', '#eab308'],\r\n zIndex: 100\r\n });\r\n }\r\n\r\n basketEl.style.transition = 'transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)';\r\n basketEl.style.transform = 'translateX(-50%) scale(1.5)';\r\n basketEl.style.zIndex = '50';\r\n\r\n setTimeout(() => {\r\n basketEl.style.transition = '';\r\n basketEl.style.transform = `translateX(-50%)`;\r\n basketEl.style.zIndex = '10';\r\n finishGame();\r\n }, 1500);\r\n }\r\n\r\n function showFloatingScore(points, xPercent, yPx) {\r\n const el = document.createElement('div');\r\n el.className = `floating-score ${points > 0 ? 'text-green-500' : 'text-red-500'}`;\r\n el.textContent = points > 0 ? `+${points}` : points;\r\n el.style.left = `${xPercent}%`;\r\n el.style.top = `${yPx}px`;\r\n \r\n scene.appendChild(el);\r\n setTimeout(() => el.remove(), 800);\r\n }\r\n\r\n function finishGame() {\r\n isPlaying = false;\r\n clearInterval(timerId);\r\n clearInterval(spawnIntervalId);\r\n cancelAnimationFrame(gameLoopId);\r\n\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n\r\n if (score >= TARGET_SCORE) {\r\n contentWin.classList.remove('hidden');\r\n contentLose.classList.add('hidden');\r\n contentWin.classList.add('flex');\r\n document.getElementById('ly-prize-code').textContent = 'LY' + Math.floor(1000 + Math.random() * 9000);\r\n \r\n if (typeof confetti !== 'undefined') {\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 }, colors: ['#f59e0b', '#10b981', '#fcd34d'], zIndex: 100 });\r\n }\r\n } else {\r\n contentWin.classList.add('hidden');\r\n contentLose.classList.remove('hidden');\r\n contentLose.classList.add('flex');\r\n document.getElementById('ly-final-score').textContent = score;\r\n }\r\n }\r\n\r\n function resetToMenu() {\r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n \r\n overlayMenu.classList.remove('hidden');\r\n overlayMenu.classList.add('flex');\r\n }\r\n \r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa9320 e-flex e-con-boxed e-con e-parent\" data-id=\"8aa9320\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0a6db elementor-widget elementor-widget-html\" data-id=\"8c0a6db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>\u015eans \u00c7ark\u0131<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #f0f9ff;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .sc-bg-pattern {\r\n background-image: radial-gradient(#bae6fd 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n #sc-game-scene {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: linear-gradient(to bottom, #f0f9ff, #e0f2fe);\r\n touch-action: none;\r\n }\r\n\r\n #sc-wheel {\r\n \/* Ak\u0131c\u0131 yava\u015flama i\u00e7in \u00f6zel bir k\u00fcbik bezier e\u011frisi *\/\r\n transition: transform 5s cubic-bezier(0.2, 0, 0.1, 1);\r\n will-change: transform;\r\n }\r\n\r\n .fade-in { animation: fadeIn 0.3s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .sc-pointer {\r\n position: absolute;\r\n top: -20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 40px;\r\n height: 50px;\r\n z-index: 30;\r\n filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4 sc-bg-pattern\">\r\n \r\n \r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-sky-100 flex flex-col overflow-hidden relative\">\r\n \r\n \r\n <div class=\"bg-sky-500 text-white p-4 text-center z-20 relative shadow-md shrink-0 border-b border-sky-400\">\r\n <h1 class=\"text-2xl font-black tracking-tight uppercase italic text-white drop-shadow-sm\">\u015eans \u00c7ark\u0131<\/h1>\r\n <p class=\"text-sky-100 text-xs font-bold tracking-widest uppercase\">\u00c7evir ve \u015eans\u0131n\u0131 Dene!<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-game-scene\" class=\"flex-1 flex flex-col items-center justify-center p-4\">\r\n \r\n \r\n <div class=\"relative w-full max-w-[320px] aspect-square flex items-center justify-center\">\r\n \r\n \r\n <div class=\"sc-pointer\">\r\n <svg viewBox=\"0 0 40 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M20 50L40 10C40 4.47715 35.5228 0 30 0H10C4.47715 0 0 4.47715 0 10L20 50Z\" fill=\"#ef4444\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <svg id=\"sc-wheel\" class=\"w-full h-full drop-shadow-2xl\" viewBox=\"0 0 100 100\"><\/svg>\r\n\r\n \r\n <div class=\"absolute w-12 h-12 bg-white rounded-full border-4 border-sky-500 shadow-lg z-20 flex items-center justify-center\">\r\n <div class=\"w-3 h-3 bg-sky-500 rounded-full animate-ping\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 w-full px-8\">\r\n <button id=\"sc-btn-spin-active\" class=\"w-full bg-sky-500 hover:bg-sky-600 text-white font-black text-xl py-5 rounded-2xl transition-transform active:scale-95 shadow-[0_6px_0_#0284c7]\">\r\n \u00c7ARKI \u00c7EV\u0130R!\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4 text-center\">\r\n <div class=\"w-full bg-white rounded-3xl p-6 pop-in\">\r\n <div class=\"w-20 h-20 bg-sky-100 rounded-full flex items-center justify-center mx-auto mb-4 shadow-inner border-4 border-white\">\r\n <span class=\"text-4xl animate-spin\" style=\"animation-duration: 3s\">\ud83c\udfa1<\/span>\r\n <\/div>\r\n <h2 class=\"text-2xl font-black text-sky-600 mb-4\">\u015eans\u0131na Ne \u00c7\u0131kacak?<\/h2>\r\n <div class=\"bg-sky-50 rounded-2xl p-4 mb-8 text-left border border-sky-100\">\r\n <p class=\"text-sm font-bold text-sky-800 text-center\">\r\n \u00c7ark\u0131 \u00e7evir, %1 ile %5 aras\u0131 indirim kap! Dikkat et, PAS gelirse bug\u00fcnl\u00fck hakk\u0131n biter.\r\n <\/p>\r\n <\/div>\r\n <button id=\"sc-btn-start\" class=\"w-full bg-sky-500 hover:bg-sky-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#0284c7]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Hemen Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex flex-col items-center justify-center p-4 text-center\">\r\n <div class=\"w-full bg-white rounded-3xl p-6 pop-in\">\r\n \r\n \r\n <div id=\"sc-win-layout\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4\">\ud83c\udf81<\/div>\r\n <h2 class=\"text-3xl font-black text-sky-600 mb-2\">M\u00fcthi\u015f!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">\u0130\u015fte \u015fans\u0131na \u00e7\u0131kan indirim:<\/p>\r\n <div class=\"bg-sky-50 border-2 border-dashed border-sky-300 rounded-2xl p-6 mb-8 w-full\">\r\n <p id=\"sc-result-text\" class=\"text-4xl font-black text-sky-600 uppercase tracking-tight\"><\/p>\r\n <p class=\"text-xs font-bold text-sky-400 mt-2 uppercase tracking-widest\">Hediye Kodun: <span id=\"sc-prize-code\">---<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-lose-layout\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4 grayscale\">\ud83d\ude15<\/div>\r\n <h2 class=\"text-3xl font-black text-slate-700 mb-2\">T\u00fch!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-6\">Maalesef PAS geldi.<\/p>\r\n <div class=\"bg-slate-50 border-2 border-dashed border-slate-300 rounded-2xl p-6 mb-8 w-full\">\r\n <p class=\"text-xl font-bold text-slate-500 uppercase tracking-tight\">\u00dczg\u00fcn\u00fcz, Kaybettin<\/p>\r\n <p class=\"text-xs font-bold text-slate-400 mt-2\">Bu g\u00fcnl\u00fck hakk\u0131n doldu.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"sc-btn-restart\" class=\"w-full bg-slate-800 hover:bg-slate-900 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-lg\">\r\n Anlad\u0131m\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ \u00d6d\u00fcller ve A\u011f\u0131rl\u0131klar (Probability Weights)\r\n \/\/ Weight 1 = Standard\r\n const PRIZES = [\r\n { text: \"%1 \u0130ndirim\", color: \"#0ea5e9\", type: \"win\", value: 1, weight: 0.75 }, \r\n { text: \"%2 \u0130ndirim\", color: \"#f97316\", type: \"win\", value: 2, weight: 1.00 }, \r\n { text: \"%3 \u0130ndirim\", color: \"#8b5cf6\", type: \"win\", value: 3, weight: 1.00 }, \r\n { text: \"%5 \u0130ndirim\", color: \"#10b981\", type: \"win\", value: 5, weight: 1.25 }, \r\n { text: \"PAS\", color: \"#64748b\", type: \"lose\", value: 0, weight: 0.75 } \r\n ];\r\n\r\n const FORCES = [\r\n { label: \"Az\", base: 1440, duration: 5 },\r\n { label: \"Orta\", base: 2880, duration: 7 },\r\n { label: \"\u00c7ok\", base: 7200, duration: 10 }\r\n ];\r\n\r\n let currentRotation = 0;\r\n let isSpinning = false;\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n return audioCtx;\r\n }\r\n\r\n function playTickSound() {\r\n const ctx = ensureAudioContext();\r\n const osc = ctx.createOscillator();\r\n const gain = ctx.createGain();\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(800, ctx.currentTime);\r\n gain.gain.setValueAtTime(0.05, ctx.currentTime);\r\n gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.05);\r\n osc.connect(gain); gain.connect(ctx.destination);\r\n osc.start(); osc.stop(ctx.currentTime + 0.05);\r\n }\r\n\r\n function playArcadeFailSound() {\r\n const ctx = ensureAudioContext();\r\n const now = ctx.currentTime;\r\n const osc = ctx.createOscillator();\r\n const gain = ctx.createGain();\r\n osc.type = 'sawtooth';\r\n osc.frequency.setValueAtTime(440, now);\r\n osc.frequency.exponentialRampToValueAtTime(110, now + 1); \r\n gain.gain.setValueAtTime(0.1, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 1);\r\n osc.connect(gain);\r\n gain.connect(ctx.destination);\r\n osc.start(now);\r\n osc.stop(now + 1);\r\n }\r\n\r\n function playWinSound(isExtreme) {\r\n const ctx = ensureAudioContext();\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n const count = isExtreme ? 50 : 35;\r\n const vol = isExtreme ? 0.2 : 0.15;\r\n for (let i = 0; i < count; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 12) * 0.2);\r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', vol);\r\n if(isExtreme) playNote(note * pitchShift * 1.5, time + (i * 0.04), 0.1, 'square', 0.05);\r\n }\r\n let fanfareTime = time + 1.2;\r\n playChord([261, 329, 392], fanfareTime, 0.2, 'sawtooth', 0.4); \r\n playChord([349, 440, 523], fanfareTime + 0.25, 0.2, 'sawtooth', 0.4);\r\n playChord([392, 493, 587], fanfareTime + 0.5, 0.25, 'sawtooth', 0.4);\r\n let finaleTime = fanfareTime + 0.85;\r\n playChord([130, 261, 329, 392, 523, 659, 783], finaleTime, isExtreme ? 3.5 : 2.5, 'sawtooth', 0.6);\r\n }\r\n\r\n function playChord(frequencies, startTime, duration, type, totalVolume) {\r\n frequencies.forEach(freq => {\r\n playNote(freq, startTime, duration, type, totalVolume \/ frequencies.length);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', maxVol = 0.3) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(maxVol, startTime + 0.05);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(startTime); osc.stop(startTime + duration);\r\n }\r\n\r\n const wheel = document.getElementById('sc-wheel');\r\n const overlayMenu = document.getElementById('sc-overlay-menu');\r\n const overlayResult = document.getElementById('sc-overlay-result');\r\n const resultText = document.getElementById('sc-result-text');\r\n const prizeCodeText = document.getElementById('sc-prize-code');\r\n const winLayout = document.getElementById('sc-win-layout');\r\n const loseLayout = document.getElementById('sc-lose-layout');\r\n\r\n function drawWheel() {\r\n const sliceAngle = 360 \/ PRIZES.length;\r\n wheel.innerHTML = '';\r\n PRIZES.forEach((prize, i) => {\r\n const startAngle = i * sliceAngle;\r\n const endAngle = (i + 1) * sliceAngle;\r\n const x1 = 50 + 50 * Math.cos(Math.PI * (startAngle - 90) \/ 180);\r\n const y1 = 50 + 50 * Math.sin(Math.PI * (startAngle - 90) \/ 180);\r\n const x2 = 50 + 50 * Math.cos(Math.PI * (endAngle - 90) \/ 180);\r\n const y2 = 50 + 50 * Math.sin(Math.PI * (endAngle - 90) \/ 180);\r\n const pathData = `M 50 50 L ${x1} ${y1} A 50 50 0 0 1 ${x2} ${y2} Z`;\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n path.setAttribute(\"d\", pathData);\r\n path.setAttribute(\"fill\", prize.color);\r\n path.setAttribute(\"stroke\", \"white\");\r\n path.setAttribute(\"stroke-width\", \"0.5\");\r\n wheel.appendChild(path);\r\n const textAngle = startAngle + sliceAngle \/ 2;\r\n const textX = 50 + 35 * Math.cos(Math.PI * (textAngle - 90) \/ 180);\r\n const textY = 50 + 35 * Math.sin(Math.PI * (textAngle - 90) \/ 180);\r\n const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n text.setAttribute(\"x\", textX);\r\n text.setAttribute(\"y\", textY);\r\n text.setAttribute(\"fill\", \"white\");\r\n text.setAttribute(\"font-size\", \"4\");\r\n text.setAttribute(\"font-weight\", \"900\");\r\n text.setAttribute(\"text-anchor\", \"middle\");\r\n text.setAttribute(\"transform\", `rotate(${textAngle}, ${textX}, ${textY})`);\r\n text.textContent = prize.text;\r\n wheel.appendChild(text);\r\n });\r\n }\r\n\r\n drawWheel();\r\n\r\n document.getElementById('sc-btn-start').addEventListener('click', () => {\r\n ensureAudioContext();\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n });\r\n\r\n document.getElementById('sc-btn-spin-active').addEventListener('click', spinWheel);\r\n document.getElementById('sc-btn-restart').addEventListener('click', () => {\r\n overlayResult.classList.add('hidden');\r\n overlayResult.classList.remove('flex');\r\n });\r\n\r\n \/\/ A\u011f\u0131rl\u0131kl\u0131 rastgele se\u00e7im fonksiyonu\r\n function getWeightedWinner() {\r\n const totalWeight = PRIZES.reduce((acc, p) => acc + p.weight, 0);\r\n let random = Math.random() * totalWeight;\r\n for (let i = 0; i < PRIZES.length; i++) {\r\n if (random < PRIZES[i].weight) return i;\r\n random -= PRIZES[i].weight;\r\n }\r\n return 0;\r\n }\r\n\r\n function spinWheel() {\r\n if (isSpinning) return;\r\n ensureAudioContext();\r\n isSpinning = true;\r\n\r\n \/\/ 1. Kazanan\u0131 a\u011f\u0131rl\u0131klara g\u00f6re \u00f6nceden se\u00e7\r\n const winningIndex = getWeightedWinner();\r\n \r\n \/\/ 2. Rastgele kuvvet se\u00e7\r\n const randomForce = FORCES[Math.floor(Math.random() * FORCES.length)];\r\n \r\n \/\/ 3. Durmas\u0131 gereken a\u00e7\u0131y\u0131 hesapla (Slicelara g\u00f6re)\r\n \/\/ Her dilim 72 derece (360\/5)\r\n const sliceSize = 360 \/ PRIZES.length;\r\n \/\/ Pointer 0 derecede (\u00fcstte). Kazanan dilimin orta noktas\u0131na yak\u0131n bir a\u00e7\u0131 se\u00e7elim.\r\n \/\/ Dilim i, i*72 ile (i+1)*72 aras\u0131ndad\u0131r.\r\n const targetAngleInWheel = (winningIndex * sliceSize) + (Math.random() * (sliceSize - 10) + 5);\r\n \r\n \/\/ \u00c7ark\u0131 d\u00f6nd\u00fcrmek i\u00e7in: currentRotation'\u0131 \u00f6yle ayarla ki (currentRotation % 360) \r\n \/\/ de\u011feri bizi o dilime g\u00f6t\u00fcrs\u00fcn. Pointer \u00fcstte sabit oldu\u011fu i\u00e7in form\u00fcl:\r\n \/\/ winningIndex = Math.floor(((360 - (rot % 360)) % 360) \/ 72)\r\n const targetRotationToStop = (360 - targetAngleInWheel) % 360;\r\n\r\n \/\/ Toplam d\u00f6n\u00fc\u015f: Tam turlar + hedef a\u00e7\u0131 fark\u0131\r\n const fullTurns = randomForce.base;\r\n const nextRotation = currentRotation + fullTurns + (targetRotationToStop - (currentRotation % 360) + 360) % 360;\r\n \r\n currentRotation = nextRotation;\r\n\r\n wheel.style.transition = `transform ${randomForce.duration}s cubic-bezier(0.2, 0, 0.1, 1)`;\r\n wheel.style.transform = `rotate(${currentRotation}deg)`;\r\n\r\n let lastTickAngle = 0;\r\n const startTime = performance.now();\r\n const tickInterval = setInterval(() => {\r\n const elapsed = performance.now() - startTime;\r\n if (elapsed \/ (randomForce.duration * 1000) >= 1) {\r\n clearInterval(tickInterval);\r\n return;\r\n }\r\n const currentTransform = window.getComputedStyle(wheel).transform;\r\n if (currentTransform === 'none') return;\r\n const values = currentTransform.split('(')[1].split(')')[0].split(',');\r\n const a = values[0], b = values[1];\r\n let angle = Math.round(Math.atan2(b, a) * (180 \/ Math.PI));\r\n if (angle < 0) angle += 360;\r\n if (Math.abs(angle - lastTickAngle) > (360 \/ PRIZES.length)) {\r\n playTickSound();\r\n lastTickAngle = angle;\r\n }\r\n }, 16);\r\n\r\n setTimeout(() => {\r\n isSpinning = false;\r\n showResult(PRIZES[winningIndex]);\r\n }, randomForce.duration * 1000);\r\n }\r\n\r\n function triggerConfetti(isExtreme) {\r\n if (isExtreme) {\r\n const end = Date.now() + (3 * 1000);\r\n const colors = ['#10b981', '#ffffff', '#fbbf24', '#f472b6'];\r\n (function frame() {\r\n confetti({ particleCount: 2, angle: 60, spread: 55, origin: { x: 0 }, colors: colors });\r\n confetti({ particleCount: 2, angle: 120, spread: 55, origin: { x: 1 }, colors: colors });\r\n if (Date.now() < end) requestAnimationFrame(frame);\r\n }());\r\n confetti({ particleCount: 150, spread: 100, origin: { y: 0.6 }, scalar: 1.5 });\r\n } else {\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 } });\r\n }\r\n }\r\n\r\n function showResult(prizeObj) {\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n if (prizeObj.type === \"win\") {\r\n winLayout.classList.remove('hidden');\r\n winLayout.classList.add('flex');\r\n loseLayout.classList.add('hidden');\r\n resultText.textContent = prizeObj.text;\r\n prizeCodeText.textContent = 'SC' + Math.floor(1000 + Math.random() * 9000);\r\n const isExtreme = prizeObj.value === 5;\r\n playWinSound(isExtreme);\r\n triggerConfetti(isExtreme);\r\n } else {\r\n winLayout.classList.add('hidden');\r\n loseLayout.classList.remove('hidden');\r\n loseLayout.classList.add('flex');\r\n playArcadeFailSound();\r\n }\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a64b8b0 e-flex e-con-boxed e-con e-parent\" data-id=\"a64b8b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6657945 elementor-widget elementor-widget-html\" data-id=\"6657945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet Sand\u0131\u011f\u0131<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n #lc-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 0.5rem;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .lc-main-frame {\r\n width: 100%;\r\n max-width: 28rem;\r\n height: 85vh;\r\n max-height: 800px;\r\n background-color: #020617;\r\n border-radius: 1.5rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n \/* Distortion s\u00f6n\u00fcmlemesi *\/\r\n transition: filter 0.6s ease-out, transform 0.6s ease-out;\r\n --effect-intensity: 0;\r\n }\r\n\r\n \/* Lazer Tasar\u0131m\u0131 *\/\r\n .lc-laser {\r\n position: absolute;\r\n bottom: 45%; left: 50%;\r\n width: 35px; height: 200vh;\r\n background: linear-gradient(to top, var(--beam-color), transparent);\r\n transform-origin: bottom center;\r\n opacity: 0; filter: blur(3px);\r\n mix-blend-mode: screen;\r\n pointer-events: none; z-index: 5;\r\n box-shadow: 0 0 30px var(--beam-color);\r\n transition: opacity 0.2s ease, width 0.1s ease;\r\n }\r\n\r\n .lc-laser::after {\r\n content: ''; position: absolute;\r\n left: 40%; width: 20%; height: 100%;\r\n background: white; filter: blur(1px);\r\n }\r\n\r\n \/* Lazerle Ayn\u0131 Y\u00f6nde Uzayan Enerji \u0130pleri *\/\r\n .lc-string-ribbon {\r\n position: absolute;\r\n bottom: 45%;\r\n left: 50%;\r\n width: 2px;\r\n height: 0;\r\n background: linear-gradient(to top, var(--ribbon-color), transparent);\r\n transform-origin: bottom center;\r\n pointer-events: none;\r\n opacity: 0;\r\n z-index: 6;\r\n filter: blur(1px);\r\n box-shadow: 0 0 10px var(--ribbon-color);\r\n }\r\n\r\n \/* MERKEZ\u0130 SP\u0130RAL \u0130P *\/\r\n .lc-central-spiral {\r\n position: absolute;\r\n bottom: 45%;\r\n left: 50%;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(to top, #ffffff, #facc15, transparent);\r\n transform-origin: bottom center;\r\n pointer-events: none;\r\n opacity: 0;\r\n z-index: 8;\r\n filter: blur(1px);\r\n box-shadow: 0 0 20px #facc15, 0 0 40px #eab308;\r\n }\r\n\r\n @keyframes lc-string-rise {\r\n 0% { height: 0; opacity: 0; }\r\n 20% { opacity: 1; }\r\n 100% { height: 200vh; opacity: 0; }\r\n }\r\n\r\n \/* Spiral D\u00f6n\u00fc\u015f Animasyonu *\/\r\n @keyframes lc-spiral-rise {\r\n 0% { height: 0; opacity: 0; transform: translateX(-50%) rotate(0deg); }\r\n 10% { opacity: 1; }\r\n 100% { height: 250vh; opacity: 0; transform: translateX(-50%) rotate(1440deg); }\r\n }\r\n\r\n @keyframes lc-shake {\r\n 0% { transform: translate(1px, 1px) rotate(0deg); }\r\n 20% { transform: translate(calc(var(--effect-intensity) * -5px), calc(var(--effect-intensity) * -3px)) rotate(calc(var(--effect-intensity) * 1.5deg)); }\r\n 40% { transform: translate(calc(var(--effect-intensity) * 5px), calc(var(--effect-intensity) * 3px)) rotate(calc(var(--effect-intensity) * -1.5deg)); }\r\n 60% { transform: translate(calc(var(--effect-intensity) * -5px), calc(var(--effect-intensity) * 2px)) rotate(0deg); }\r\n 80% { transform: translate(calc(var(--effect-intensity) * 5px), calc(var(--effect-intensity) * -2px)) rotate(calc(var(--effect-intensity) * 1.5deg)); }\r\n 100% { transform: translate(1px, calc(var(--effect-intensity) * -3px)) rotate(calc(var(--effect-intensity) * -1deg)); }\r\n }\r\n .lc-chest-shake { \r\n animation: lc-shake 0.07s infinite; \r\n transition: transform 0.5s ease-out;\r\n }\r\n\r\n .lc-coupon {\r\n position: absolute;\r\n width: 65px; height: 42px;\r\n background: linear-gradient(135deg, #fbbf24, #d97706);\r\n border: 2px solid #fff;\r\n border-radius: 4px;\r\n display: flex; flex-direction: column;\r\n align-items: center; justify-content: center;\r\n box-shadow: 0 0 20px rgba(251, 191, 36, 0.9);\r\n z-index: 30; color: white; font-weight: 900;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes lc-item-pop {\r\n 0% { transform: scale(0) translate(0, 0); opacity: 0; }\r\n 40% { transform: scale(1.8) translate(var(--target-x), var(--target-y)); opacity: 1; }\r\n 100% { transform: scale(1.3) translate(var(--target-x), var(--target-y)); opacity: 1; }\r\n }\r\n .lc-item-pop { animation: lc-item-pop 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n \r\n .lc-glitch { animation: glitch 0.04s infinite; }\r\n @keyframes glitch { \r\n 0% { filter: hue-rotate(0deg) contrast(1.2); transform: translate(calc(var(--effect-intensity) * 3px), calc(var(--effect-intensity) * 3px)); }\r\n 50% { filter: hue-rotate(calc(var(--effect-intensity) * 110deg)) contrast(1.6); transform: translate(calc(var(--effect-intensity) * -3px), calc(var(--effect-intensity) * -3px)); }\r\n 100% { filter: hue-rotate(0deg) contrast(1.2); transform: translate(calc(var(--effect-intensity) * 3px), calc(var(--effect-intensity) * 3px)); }\r\n }\r\n\r\n .lc-glitch-mild { animation: shake-mild 0.12s infinite; }\r\n @keyframes shake-mild {\r\n 0% { transform: translate(1px, 1px); }\r\n 50% { transform: translate(-1px, -1px); }\r\n 100% { transform: translate(1px, 1px); }\r\n }\r\n\r\n #lc-confetti-canvas {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 100;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"lc-game-root\">\r\n <div class=\"lc-main-frame\" id=\"lc-container\">\r\n <canvas id=\"lc-confetti-canvas\"><\/canvas>\r\n \r\n <div id=\"lc-lasers-container\" class=\"absolute inset-0 pointer-events-none\"><\/div>\r\n\r\n <div class=\"bg-slate-900\/60 backdrop-blur p-4 text-center z-20 border-b border-slate-800 shrink-0\">\r\n <h1 class=\"text-xl font-black tracking-tight uppercase italic text-yellow-500\">Kader Sand\u0131\u011f\u0131<\/h1>\r\n <\/div>\r\n\r\n <div id=\"lc-game-scene\" class=\"flex-1 flex flex-col items-center justify-center relative\">\r\n \r\n <div id=\"lc-chest-wrapper\" class=\"relative z-10 cursor-pointer transition-transform active:scale-90\">\r\n <svg width=\"180\" height=\"150\" viewBox=\"0 0 100 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"10\" y=\"40\" width=\"80\" height=\"35\" rx=\"4\" fill=\"#78350f\" stroke=\"#451a03\" stroke-width=\"2\"\/>\r\n <path d=\"M10 40C10 25 90 25 90 40H10Z\" fill=\"#92400e\" stroke=\"#451a03\" stroke-width=\"2\" id=\"lc-chest-lid\"\/>\r\n <rect x=\"42\" y=\"35\" width=\"16\" height=\"12\" rx=\"2\" fill=\"#fbbf24\" stroke=\"#d97706\" stroke-width=\"1\"\/>\r\n <circle cx=\"50\" cy=\"41\" r=\"2\" fill=\"#451a03\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div id=\"lc-rewards-container\" class=\"absolute inset-0 pointer-events-none flex items-center justify-center z-20\"><\/div>\r\n\r\n <div id=\"lc-overlay-menu\" class=\"absolute inset-0 bg-slate-950\/80 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-6 text-center\">\r\n <div class=\"w-full bg-slate-900 border border-slate-700 p-8 rounded-3xl pop-in\">\r\n <div class=\"text-6xl mb-6\">\ud83c\udf81<\/div>\r\n <h2 class=\"text-2xl font-black mb-4 uppercase text-yellow-500\">Sand\u0131\u011f\u0131 A\u00e7<\/h2>\r\n <button id=\"lc-btn-start\" class=\"w-full bg-yellow-500 text-slate-950 font-black text-lg py-4 rounded-2xl shadow-[0_4px_0_#b45309] active:translate-y-[2px] transition-all\">\r\n OYUNA BA\u015eLA\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"lc-overlay-result\" class=\"absolute inset-0 bg-slate-950\/95 backdrop-blur-xl z-50 hidden flex flex-col items-center justify-center p-6 text-center\">\r\n <div class=\"w-full pop-in\">\r\n <div id=\"lc-result-icon\" class=\"text-7xl mb-4 animate-bounce\">\ud83d\udc51<\/div>\r\n <h2 class=\"text-4xl font-black text-white mb-2 uppercase\" id=\"lc-result-title\"><\/h2>\r\n <div class=\"bg-slate-900 border-2 border-dashed border-yellow-500 rounded-3xl p-6 mb-8 w-full\">\r\n <p id=\"lc-result-text\" class=\"text-3xl font-black text-yellow-500 uppercase\"><\/p>\r\n <p class=\"text-xs font-bold text-slate-500 mt-2 tracking-widest uppercase\">KUPON KODU: <span id=\"lc-prize-code\" class=\"text-white font-black\">---<\/span><\/p>\r\n <\/div>\r\n <button id=\"lc-btn-restart\" class=\"w-full bg-white text-slate-950 font-black py-4 rounded-2xl shadow-xl active:scale-95 transition-transform\">\r\n TEKRAR DENE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n let isOpening = false;\r\n let audioCtx = null;\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let activeConfettiIntervals = [];\r\n let localConfetti = null;\r\n let musicGainNode = null;\r\n\r\n const confettiCanvas = document.getElementById('lc-confetti-canvas');\r\n if (typeof confetti !== 'undefined') {\r\n localConfetti = confetti.create(confettiCanvas, { resize: true, useWorker: true });\r\n }\r\n\r\n function safeConfetti(config) { if (localConfetti) localConfetti(config); }\r\n\r\n function ensureAudioContext() {\r\n if (!audioCtx) {\r\n audioCtx = new AudioContextClass();\r\n musicGainNode = audioCtx.createGain();\r\n musicGainNode.connect(audioCtx.destination);\r\n }\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n return audioCtx;\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', vol = 0.1, output = null) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(vol, startTime + 0.02);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n osc.connect(gain); \r\n gain.connect(output || audioCtx.destination);\r\n osc.start(startTime); osc.stop(startTime + duration);\r\n }\r\n\r\n function playBassPatSound(vol = 0.3) {\r\n const now = audioCtx.currentTime;\r\n const oscThump = audioCtx.createOscillator();\r\n const gainThump = audioCtx.createGain();\r\n oscThump.type = 'sine';\r\n oscThump.frequency.setValueAtTime(100, now);\r\n oscThump.frequency.exponentialRampToValueAtTime(20, now + 0.2);\r\n gainThump.gain.setValueAtTime(vol, now);\r\n gainThump.gain.exponentialRampToValueAtTime(0.001, now + 0.3);\r\n oscThump.connect(gainThump);\r\n gainThump.connect(audioCtx.destination);\r\n oscThump.start(now);\r\n oscThump.stop(now + 0.3);\r\n\r\n const oscClick = audioCtx.createOscillator();\r\n const gainClick = audioCtx.createGain();\r\n oscClick.type = 'triangle';\r\n oscClick.frequency.setValueAtTime(400, now);\r\n gainClick.gain.setValueAtTime(vol * 0.5, now);\r\n gainClick.gain.linearRampToValueAtTime(0, now + 0.05);\r\n oscClick.connect(gainClick);\r\n gainClick.connect(audioCtx.destination);\r\n oscClick.start(now);\r\n oscClick.stop(now + 0.05);\r\n }\r\n\r\n function playImpactSound() {\r\n const now = audioCtx.currentTime;\r\n const subOsc = audioCtx.createOscillator();\r\n const subGain = audioCtx.createGain();\r\n subOsc.type = 'sine';\r\n subOsc.frequency.setValueAtTime(120, now);\r\n subOsc.frequency.exponentialRampToValueAtTime(30, now + 0.4);\r\n subGain.gain.setValueAtTime(0.6, now);\r\n subGain.gain.exponentialRampToValueAtTime(0.001, now + 0.5);\r\n subOsc.connect(subGain);\r\n subGain.connect(audioCtx.destination);\r\n subOsc.start(now);\r\n subOsc.stop(now + 0.5);\r\n\r\n const attackOsc = audioCtx.createOscillator();\r\n const attackGain = audioCtx.createGain();\r\n attackOsc.type = 'triangle';\r\n attackOsc.frequency.setValueAtTime(220, now);\r\n attackOsc.frequency.exponentialRampToValueAtTime(60, now + 0.15);\r\n attackGain.gain.setValueAtTime(0.4, now);\r\n attackGain.gain.linearRampToValueAtTime(0, now + 0.2);\r\n attackOsc.connect(attackGain);\r\n attackGain.connect(audioCtx.destination);\r\n attackOsc.start(now);\r\n attackOsc.stop(now + 0.2);\r\n }\r\n\r\n function playPatSound(vol = 0.12) {\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'triangle';\r\n osc.frequency.setValueAtTime(160, now);\r\n osc.frequency.exponentialRampToValueAtTime(40, now + 0.1);\r\n gain.gain.setValueAtTime(vol, now);\r\n gain.gain.linearRampToValueAtTime(0, now + 0.15);\r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n osc.start(now);\r\n osc.stop(now + 0.15);\r\n }\r\n\r\n function playHypeMusic() {\r\n const now = audioCtx.currentTime;\r\n const tempo = 0.10;\r\n const sequence = [130, 164, 196, 220, 261, 311, 392, 440];\r\n if (musicGainNode) musicGainNode.gain.setValueAtTime(1, now);\r\n for(let i=0; i<60; i++) {\r\n const time = now + (i * tempo);\r\n const f = sequence[i % sequence.length] * (1 + (i*0.035));\r\n playNote(f, time, 0.15, 'sawtooth', 0.06, musicGainNode);\r\n }\r\n }\r\n \r\n function stopHypeMusic() {\r\n if (musicGainNode) {\r\n const now = audioCtx.currentTime;\r\n musicGainNode.gain.cancelScheduledValues(now);\r\n musicGainNode.gain.linearRampToValueAtTime(0, now + 0.1);\r\n }\r\n }\r\n\r\n function playWinFanfare() {\r\n const now = audioCtx.currentTime;\r\n const notes = [523, 659, 783, 1046, 1318, 1568];\r\n notes.forEach((f, i) => {\r\n playNote(f, now + (i * 0.08), 0.8, 'sine', 0.15);\r\n playNote(f * 1.5, now + (i * 0.08), 0.4, 'triangle', 0.06);\r\n });\r\n }\r\n\r\n const container = document.getElementById('lc-container');\r\n const chestWrapper = document.getElementById('lc-chest-wrapper');\r\n const chestLid = document.getElementById('lc-chest-lid');\r\n const lasersContainer = document.getElementById('lc-lasers-container');\r\n const rewardsContainer = document.getElementById('lc-rewards-container');\r\n const overlayMenu = document.getElementById('lc-overlay-menu');\r\n const overlayResult = document.getElementById('lc-overlay-result');\r\n\r\n document.getElementById('lc-btn-start').addEventListener('click', () => {\r\n ensureAudioContext();\r\n overlayMenu.classList.add('hidden');\r\n });\r\n\r\n document.getElementById('lc-btn-restart').addEventListener('click', () => {\r\n overlayResult.classList.add('hidden');\r\n resetScene();\r\n });\r\n\r\n chestWrapper.addEventListener('click', startSequence);\r\n\r\n \/\/ Lazerle Ayn\u0131 Y\u00f6nde Uzayan Enerji \u0130plerini Olu\u015ftur\r\n function createStringRibbons(angle, count) {\r\n const colors = ['#facc15', '#ffffff', '#fb923c'];\r\n for(let i = 0; i < count; i++) {\r\n const ribbon = document.createElement('div');\r\n ribbon.className = 'lc-string-ribbon';\r\n ribbon.style.setProperty('--ribbon-color', colors[i % colors.length]);\r\n const jitter = (Math.random() * 8 - 4); \r\n ribbon.style.transform = `translateX(-50%) rotate(${angle + jitter}deg)`;\r\n const duration = 0.8 + Math.random() * 1.2;\r\n ribbon.style.animation = `lc-string-rise ${duration}s ease-out forwards`;\r\n lasersContainer.appendChild(ribbon);\r\n }\r\n }\r\n\r\n \/\/ MERKEZ\u0130 SP\u0130RAL \u0130P OLU\u015eTURUCU\r\n function createCentralSpiral() {\r\n const spiral = document.createElement('div');\r\n spiral.className = 'lc-central-spiral';\r\n \/\/ Rastgele h\u0131zlanarak d\u00f6ner\r\n spiral.style.animation = `lc-spiral-rise 1.8s cubic-bezier(0.4, 0, 0.2, 1) forwards`;\r\n lasersContainer.appendChild(spiral);\r\n }\r\n\r\n async function startSequence() {\r\n if (isOpening) return;\r\n isOpening = true;\r\n ensureAudioContext();\r\n\r\n const rand = Math.random();\r\n let count = 1, color = \"#3b82f6\";\r\n if (rand > 0.66) { count = 5; color = \"#facc15\"; }\r\n else if (rand > 0.33) { count = 3; color = \"#a855f7\"; }\r\n\r\n if (count === 5) {\r\n playHypeMusic();\r\n container.classList.add('lc-glitch');\r\n chestWrapper.classList.add('lc-chest-shake');\r\n container.style.setProperty('--effect-intensity', '0.3');\r\n } else if (count === 3) {\r\n playNote(200, audioCtx.currentTime, 0.5, 'sawtooth', 0.1);\r\n container.classList.add('lc-glitch-mild');\r\n chestWrapper.classList.add('lc-chest-shake');\r\n container.style.setProperty('--effect-intensity', '0.3');\r\n } else {\r\n chestWrapper.classList.add('lc-chest-shake');\r\n container.style.setProperty('--effect-intensity', '0.2');\r\n }\r\n\r\n \/\/ A\u015eAMA 1: \u0130LK LAZER\r\n addLaser(0, color); \r\n playNote(110, audioCtx.currentTime, 0.4, 'square', 0.05);\r\n if (count === 5) {\r\n createStringRibbons(0, 2); \r\n createCentralSpiral(); \/\/ \u0130lk spiral merkezden f\u0131rlar\r\n }\r\n await wait(800);\r\n\r\n if (count >= 3) {\r\n addLaser(-25, color);\r\n addLaser(25, color);\r\n \r\n if (count === 3) {\r\n container.style.setProperty('--effect-intensity', '0.65');\r\n playNote(220, audioCtx.currentTime, 0.1, 'square', 0.08);\r\n playNote(240, audioCtx.currentTime + 0.1, 0.1, 'square', 0.08);\r\n triggerBurstConfetti(0.02, -25);\r\n triggerBurstConfetti(0.98, 25);\r\n } else {\r\n container.style.setProperty('--effect-intensity', '0.65');\r\n playBassPatSound(0.25);\r\n startContinuousConfetti(0.02, 0.35, 60, 4500, 25, true); \r\n startContinuousConfetti(0.98, 0.35, 120, 4500, 25, true);\r\n createStringRibbons(-25, 4);\r\n createStringRibbons(25, 4);\r\n createCentralSpiral(); \/\/ \u0130kinci spiral daha yo\u011fun bir \u015fekilde \u00e7\u0131kar\r\n }\r\n await wait(1000);\r\n }\r\n\r\n if (count === 5) {\r\n addLaser(-45, color);\r\n addLaser(45, color);\r\n container.style.setProperty('--effect-intensity', '1.0');\r\n playBassPatSound(0.35); \r\n startContinuousConfetti(0.02, 0.65, 60, 2800, 25, false);\r\n startContinuousConfetti(0.98, 0.65, 120, 2800, 25, false);\r\n createStringRibbons(-45, 8);\r\n createStringRibbons(45, 8);\r\n createCentralSpiral(); \/\/ Son ve en g\u00fc\u00e7l\u00fc spiral\r\n await wait(1500);\r\n }\r\n\r\n if (count === 5) {\r\n stopHypeMusic(); \r\n playImpactSound(); \r\n activeConfettiIntervals.forEach(clearInterval);\r\n activeConfettiIntervals = [];\r\n }\r\n\r\n container.style.setProperty('--effect-intensity', '0');\r\n container.style.filter = \"none\";\r\n container.style.transform = \"none\";\r\n chestWrapper.style.transform = \"scale(1)\";\r\n \r\n await wait(200);\r\n \r\n container.classList.remove('lc-glitch', 'lc-glitch-mild');\r\n chestWrapper.classList.remove('lc-chest-shake');\r\n chestLid.setAttribute(\"d\", \"M10 40C10 10 90 10 90 40H10Z\"); \r\n \r\n await wait(200);\r\n await popRewards(count, color);\r\n }\r\n\r\n function addLaser(angle, color) {\r\n const laser = document.createElement('div');\r\n laser.className = 'lc-laser';\r\n laser.style.setProperty('--beam-color', color);\r\n laser.style.transform = `translateX(-50%) rotate(${angle}deg)`;\r\n lasersContainer.appendChild(laser);\r\n setTimeout(() => laser.style.opacity = '0.7', 20);\r\n }\r\n\r\n function triggerBurstConfetti(x, angle) {\r\n playPatSound(0.08);\r\n safeConfetti({\r\n particleCount: 50, spread: 40, origin: { x: x, y: 0.6 },\r\n angle: 90 + angle, colors: ['#ffffff', '#a855f7'], scalar: 0.8\r\n });\r\n }\r\n\r\n function startContinuousConfetti(xOrigin, yOrigin, launchAngle, duration, spreadVal, withSound = true) {\r\n const end = Date.now() + duration;\r\n let soundCounter = 0;\r\n const interval = setInterval(() => {\r\n if (Date.now() > end) return clearInterval(interval);\r\n const rainbow = ['#ff0000', '#ffa500', '#ffff00', '#008000', '#0000ff', '#ffffff'];\r\n safeConfetti({\r\n particleCount: 5, angle: launchAngle, spread: spreadVal,\r\n origin: { x: xOrigin, y: yOrigin }, colors: rainbow, scalar: 0.9\r\n });\r\n if (withSound && soundCounter % 5 === 0) playPatSound(0.04);\r\n soundCounter++;\r\n }, 60);\r\n activeConfettiIntervals.push(interval);\r\n }\r\n\r\n async function popRewards(count, color) {\r\n const distance = 180;\r\n const angles = (count === 1) ? [0] : (count === 3) ? [0, -25, 25] : [0, -22, 22, -44, 44, -66, 66];\r\n \r\n for (let i = 0; i < count; i++) {\r\n const angleDeg = angles[i];\r\n const angleRad = (angleDeg - 90) * (Math.PI \/ 180);\r\n const baseFreq = 400;\r\n const pitchMultiplier = (count === 5) ? Math.pow(1.4, i) : (1 + (i * 0.3));\r\n const currentPitch = baseFreq * pitchMultiplier;\r\n playNote(currentPitch, audioCtx.currentTime, 0.15, (count === 5 ? 'triangle' : 'sine'), 0.2);\r\n const tx = Math.cos(angleRad) * distance;\r\n const ty = Math.sin(angleRad) * distance + 80;\r\n const coupon = document.createElement('div');\r\n coupon.className = 'lc-coupon lc-item-pop';\r\n coupon.style.setProperty('--target-x', `${tx}px`);\r\n coupon.style.setProperty('--target-y', `${ty}px`);\r\n coupon.innerHTML = `<span class=\"text-[8px] opacity-80\">\u0130ND\u0130R\u0130M<\/span><span class=\"text-xl\">%1<\/span>`;\r\n rewardsContainer.appendChild(coupon);\r\n triggerPointConfetti(count === 5 ? 20 : 12);\r\n const currentLasers = document.querySelectorAll('.lc-laser');\r\n if(currentLasers[i]) {\r\n currentLasers[i].style.opacity = '1'; currentLasers[i].style.width = '70px';\r\n setTimeout(() => { if(currentLasers[i]) { currentLasers[i].style.opacity = '0.6'; currentLasers[i].style.width = '35px'; } }, 100);\r\n }\r\n await wait(450 - (i * 85));\r\n }\r\n await wait(1000);\r\n showFinalResult(count, color);\r\n }\r\n\r\n function triggerPointConfetti(count) {\r\n const rect = chestWrapper.getBoundingClientRect();\r\n const containerRect = container.getBoundingClientRect();\r\n const x = (rect.left + rect.width \/ 2 - containerRect.left) \/ containerRect.width;\r\n const y = (rect.top + rect.height \/ 2 - containerRect.top) \/ containerRect.height;\r\n safeConfetti({ particleCount: count, spread: 80, origin: { x, y }, colors: ['#ffffff', '#facc15', '#fbbf24'], scalar: 0.7 });\r\n }\r\n\r\n function showFinalResult(count, color) {\r\n const total = (count === 3) ? 3 : (count === 5 ? 5 : 1);\r\n document.getElementById('lc-result-text').innerText = `%${total} \u0130ND\u0130R\u0130M`;\r\n document.getElementById('lc-prize-code').innerText = 'VS' + Math.floor(1000 + Math.random() * 9000);\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n playWinFanfare();\r\n if (count === 5) {\r\n playBassPatSound(0.5); \r\n const duration = 4000; \r\n const end = Date.now() + duration;\r\n const interval = setInterval(function() {\r\n const timeLeft = end - Date.now();\r\n if (timeLeft <= 0) return clearInterval(interval);\r\n const particleCount = 12 * (timeLeft \/ duration);\r\n safeConfetti({\r\n particleCount, angle: 90, spread: 70, origin: { x: 0.5, y: 0.6 },\r\n colors: ['#ff0000', '#ffa500', '#ffff00', '#008000', '#0000ff', '#ffffff'],\r\n scalar: 1.0, startVelocity: 45, gravity: 0.8\r\n });\r\n }, 50);\r\n } else {\r\n playPatSound(0.15);\r\n safeConfetti({ particleCount: 180, spread: 100, origin: { y: 0.6 }, colors: [color, '#ffffff'], scalar: 1.0 });\r\n }\r\n }\r\n\r\n function wait(ms) { return new Promise(r => setTimeout(r, ms)); }\r\n\r\n function resetScene() {\r\n isOpening = false;\r\n activeConfettiIntervals.forEach(clearInterval);\r\n activeConfettiIntervals = [];\r\n container.style.setProperty('--effect-intensity', '0');\r\n chestLid.setAttribute(\"d\", \"M10 40C10 25 90 25 90 40H10Z\");\r\n lasersContainer.innerHTML = '';\r\n rewardsContainer.innerHTML = '';\r\n container.style.filter = \"none\"; container.style.transform = \"none\";\r\n container.classList.remove('animate-pulse', 'lc-glitch', 'lc-glitch-mild');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ad2b47 e-flex e-con-boxed e-con e-parent\" data-id=\"9ad2b47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df6cc5b elementor-widget elementor-widget-html\" data-id=\"df6cc5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>\u0130ndirim Kasas\u0131<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n \/* Global body m\u00fcdahalesini kald\u0131rd\u0131k, sadece oyun k\u00f6k\u00fcne (ka-game-root) odaklan\u0131yoruz *\/\r\n #ka-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 0.5rem;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n color: white;\r\n }\r\n\r\n .ka-main-frame {\r\n width: 100%;\r\n max-width: 32rem;\r\n background-color: #0f172a; \/* Slate-900 *\/\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* Spinner Alan\u0131 *\/\r\n .ka-spinner-viewport {\r\n position: relative;\r\n width: 100%;\r\n height: 180px;\r\n background: #020617; \/* Slate-950 *\/\r\n margin: 1.5rem 0;\r\n overflow: hidden;\r\n border-top: 2px solid #1e293b;\r\n border-bottom: 2px solid #1e293b;\r\n }\r\n\r\n .ka-pointer {\r\n position: absolute;\r\n left: 50%; top: 0; bottom: 0;\r\n width: 4px;\r\n background: #fbbf24;\r\n z-index: 20;\r\n transform: translateX(-50%);\r\n box-shadow: 0 0 20px rgba(251, 191, 36, 0.6);\r\n }\r\n\r\n .ka-pointer::before, .ka-pointer::after {\r\n content: '';\r\n position: absolute;\r\n left: 50%; transform: translateX(-50%);\r\n width: 0; height: 0;\r\n border-left: 12px solid transparent;\r\n border-right: 12px solid transparent;\r\n }\r\n .ka-pointer::before { top: 0; border-top: 15px solid #fbbf24; }\r\n .ka-pointer::after { bottom: 0; border-bottom: 15px solid #fbbf24; }\r\n\r\n .ka-item-list {\r\n display: flex;\r\n position: absolute;\r\n left: 0; top: 0;\r\n height: 100%;\r\n transition: transform 6s cubic-bezier(0.1, 0, 0.05, 1);\r\n will-change: transform;\r\n }\r\n\r\n .ka-case-item {\r\n min-width: 150px;\r\n width: 150px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\r\n border-right: 1px solid #1c232d;\r\n position: relative;\r\n }\r\n\r\n \/* Nadirlik Renkleri *\/\r\n .ka-rarity-blue { border-bottom: 6px solid #3b82f6; }\r\n .ka-rarity-purple { border-bottom: 6px solid #a855f7; }\r\n .ka-rarity-red { border-bottom: 6px solid #ef4444; }\r\n .ka-rarity-gold { border-bottom: 6px solid #fbbf24; }\r\n\r\n \/* Envanter Slotu *\/\r\n .ka-inventory-slot {\r\n background: #1e293b;\r\n border-radius: 1rem;\r\n padding: 0.75rem;\r\n text-align: center;\r\n border-top: 3px solid transparent;\r\n animation: ka-pop 0.3s ease-out forwards;\r\n }\r\n @keyframes ka-pop { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"ka-game-root\">\r\n <div class=\"ka-main-frame\">\r\n \r\n \r\n <div class=\"bg-slate-800\/50 p-6 text-center border-b border-slate-700 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-blue-500\/10 to-purple-500\/10 opacity-50\"><\/div>\r\n <h1 class=\"text-3xl font-black italic tracking-tighter uppercase text-yellow-500 relative z-10\">\u0130ndirim Kasas\u0131<\/h1>\r\n <p class=\"text-slate-400 text-xs font-bold uppercase tracking-widest mt-1 relative z-10\">\u015eans\u0131n\u0131 Dene, B\u00fcy\u00fck Kazan!<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ka-spinner-viewport\" id=\"kaViewport\">\r\n <div class=\"ka-pointer\"><\/div>\r\n <div class=\"ka-item-list\" id=\"kaItemList\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 flex flex-col items-center gap-4\">\r\n <button id=\"kaBtnOpen\" class=\"w-full bg-yellow-500 hover:bg-yellow-400 text-slate-950 font-black text-xl py-5 rounded-2xl shadow-[0_6px_0_#b45309] active:translate-y-[2px] active:shadow-[0_2px_0_#b45309] transition-all disabled:opacity-50 disabled:cursor-not-allowed uppercase tracking-widest\">\r\n Kasay\u0131 A\u00e7\r\n <\/button>\r\n <p id=\"kaStatus\" class=\"text-slate-500 text-sm italic font-bold\">Kazanmak i\u00e7in \u00e7ark\u0131 \u00e7evir!<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-6 pb-6 grid grid-cols-4 gap-2 opacity-60\">\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-blue-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%1<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-purple-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%3<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-red-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%5<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-yellow-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%10<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 bg-slate-950\/50 border-t border-slate-800 min-h-[150px]\">\r\n <h2 class=\"text-sm font-black uppercase text-slate-400 mb-4 flex items-center gap-2\">\r\n <span class=\"w-1 h-4 bg-yellow-500 rounded-full\"><\/span> Son Kazand\u0131klar\u0131n\r\n <\/h2>\r\n <div id=\"kaInventory\" class=\"grid grid-cols-3 gap-3\">\r\n <p id=\"kaEmptyText\" class=\"text-slate-600 text-xs italic col-span-full\">Hen\u00fcz \u00f6d\u00fcl kazanmad\u0131n...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kaWinModal\" class=\"fixed inset-0 bg-slate-950\/90 backdrop-blur-md flex items-center justify-center z-50 hidden opacity-0 transition-all duration-300\">\r\n <div class=\"bg-slate-900 border-2 border-yellow-500\/50 p-8 rounded-3xl max-w-xs w-full text-center transform scale-90 transition-all duration-300 shadow-2xl shadow-yellow-500\/20\">\r\n <div class=\"text-xs font-black text-yellow-500 uppercase tracking-[0.2em] mb-4\">TEBR\u0130KLER!<\/div>\r\n <div id=\"kaModalIcon\" class=\"w-32 h-32 mx-auto rounded-3xl flex items-center justify-center text-5xl font-black mb-6 shadow-lg border-4\">\r\n <span id=\"kaWinLabel\">%10<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 text-sm font-medium mb-8\">Yeni indirim kuponun envanterine eklendi.<\/p>\r\n <button id=\"closeModalBtn\" class=\"w-full bg-white text-slate-950 py-4 rounded-2xl font-black text-lg shadow-xl hover:bg-slate-100 transition-colors\">\r\n ENVANTERE EKLE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ --- AYARLAR ---\r\n const REWARDS = [\r\n { label: '%1', chance: 65, rarity: 'ka-rarity-blue', color: '#3b82f6' },\r\n { label: '%3', chance: 24, rarity: 'ka-rarity-purple', color: '#a855f7' },\r\n { label: '%5', chance: 10, rarity: 'ka-rarity-red', color: '#ef4444' },\r\n { label: '%10', chance: 1, rarity: 'ka-rarity-gold', color: '#fbbf24' }\r\n ];\r\n\r\n const ITEM_WIDTH = 150;\r\n const TOTAL_SPIN_ITEMS = 60;\r\n let isSpinning = false;\r\n let audioCtx = null;\r\n\r\n \/\/ DOM Elementleri\r\n const itemList = document.getElementById('kaItemList');\r\n const openBtn = document.getElementById('kaBtnOpen');\r\n const inventory = document.getElementById('kaInventory');\r\n const winModal = document.getElementById('kaWinModal');\r\n const statusText = document.getElementById('kaStatus');\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 ---\r\n function initAudio() {\r\n if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playTick() {\r\n if (!audioCtx) return;\r\n const bufferSize = audioCtx.sampleRate * 0.02;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) { data[i] = Math.random() * 2 - 1; }\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'bandpass'; filter.frequency.value = 6000; filter.Q.value = 1.5;\r\n const gain = audioCtx.createGain();\r\n gain.gain.setValueAtTime(0.4, audioCtx.currentTime);\r\n gain.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.02);\r\n noise.connect(filter); filter.connect(gain); gain.connect(audioCtx.destination);\r\n noise.start();\r\n }\r\n\r\n function playWin() {\r\n if (!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const oscGain = audioCtx.createGain();\r\n osc.connect(oscGain); oscGain.connect(audioCtx.destination);\r\n osc.type = 'sine'; osc.frequency.setValueAtTime(120, now);\r\n osc.frequency.exponentialRampToValueAtTime(20, now + 0.3);\r\n oscGain.gain.setValueAtTime(0, now);\r\n oscGain.gain.linearRampToValueAtTime(0.7, now + 0.03);\r\n oscGain.gain.exponentialRampToValueAtTime(0.001, now + 0.4);\r\n osc.start(now); osc.stop(now + 0.5);\r\n\r\n const duration = 1.8;\r\n const bufferSize = audioCtx.sampleRate * duration;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) { data[i] = Math.random() * 2 - 1; }\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const highFilter = audioCtx.createBiquadFilter(); highFilter.type = 'bandpass'; highFilter.frequency.setValueAtTime(800, now);\r\n const midFilter = audioCtx.createBiquadFilter(); midFilter.type = 'bandpass'; midFilter.frequency.setValueAtTime(300, now);\r\n const noiseGain = audioCtx.createGain(); noiseGain.gain.setValueAtTime(0, now);\r\n noiseGain.gain.linearRampToValueAtTime(0.3, now + 0.05);\r\n noiseGain.gain.exponentialRampToValueAtTime(0.001, now + duration);\r\n const masterLowpass = audioCtx.createBiquadFilter(); masterLowpass.type = 'lowpass'; masterLowpass.frequency.value = 1200;\r\n noise.connect(highFilter); noise.connect(midFilter); highFilter.connect(noiseGain); midFilter.connect(noiseGain);\r\n noiseGain.connect(masterLowpass); masterLowpass.connect(audioCtx.destination);\r\n noise.start(now);\r\n }\r\n\r\n \/\/ --- OYUN MANTI\u011eI ---\r\n function getRandomReward() {\r\n const rand = Math.random() * 100;\r\n let cumulative = 0;\r\n for (const r of REWARDS) {\r\n cumulative += r.chance;\r\n if (rand <= cumulative) return r;\r\n }\r\n return REWARDS[0];\r\n }\r\n\r\n function createItemNode(reward) {\r\n const div = document.createElement('div');\r\n div.className = `ka-case-item ${reward.rarity}`;\r\n div.innerHTML = `\r\n <span class=\"text-3xl font-black mb-1\">${reward.label}<\/span>\r\n <span class=\"text-[9px] uppercase text-slate-500 font-bold tracking-wider\">\u0130ndirim<\/span>\r\n `;\r\n return div;\r\n }\r\n\r\n \/\/ Ba\u015flang\u0131\u00e7ta \u015feridi doldur\r\n function setupInitialItems() {\r\n itemList.innerHTML = '';\r\n for (let i = 0; i < 15; i++) {\r\n itemList.appendChild(createItemNode(REWARDS[i % 4]));\r\n }\r\n }\r\n\r\n function spin() {\r\n if (isSpinning) return;\r\n initAudio();\r\n isSpinning = true;\r\n openBtn.disabled = true;\r\n statusText.innerText = \"\u015eans\u0131n d\u00f6n\u00fcyor...\";\r\n\r\n \/\/ \u015eeridi temizle ve yeni \u00f6\u011felerle doldur\r\n itemList.innerHTML = '';\r\n itemList.style.transition = 'none';\r\n itemList.style.transform = 'translateX(0px)';\r\n\r\n const spinItems = [];\r\n for (let i = 0; i < TOTAL_SPIN_ITEMS; i++) {\r\n const r = getRandomReward();\r\n spinItems.push(r);\r\n itemList.appendChild(createItemNode(r));\r\n }\r\n\r\n const winningIndex = TOTAL_SPIN_ITEMS - 6;\r\n const winner = spinItems[winningIndex];\r\n\r\n \/\/ Ofset hesaplama\r\n const viewportWidth = document.getElementById('kaViewport').offsetWidth;\r\n const jitter = Math.floor(Math.random() * 80) - 40;\r\n const targetX = (winningIndex * ITEM_WIDTH) - (viewportWidth \/ 2) + (ITEM_WIDTH \/ 2) + jitter;\r\n\r\n let lastPassed = 0;\r\n function track() {\r\n if (!isSpinning) return;\r\n const transform = new DOMMatrix(getComputedStyle(itemList).transform).m41;\r\n const passed = Math.abs(Math.floor(transform \/ ITEM_WIDTH));\r\n if (passed !== lastPassed) {\r\n playTick();\r\n lastPassed = passed;\r\n }\r\n requestAnimationFrame(track);\r\n }\r\n\r\n \/\/ D\u00f6nd\u00fcrmeyi ba\u015flat\r\n setTimeout(() => {\r\n itemList.style.transition = 'transform 6s cubic-bezier(0.15, 0, 0.05, 1)';\r\n itemList.style.transform = `translateX(-${targetX}px)`;\r\n requestAnimationFrame(track);\r\n }, 50);\r\n\r\n \/\/ Biti\u015f\r\n setTimeout(() => {\r\n isSpinning = false;\r\n playWin();\r\n showWinModal(winner);\r\n addToInventory(winner);\r\n openBtn.disabled = false;\r\n statusText.innerText = \"Tekrar denemek ister misin?\";\r\n }, 6200);\r\n }\r\n\r\n function addToInventory(reward) {\r\n const empty = document.getElementById('kaEmptyText');\r\n if (empty) empty.remove();\r\n const div = document.createElement('div');\r\n div.className = `ka-inventory-slot`;\r\n div.style.borderColor = reward.color;\r\n div.innerHTML = `<div class=\"text-xl font-black\">${reward.label}<\/div><div class=\"text-[8px] text-slate-500 uppercase\">\u0130ndirim<\/div>`;\r\n inventory.prepend(div);\r\n if (inventory.children.length > 6) inventory.lastElementChild.remove();\r\n }\r\n\r\n function showWinModal(reward) {\r\n document.getElementById('kaWinLabel').innerText = reward.label;\r\n const icon = document.getElementById('kaModalIcon');\r\n icon.style.borderColor = reward.color;\r\n icon.style.color = reward.color;\r\n icon.style.backgroundColor = `${reward.color}15`;\r\n winModal.classList.remove('hidden');\r\n setTimeout(() => {\r\n winModal.classList.add('opacity-100');\r\n winModal.firstElementChild.classList.remove('scale-90');\r\n }, 10);\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 }, colors: [reward.color, '#ffffff'] });\r\n }\r\n\r\n \/\/ Event Listeners\r\n openBtn.addEventListener('click', spin);\r\n document.getElementById('closeModalBtn').addEventListener('click', () => {\r\n winModal.classList.remove('opacity-100');\r\n winModal.firstElementChild.classList.add('scale-90');\r\n setTimeout(() => winModal.classList.add('hidden'), 300);\r\n });\r\n\r\n \/\/ \u0130lk Kurulum\r\n setupInitialItems();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24cb161 e-flex e-con-boxed e-con e-parent\" data-id=\"24cb161\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a30082 elementor-widget elementor-widget-html\" data-id=\"1a30082\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>\u0130ndirim Madeni<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n #mk-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 0.5rem;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n color: white;\r\n }\r\n\r\n .mk-main-frame {\r\n width: 100%;\r\n max-width: 32rem;\r\n background-color: #1c1917; \/* Stone-900 *\/\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);\r\n border: 4px solid #44403c;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* Maden \u015eeridi Alan\u0131 (1D) *\/\r\n .mk-mine-viewport {\r\n position: relative;\r\n width: 100%;\r\n height: 240px;\r\n background: #0c0a09; \/* Stone-950 *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* Kayan \u015eerit *\/\r\n .mk-track {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 16px;\r\n \/* \u0130lk ta\u015f\u0131n tam ortada ba\u015flamas\u0131 i\u00e7in padding *\/\r\n padding-left: calc(50% - 50px);\r\n padding-right: 50%;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n will-change: transform;\r\n }\r\n\r\n \/* Ta\u015f Ortak Stili *\/\r\n .mk-tile {\r\n flex-shrink: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 3rem;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n \/* 1. Pasif (Hen\u00fcz K\u0131r\u0131lmam\u0131\u015f Gizli Ta\u015f) *\/\r\n .inactive-tile {\r\n background: #292524;\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n border-bottom: 6px solid #1c1917;\r\n filter: brightness(0.6);\r\n }\r\n\r\n \/* 2. Aktif (\u0130\u00e7eri\u011fi G\u00f6r\u00fcnen Kaz\u0131labilir Ta\u015f) *\/\r\n .active-tile {\r\n background: #44403c;\r\n opacity: 1;\r\n cursor: pointer;\r\n border-bottom: 8px solid #292524;\r\n border: 2px solid #a8a29e;\r\n box-shadow: 0 0 20px rgba(250, 204, 21, 0.15); \/* Hafif sar\u0131ms\u0131 cazip parlama *\/\r\n transform: scale(1.05);\r\n z-index: 10;\r\n }\r\n .active-tile:active {\r\n transform: scale(0.95) translateY(4px);\r\n border-bottom: 4px solid #292524;\r\n }\r\n\r\n \/* 3. Ge\u00e7ilmi\u015f Ta\u015f (Ge\u00e7mi\u015f) *\/\r\n .dug {\r\n background: #1c1917;\r\n border-bottom: 0;\r\n border: 2px solid #292524;\r\n transform: scale(0.9) translateY(8px);\r\n cursor: default;\r\n opacity: 1;\r\n filter: brightness(0.5);\r\n }\r\n\r\n \/* Lav Efekti - Turuncu\/Sar\u0131 Parlama *\/\r\n .lava-reveal {\r\n background: linear-gradient(135deg, #facc15, #f97316, #ef4444);\r\n box-shadow: 0 0 40px #f97316, inset 0 0 20px #ffffff;\r\n border: 2px solid #fff;\r\n transform: scale(1.1) translateY(4px);\r\n z-index: 20;\r\n animation: mk-lava-pulse 0.2s infinite alternate;\r\n }\r\n\r\n @keyframes mk-lava-pulse {\r\n from { filter: brightness(1); box-shadow: 0 0 40px #f97316; }\r\n to { filter: brightness(1.5); box-shadow: 0 0 60px #facc15; }\r\n }\r\n\r\n \/* %1 \u0130ndirim \u00c7\u0131kma Efekti *\/\r\n .mk-discount-pop {\r\n color: #facc15;\r\n font-weight: 900;\r\n display: inline-block;\r\n animation: mk-pop-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n @keyframes mk-pop-up {\r\n 0% { transform: scale(0.5) translateY(20px); opacity: 0; }\r\n 50% { transform: scale(1.3) translateY(-15px); opacity: 1; text-shadow: 0 0 20px #facc15; }\r\n 100% { transform: scale(1) translateY(0); opacity: 1; text-shadow: 0 0 10px #facc15; }\r\n }\r\n\r\n \/* Buton Belirme Animasyonu *\/\r\n .claim-btn-appear {\r\n animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"mk-game-root\">\r\n <div class=\"mk-main-frame\">\r\n \r\n \r\n <div class=\"bg-stone-800 p-6 flex justify-between items-center border-b-4 border-stone-700 min-h-[100px]\">\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-[10px] font-black uppercase text-stone-400 tracking-widest leading-none mb-1\">Biriken \u0130ndirim<\/span>\r\n <span id=\"mkTotalDiscount\" class=\"text-4xl font-black text-yellow-500 italic leading-none\">%0<\/span>\r\n <\/div>\r\n <button id=\"mkBtnClaim\" class=\"hidden bg-green-600 hover:bg-green-500 text-white px-5 py-3 rounded-xl font-black text-sm uppercase shadow-[0_4px_0_#14532d] active:translate-y-1 active:shadow-none transition-all leading-tight\">\r\n BURADA DUR <br>VE KAZAN\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative shadow-inner\">\r\n <div class=\"mk-mine-viewport\">\r\n <div class=\"mk-track\" id=\"mkTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"absolute left-0 inset-y-0 w-16 bg-gradient-to-r from-stone-950 to-transparent pointer-events-none z-10\"><\/div>\r\n <div class=\"absolute right-0 inset-y-0 w-16 bg-gradient-to-l from-stone-950 to-transparent pointer-events-none z-10 flex items-center justify-end pr-2\">\r\n <span class=\"opacity-20 animate-pulse text-3xl\">\u27a1\ufe0f<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-4 bg-stone-950 text-center border-t-2 border-stone-800\">\r\n <p id=\"mkStatus\" class=\"text-stone-500 text-xs font-bold italic uppercase tracking-wider\">\u0130\u00e7inde ne oldu\u011funu sadece k\u0131r\u0131nca g\u00f6rebilirsin!<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"mkOverlayMenu\" class=\"absolute inset-0 bg-stone-900\/95 backdrop-blur-md z-50 flex flex-col items-center justify-center p-6 text-center\">\r\n <div class=\"pop-in\">\r\n <div class=\"text-7xl mb-6\">\ud83e\udea8<\/div>\r\n <h2 class=\"text-3xl font-black text-yellow-500 mb-2 italic uppercase\">\u0130ndirim Madeni<\/h2>\r\n <p class=\"text-stone-400 text-sm mb-8 px-4 leading-relaxed font-medium\">\r\n Sadece \u00f6n\u00fcndeki a\u00e7\u0131k olan ta\u015f\u0131 g\u00f6rebilirsin. <br>\r\n \u0130ndirimi almak ve ilerlemek i\u00e7in ona t\u0131kla. <br>\r\n Ama dikkat et; k\u0131rd\u0131\u011f\u0131n yeni ta\u015f\u0131n i\u00e7inden <b>LAV<\/b> \u00e7\u0131kabilir!\r\n <\/p>\r\n <button id=\"mkBtnStart\" class=\"w-full bg-yellow-500 text-stone-950 font-black text-xl py-5 rounded-2xl shadow-[0_6px_0_#a16207] active:translate-y-1 active:shadow-none transition-all\">\r\n T\u00dcNELE G\u0130R\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mkOverlayResult\" class=\"absolute inset-0 bg-black\/95 z-50 hidden flex flex-col items-center justify-center p-8 text-center\">\r\n \r\n \r\n <div id=\"mkResultWin\" class=\"hidden pop-in w-full\">\r\n <div class=\"text-8xl mb-6\">\ud83d\udc8e<\/div>\r\n <h2 class=\"text-4xl font-black text-green-500 mb-2 uppercase\">ZAMANINDA DURDUN!<\/h2>\r\n <p class=\"text-white text-lg mb-8\">Risk almad\u0131n ve indirimleri cebine koydun.<\/p>\r\n <div class=\"bg-stone-800 border-2 border-dashed border-yellow-500 p-6 rounded-3xl mb-8 w-full\">\r\n <span class=\"text-[10px] text-stone-500 block font-black uppercase mb-1\">Toplam \u0130ndirimin<\/span>\r\n <span id=\"mkFinalDiscount\" class=\"text-5xl font-black text-yellow-500 tracking-tighter\">%0<\/span>\r\n <div class=\"w-full border-t border-stone-700 my-4\"><\/div>\r\n <span class=\"text-[10px] text-stone-500 block font-black uppercase mb-1\">KUPON KODUN<\/span>\r\n <span id=\"mkPrizeCode\" class=\"text-2xl font-black text-white tracking-widest uppercase\">MINE-0000<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mkResultLose\" class=\"hidden pop-in w-full\">\r\n <div class=\"text-8xl mb-6\">\ud83d\udd25<\/div>\r\n <h2 class=\"text-4xl font-black text-red-500 mb-2 uppercase\">HER \u015eEY K\u00dcL OLDU!<\/h2>\r\n <p class=\"text-stone-400 mb-8 px-4 font-medium italic\">A\u00e7g\u00f6zl\u00fcl\u00fck yapt\u0131n... S\u0131cak lavlara denk geldin ve toplad\u0131\u011f\u0131n t\u00fcm indirimler madende eridi.<\/p>\r\n <\/div>\r\n\r\n <button id=\"mkBtnRestart\" class=\"w-full bg-white text-stone-950 font-black py-5 rounded-2xl text-xl shadow-xl active:scale-95 transition-transform mt-4\">\r\n YEN\u0130DEN DENE\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ --- OYUN STATE ---\r\n let currentDiscount = 0;\r\n let isGameOver = false;\r\n let audioCtx = null;\r\n let currentIndex = 0;\r\n let tileData = []; \r\n\r\n \/\/ DOM\r\n const trackEl = document.getElementById('mkTrack');\r\n const totalText = document.getElementById('mkTotalDiscount');\r\n const claimBtn = document.getElementById('mkBtnClaim');\r\n const menuOverlay = document.getElementById('mkOverlayMenu');\r\n const resultOverlay = document.getElementById('mkOverlayResult');\r\n const statusText = document.getElementById('mkStatus');\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 ---\r\n function initAudio() {\r\n if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playRockBreakSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n \/\/ Tok K\u00fct Sesi\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'triangle';\r\n osc.frequency.setValueAtTime(120, now);\r\n osc.frequency.exponentialRampToValueAtTime(30, now + 0.15);\r\n gain.gain.setValueAtTime(0.6, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.15);\r\n \r\n \/\/ Ta\u015f k\u0131r\u0131lma \u00e7at\u0131rt\u0131s\u0131 (Noise)\r\n const bufferSize = audioCtx.sampleRate * 0.15;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const nGain = audioCtx.createGain();\r\n nGain.gain.setValueAtTime(0.3, now);\r\n nGain.gain.exponentialRampToValueAtTime(0.01, now + 0.15);\r\n \r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'bandpass';\r\n filter.frequency.setValueAtTime(1000, now);\r\n \r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n noise.connect(filter); filter.connect(nGain); nGain.connect(audioCtx.destination);\r\n \r\n osc.start(); osc.stop(now + 0.15);\r\n noise.start();\r\n }\r\n\r\n function playGemSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(900, now);\r\n osc.frequency.exponentialRampToValueAtTime(1800, now + 0.05);\r\n gain.gain.setValueAtTime(0.2, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.4);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.4);\r\n }\r\n\r\n function playStepSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(200, now);\r\n osc.frequency.exponentialRampToValueAtTime(50, now + 0.1);\r\n gain.gain.setValueAtTime(0.2, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.1);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.1);\r\n }\r\n\r\n function playLavaThumpSound() {\r\n if(!audioCtx) return;\r\n const tempOsc = audioCtx.createOscillator();\r\n tempOsc.frequency.setValueAtTime(40, audioCtx.currentTime);\r\n const tempGain = audioCtx.createGain();\r\n tempGain.gain.setValueAtTime(0.8, audioCtx.currentTime);\r\n tempGain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.5);\r\n tempOsc.connect(tempGain); tempGain.connect(audioCtx.destination);\r\n tempOsc.start(); tempOsc.stop(audioCtx.currentTime + 0.5);\r\n }\r\n\r\n function playLavaSizzleSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n \/\/ TSSSSS Sesi (Buharla\u015fma)\r\n const bufferSize = audioCtx.sampleRate * 2;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'bandpass';\r\n filter.frequency.setValueAtTime(2500, now);\r\n filter.frequency.exponentialRampToValueAtTime(300, now + 1.5);\r\n const nGain = audioCtx.createGain();\r\n nGain.gain.setValueAtTime(0.6, now);\r\n nGain.gain.exponentialRampToValueAtTime(0.001, now + 2);\r\n noise.connect(filter); filter.connect(nGain); nGain.connect(audioCtx.destination);\r\n noise.start();\r\n }\r\n\r\n \/\/ --- OYUN MANTI\u011eI ---\r\n function getRandomContent() {\r\n let gemProb = 0.25;\r\n let lavaProb = 0.25;\r\n\r\n \/\/ Her bir indirim i\u00e7in ihtimalleri %3 g\u00fcncelle\r\n let modifier = currentDiscount * 0.03;\r\n gemProb = Math.max(0, gemProb - modifier); \/\/ \u0130ndirim ihtimali 0'\u0131n alt\u0131na d\u00fc\u015fmesin\r\n lavaProb = lavaProb + modifier;\r\n\r\n if (currentDiscount === 0) {\r\n lavaProb = 0; \/\/ \u0130lk indirim al\u0131nana kadar lav \u00e7\u0131kmaz\r\n }\r\n\r\n const rand = Math.random();\r\n if (rand < lavaProb) return 'lava';\r\n if (rand < lavaProb + gemProb) return 'gem';\r\n return 'empty'; \/\/ Geri kalan (%50) ihtimal s\u0131radan kaya\r\n }\r\n\r\n function startGame() {\r\n trackEl.innerHTML = '';\r\n tileData = [];\r\n currentIndex = 0;\r\n currentDiscount = 0;\r\n isGameOver = false;\r\n totalText.innerText = '%0';\r\n claimBtn.classList.add('hidden');\r\n claimBtn.classList.remove('claim-btn-appear');\r\n statusText.innerText = \"\u00d6d\u00fcl\u00fc almak i\u00e7in t\u0131kla, ama arkas\u0131ndaki ta\u015fa dikkat et!\";\r\n \r\n trackEl.style.transition = 'none';\r\n trackEl.style.transform = `translateX(0px)`;\r\n \r\n \/\/ Ba\u015flang\u0131\u00e7ta ta\u015flar\u0131 olu\u015ftur\r\n for (let i = 0; i < 15; i++) {\r\n \/\/ \u0130lk ta\u015f her zaman s\u0131radan kaya, di\u011ferleri t\u0131kland\u0131k\u00e7a belirlenecek\r\n const content = i === 0 ? 'empty' : 'unknown';\r\n \r\n tileData.push({\r\n content: content,\r\n state: i === 0 ? 'revealed' : 'hidden'\r\n });\r\n renderTile(i);\r\n }\r\n }\r\n\r\n function renderTile(index) {\r\n const tileDataObj = tileData[index];\r\n let tileEl = document.getElementById(`tile-${index}`);\r\n \r\n if (!tileEl) {\r\n tileEl = document.createElement('div');\r\n tileEl.id = `tile-${index}`;\r\n tileEl.onclick = () => dig(index);\r\n trackEl.appendChild(tileEl);\r\n }\r\n\r\n if (tileDataObj.state === 'hidden') {\r\n \/\/ K\u0131r\u0131lmam\u0131\u015f Kaya\r\n tileEl.className = 'mk-tile inactive-tile';\r\n tileEl.innerHTML = '<span class=\"opacity-50 grayscale\">\ud83e\udea8<\/span>';\r\n } else if (tileDataObj.state === 'revealed') {\r\n \/\/ A\u00e7\u0131k ve Bekleyen Ta\u015f (\u00d6d\u00fcl \/ Bo\u015f \/ Lav)\r\n tileEl.className = 'mk-tile active-tile';\r\n if (tileDataObj.content === 'gem') {\r\n tileEl.innerHTML = '<span class=\"mk-discount-pop\">%1<\/span>';\r\n } else if (tileDataObj.content === 'empty') {\r\n tileEl.innerHTML = '<span class=\"text-stone-400 font-bold text-[10px] uppercase tracking-widest text-center leading-tight\">SIRADAN<br>KAYA<\/span>';\r\n } else if (tileDataObj.content === 'lava') {\r\n tileEl.className = 'mk-tile lava-reveal';\r\n tileEl.innerHTML = '\ud83d\udd25';\r\n }\r\n } else if (tileDataObj.state === 'passed') {\r\n \/\/ Ge\u00e7ilmi\u015f (Toplanm\u0131\u015f) Ta\u015f\r\n tileEl.className = 'mk-tile dug';\r\n if (tileDataObj.content === 'gem') {\r\n tileEl.innerHTML = '<span class=\"text-stone-600 font-black\">%1<\/span>';\r\n } else if (tileDataObj.content === 'empty') {\r\n tileEl.innerHTML = '<span class=\"text-stone-700 font-bold text-[8px] text-center leading-tight\">SIRADAN<br>KAYA<\/span>';\r\n }\r\n }\r\n }\r\n\r\n async function dig(index) {\r\n if (isGameOver || index !== currentIndex) return;\r\n \r\n const currentTile = tileData[index];\r\n initAudio();\r\n\r\n \/\/ 1. \u00d6D\u00dcL\u00dc TOPLA\r\n if (currentTile.content === 'gem') {\r\n currentDiscount++;\r\n playGemSound();\r\n totalText.innerText = `%${currentDiscount}`;\r\n if (claimBtn.classList.contains('hidden')) {\r\n claimBtn.classList.remove('hidden');\r\n claimBtn.classList.add('claim-btn-appear');\r\n }\r\n } else if (currentTile.content === 'empty') {\r\n playStepSound();\r\n }\r\n\r\n \/\/ 2. GE\u00c7ERL\u0130 TA\u015eI \"GE\u00c7\u0130LD\u0130\" YAP\r\n currentTile.state = 'passed';\r\n renderTile(index);\r\n\r\n \/\/ 3. B\u0130R SONRAK\u0130 TA\u015eA \u0130LERLE\r\n currentIndex++;\r\n \r\n \/\/ T\u00fcneli sonsuz tutmak i\u00e7in sona yeni ta\u015f ekle\r\n tileData.push({ content: 'unknown', state: 'hidden' });\r\n renderTile(tileData.length - 1);\r\n \r\n \/\/ \u015eeridi Kayd\u0131r\r\n trackEl.style.transition = 'transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)';\r\n trackEl.style.transform = `translateX(-${currentIndex * 116}px)`;\r\n \r\n statusText.innerText = \"Yeni kaya k\u0131r\u0131l\u0131yor...\";\r\n\r\n \/\/ 4. YEN\u0130 TA\u015eI KIR VE G\u00d6STER\r\n setTimeout(() => {\r\n if (isGameOver) return;\r\n\r\n const nextTile = tileData[currentIndex];\r\n playRockBreakSound(); \/\/ Ta\u015f k\u0131rma sesi tam kaya k\u0131r\u0131l\u0131rken \u00e7alar\r\n \r\n \/\/ \u0130\u00c7ER\u0130\u011e\u0130 BURADA, TA\u015e KIRILIRKEN BEL\u0130RLE (Dinamik ihtimaller)\r\n if (nextTile.content === 'unknown') {\r\n nextTile.content = getRandomContent();\r\n }\r\n \r\n nextTile.state = 'revealed';\r\n renderTile(currentIndex);\r\n\r\n \/\/ Kaya k\u0131r\u0131lma hissiyat\u0131 i\u00e7in ekran\u0131 hafif\u00e7e sars\r\n document.getElementById('mk-game-root').classList.add('animate-[pulse_0.2s_ease-in-out]');\r\n setTimeout(() => document.getElementById('mk-game-root').classList.remove('animate-[pulse_0.2s_ease-in-out]'), 200);\r\n\r\n if (nextTile.content === 'lava') {\r\n triggerLavaGameOver(currentIndex);\r\n } else {\r\n statusText.innerText = nextTile.content === 'gem' \r\n ? \"\u0130ndirimi almak i\u00e7in t\u0131kla, ama bir sonrakinde lav olabilir!\" \r\n : \"S\u0131radan bir kaya. \u0130lerlemek i\u00e7in t\u0131kla.\";\r\n }\r\n }, 400); \/\/ Kayma animasyonunun bitimine yak\u0131n\r\n }\r\n\r\n function triggerLavaGameOver(index) {\r\n isGameOver = true;\r\n statusText.innerText = \"YANDIN! Maden \u00e7\u00f6kt\u00fc...\";\r\n \r\n playLavaThumpSound(); \/\/ Lav \u00e7\u0131kt\u0131\u011f\u0131ndaki derin vuru\u015f\r\n\r\n \/\/ 1.2 saniye lav\u0131 ekranda g\u00f6rs\u00fcn, sonra tamamen yans\u0131n\r\n setTimeout(() => {\r\n gameOver(false);\r\n }, 1200);\r\n }\r\n\r\n function gameOver(isClaimed) {\r\n isGameOver = true;\r\n resultOverlay.classList.remove('hidden');\r\n resultOverlay.classList.add('flex');\r\n \r\n const winDiv = document.getElementById('mkResultWin');\r\n const loseDiv = document.getElementById('mkResultLose');\r\n\r\n if (isClaimed && currentDiscount > 0) {\r\n \/\/ Zaman\u0131nda durdu\r\n winDiv.classList.remove('hidden');\r\n loseDiv.classList.add('hidden');\r\n document.getElementById('mkFinalDiscount').innerText = `%${currentDiscount}`;\r\n document.getElementById('mkPrizeCode').innerText = 'MINE' + Math.floor(1000 + Math.random() * 9000);\r\n \r\n if (typeof confetti !== 'undefined') {\r\n confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 }, colors: ['#facc15', '#ffffff'], zIndex: 100 });\r\n }\r\n } else {\r\n \/\/ Lava d\u00fc\u015ft\u00fc\r\n playLavaSizzleSound(); \/\/ Ekran geldi\u011finde \"TSSSS\" \u00e7alar\r\n winDiv.classList.add('hidden');\r\n loseDiv.classList.remove('hidden');\r\n }\r\n }\r\n\r\n \/\/ --- EVENTLER ---\r\n document.getElementById('mkBtnStart').onclick = () => {\r\n initAudio();\r\n menuOverlay.classList.add('hidden');\r\n startGame();\r\n };\r\n\r\n claimBtn.onclick = () => gameOver(true);\r\n\r\n document.getElementById('mkBtnRestart').onclick = () => {\r\n resultOverlay.classList.remove('flex');\r\n resultOverlay.classList.add('hidden');\r\n startGame();\r\n };\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2f0d14 e-flex e-con-boxed e-con e-parent\" data-id=\"a2f0d14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e05dae7 elementor-widget elementor-widget-html\" data-id=\"e05dae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Koridor Savunmas\u0131<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n \/* Sadece oyunun k\u00f6k dizini i\u00e7in font ve temel ayarlar *\/\r\n #ks-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n padding: 1rem 0; \/* Sayfada biraz nefes almas\u0131 i\u00e7in *\/\r\n }\r\n\r\n \/* Arka plan desenini sadece oyun kutusuna veya i\u00e7 k\u0131sm\u0131na verebiliriz *\/\r\n .ks-main-frame {\r\n width: 100%;\r\n max-width: 28rem;\r\n height: 85vh;\r\n max-height: 800px;\r\n min-height: 480px;\r\n background-color: #0f172a;\r\n border-radius: 1.5rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n \/* Arka plan deseni art\u0131k sadece kutu i\u00e7inde *\/\r\n background-image: radial-gradient(#1e293b 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n \/* Oyun Sahnesi *\/\r\n .ks-viewport {\r\n position: relative;\r\n width: 100%;\r\n flex: 1; \r\n background: linear-gradient(to right, #020617, #0f172a);\r\n overflow: hidden;\r\n touch-action: none;\r\n }\r\n\r\n .ks-lane {\r\n position: absolute;\r\n width: 100%;\r\n height: 33.333%;\r\n border-bottom: 2px dashed rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n align-items: center;\r\n box-sizing: border-box;\r\n }\r\n .ks-lane:nth-child(1) { top: 0; }\r\n .ks-lane:nth-child(2) { top: 33.333%; }\r\n .ks-lane:nth-child(3) { top: 66.666%; border-bottom: none; }\r\n\r\n #ks-player {\r\n position: absolute;\r\n left: 5%;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n transition: top 0.15s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 20;\r\n filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.5));\r\n }\r\n\r\n .ks-bullet {\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n font-size: 1.2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n z-index: 15;\r\n }\r\n\r\n .ks-enemy {\r\n position: absolute;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n z-index: 18;\r\n filter: drop-shadow(0 0 10px rgba(239, 68, 68, 0.5));\r\n will-change: left;\r\n }\r\n\r\n .ks-obstacle {\r\n position: absolute;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n z-index: 14; \r\n filter: drop-shadow(0 0 10px rgba(120, 113, 108, 0.5));\r\n will-change: left;\r\n }\r\n\r\n .ks-explosion {\r\n position: absolute;\r\n font-size: 2rem;\r\n transform: translateY(-50%);\r\n animation: explode 0.3s ease-out forwards;\r\n pointer-events: none;\r\n z-index: 25;\r\n }\r\n\r\n @keyframes explode {\r\n 0% { transform: translateY(-50%) scale(0.5); opacity: 1; }\r\n 100% { transform: translateY(-50%) scale(1.5); opacity: 0; }\r\n }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .flash-red { animation: flashRed 0.3s ease-out; }\r\n @keyframes flashRed {\r\n 0% { background-color: rgba(239, 68, 68, 0.5); }\r\n 100% { background-color: transparent; }\r\n }\r\n\r\n \/* WordPress tap highlight fix *\/\r\n * { -webkit-tap-highlight-color: transparent; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"ks-game-root\">\r\n <div class=\"ks-main-frame\">\r\n \r\n \r\n <div class=\"bg-slate-800 p-3 sm:p-4 flex justify-between items-center border-b-4 border-slate-700 shrink-0 z-20\">\r\n <div class=\"flex flex-col text-white\">\r\n <span class=\"text-[10px] font-black uppercase text-slate-400 tracking-widest leading-none mb-1\">Yok Edilen<\/span>\r\n <span class=\"text-2xl sm:text-3xl font-black text-sky-400 italic leading-none\"><span id=\"ks-score\">0<\/span> \/ 20<\/span>\r\n <\/div>\r\n <div class=\"text-right text-white\">\r\n <span class=\"text-[10px] font-black uppercase text-slate-400 tracking-widest leading-none mb-1\">\u00d6d\u00fcl<\/span>\r\n <span class=\"text-lg sm:text-xl font-black text-yellow-500 block leading-none\">%3 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative shadow-inner flex-1 flex flex-col\">\r\n <div class=\"ks-viewport\" id=\"ks-viewport\">\r\n <div class=\"ks-lane\"><\/div>\r\n <div class=\"ks-lane\"><\/div>\r\n <div class=\"ks-lane\"><\/div>\r\n <div id=\"ks-player\">\ud83d\ude80<\/div>\r\n <div id=\"ks-entities\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3 bg-slate-950 text-center border-t-2 border-slate-800 shrink-0 z-20\">\r\n <p class=\"text-slate-500 text-[10px] sm:text-xs font-bold uppercase tracking-wider\">\u015eerit de\u011fi\u015ftirmek i\u00e7in ekrana dokun!<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"ks-menu-overlay\" class=\"absolute inset-0 bg-slate-900\/95 backdrop-blur-sm z-50 flex flex-col items-center p-4 sm:p-6 text-center overflow-y-auto\">\r\n <div class=\"my-auto w-full max-w-sm pop-in\">\r\n <div class=\"text-6xl sm:text-7xl mb-2 sm:mb-4 animate-bounce\">\ud83d\udef8<\/div>\r\n <h2 class=\"text-2xl sm:text-3xl font-black text-sky-400 mb-2 italic uppercase\">Koridor Savunmas\u0131<\/h2>\r\n <p class=\"text-slate-300 text-xs sm:text-sm mb-6 leading-relaxed font-medium\">\r\n D\u00fc\u015fmanlar h\u0131zla yakla\u015f\u0131yor!<br>\r\n \u015eerit de\u011fi\u015ftirmek i\u00e7in <b>YUKARI, ORTA<\/b> veya <b>A\u015eA\u011eI<\/b> dokun.<br>\r\n Ate\u015f otomatik edilir. <br>\r\n <b>20 d\u00fc\u015fman\u0131<\/b> yok et ve %3 \u0130ndirimi kap!\r\n <\/p>\r\n <button id=\"ks-btn-start\" class=\"w-full bg-sky-500 hover:bg-sky-400 text-slate-950 font-black text-lg sm:text-xl py-3 sm:py-4 rounded-xl sm:rounded-2xl shadow-[0_6px_0_#0369a1] active:translate-y-1 active:shadow-none transition-all\">\r\n SAVUNMAYA BA\u015eLA\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"ks-result-overlay\" class=\"absolute inset-0 bg-black\/95 backdrop-blur-md z-50 hidden flex flex-col items-center p-4 sm:p-6 text-center overflow-y-auto\">\r\n <div class=\"my-auto w-full max-w-sm\">\r\n <div id=\"ks-win-screen\" class=\"hidden pop-in flex-col items-center w-full\">\r\n <div class=\"text-6xl sm:text-7xl mb-2 sm:mb-4\">\ud83c\udfc6<\/div>\r\n <h2 class=\"text-2xl sm:text-3xl font-black text-green-400 mb-2 uppercase text-center\">KOR\u0130DOR TEM\u0130Z!<\/h2>\r\n <p class=\"text-white text-sm sm:text-base mb-4 sm:mb-6 text-center\">M\u00fckemmel savundun ve \u00f6d\u00fcl\u00fc hak ettin.<\/p>\r\n <div class=\"bg-slate-800 border-2 border-dashed border-sky-400 p-4 sm:p-6 rounded-2xl mb-4 sm:mb-6 w-full\">\r\n <span class=\"text-[10px] text-slate-400 block font-black uppercase mb-1\">KAZANDI\u011eIN \u00d6D\u00dcL<\/span>\r\n <span class=\"text-3xl sm:text-4xl font-black text-yellow-400 tracking-tighter\">%3 \u0130ND\u0130R\u0130M<\/span>\r\n <div class=\"w-full border-t border-slate-700 my-3 sm:my-4\"><\/div>\r\n <span class=\"text-[10px] text-slate-400 block font-black uppercase mb-1\">KUPON KODUN<\/span>\r\n <span id=\"ks-prize-code\" class=\"text-xl sm:text-2xl font-black text-white tracking-widest uppercase\">KOR-0000<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ks-lose-screen\" class=\"hidden pop-in flex-col items-center w-full\">\r\n <div id=\"ks-lose-icon\" class=\"text-6xl sm:text-7xl mb-2 sm:mb-4 text-center\">\ud83d\udca5<\/div>\r\n <h2 id=\"ks-lose-title\" class=\"text-2xl sm:text-3xl font-black text-red-500 mb-2 uppercase text-center\">HATTINI YARDILAR!<\/h2>\r\n <p id=\"ks-lose-desc\" class=\"text-slate-300 text-sm sm:text-base mb-4 sm:mb-6 font-medium text-center\">Bir d\u00fc\u015fman savunman\u0131 a\u015ft\u0131...<\/p>\r\n <div class=\"bg-slate-900 border border-slate-700 rounded-xl p-4 w-full mb-4 sm:mb-6\">\r\n <p class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-wider mb-1\">Skorun<\/p>\r\n <p class=\"text-2xl sm:text-3xl font-black text-sky-500 text-center\"><span id=\"ks-final-score\">0<\/span> \/ 20<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"ks-btn-restart\" class=\"w-full bg-white text-slate-950 font-black py-3 sm:py-4 rounded-xl sm:rounded-2xl text-lg sm:text-xl shadow-xl active:scale-95 transition-transform mt-2 shrink-0\">\r\n YEN\u0130DEN DENE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const TARGET_SCORE = 20;\r\n let currentScore = 0;\r\n let enemiesSpawned = 0;\r\n let isPlaying = false;\r\n let playerLane = 1;\r\n let lastTime = 0;\r\n let spawnTimer = 0;\r\n let shootTimer = 0;\r\n let obstacleTimer = 0;\r\n let spawnDelay = 1.0; \r\n let bullets = [];\r\n let enemies = [];\r\n let obstacles = [];\r\n let gameLoopId = null;\r\n let audioCtx = null;\r\n\r\n const viewport = document.getElementById('ks-viewport');\r\n const playerEl = document.getElementById('ks-player');\r\n const entitiesContainer = document.getElementById('ks-entities');\r\n const scoreText = document.getElementById('ks-score');\r\n const menuOverlay = document.getElementById('ks-menu-overlay');\r\n const resultOverlay = document.getElementById('ks-result-overlay');\r\n const winScreen = document.getElementById('ks-win-screen');\r\n const loseScreen = document.getElementById('ks-lose-screen');\r\n\r\n function initAudio() {\r\n if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playShootSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'square';\r\n osc.frequency.setValueAtTime(800, now);\r\n osc.frequency.exponentialRampToValueAtTime(100, now + 0.1);\r\n gain.gain.setValueAtTime(0.1, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.1);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.1);\r\n }\r\n\r\n function playExplosionSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const bufferSize = audioCtx.sampleRate * 0.2;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'lowpass';\r\n filter.frequency.setValueAtTime(1000, now);\r\n filter.frequency.exponentialRampToValueAtTime(100, now + 0.2);\r\n const gain = audioCtx.createGain();\r\n gain.gain.setValueAtTime(0.3, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.2);\r\n noise.connect(filter); filter.connect(gain); gain.connect(audioCtx.destination);\r\n noise.start();\r\n }\r\n\r\n function playCrashSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sawtooth';\r\n osc.frequency.setValueAtTime(150, now);\r\n osc.frequency.linearRampToValueAtTime(40, now + 0.5);\r\n gain.gain.setValueAtTime(0.5, now);\r\n gain.gain.linearRampToValueAtTime(0.01, now + 0.5);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.5);\r\n }\r\n\r\n function playWinSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const freqs = [440, 554.37, 659.25, 880]; \r\n freqs.forEach((f, i) => {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'triangle';\r\n osc.frequency.value = f;\r\n const t = now + (i * 0.1);\r\n gain.gain.setValueAtTime(0.1, t);\r\n gain.gain.linearRampToValueAtTime(0, t + 0.2);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(t); osc.stop(t + 0.2);\r\n });\r\n const chordTime = now + 0.4;\r\n freqs.forEach(f => {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sawtooth';\r\n osc.frequency.value = f;\r\n gain.gain.setValueAtTime(0.05, chordTime);\r\n gain.gain.exponentialRampToValueAtTime(0.001, chordTime + 1.5);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(chordTime); osc.stop(chordTime + 1.5);\r\n });\r\n }\r\n\r\n function getLaneTop(laneIndex) {\r\n return (laneIndex * 33.333) + 16.666;\r\n }\r\n\r\n function updatePlayerPosition() {\r\n playerEl.style.top = `${getLaneTop(playerLane)}%`;\r\n }\r\n\r\n viewport.addEventListener('pointerdown', (e) => {\r\n if (!isPlaying) return;\r\n const rect = viewport.getBoundingClientRect();\r\n const y = e.clientY - rect.top;\r\n const laneHeight = rect.height \/ 3;\r\n playerLane = Math.floor(y \/ laneHeight);\r\n if (playerLane < 0) playerLane = 0;\r\n if (playerLane > 2) playerLane = 2;\r\n updatePlayerPosition();\r\n });\r\n\r\n function shoot() {\r\n playShootSound();\r\n const bulletEl = document.createElement('div');\r\n bulletEl.className = 'ks-bullet';\r\n bulletEl.innerText = '\u26a1';\r\n bulletEl.style.top = `${getLaneTop(playerLane)}%`;\r\n bulletEl.style.left = `10%`; \r\n entitiesContainer.appendChild(bulletEl);\r\n bullets.push({ el: bulletEl, x: 10, lane: playerLane, speed: 80 });\r\n }\r\n\r\n function spawnEnemy() {\r\n const enemyEl = document.createElement('div');\r\n const randomLane = Math.floor(Math.random() * 3);\r\n enemyEl.className = 'ks-enemy';\r\n enemyEl.innerText = '\ud83d\udc7e';\r\n enemyEl.style.top = `${getLaneTop(randomLane)}%`;\r\n enemyEl.style.left = `100%`;\r\n entitiesContainer.appendChild(enemyEl);\r\n const speedMod = 1 + (currentScore * 0.05); \r\n enemies.push({ el: enemyEl, x: 100, lane: randomLane, speed: 25 * speedMod });\r\n enemiesSpawned++;\r\n }\r\n\r\n function spawnObstacle() {\r\n const obsEl = document.createElement('div');\r\n const randomLane = Math.floor(Math.random() * 3);\r\n obsEl.className = 'ks-obstacle';\r\n obsEl.innerText = '\ud83e\udea8';\r\n obsEl.style.top = `${getLaneTop(randomLane)}%`;\r\n obsEl.style.left = `100%`;\r\n entitiesContainer.appendChild(obsEl);\r\n const speedMod = 1 + (currentScore * 0.05); \r\n obstacles.push({ el: obsEl, x: 100, lane: randomLane, speed: (20 + Math.random() * 10) * speedMod });\r\n }\r\n\r\n function createExplosion(x, lane) {\r\n playExplosionSound();\r\n const expEl = document.createElement('div');\r\n expEl.className = 'ks-explosion';\r\n expEl.innerText = '\ud83d\udca5';\r\n expEl.style.left = `${x}%`;\r\n expEl.style.top = `${getLaneTop(lane)}%`;\r\n entitiesContainer.appendChild(expEl);\r\n setTimeout(() => expEl.remove(), 300);\r\n }\r\n\r\n function loop(timestamp) {\r\n if (!isPlaying) return;\r\n if (!lastTime) lastTime = timestamp;\r\n const dt = (timestamp - lastTime) \/ 1000;\r\n lastTime = timestamp;\r\n shootTimer += dt;\r\n if (shootTimer >= 0.4) { shoot(); shootTimer = 0; }\r\n spawnTimer += dt;\r\n const currentSpawnDelay = Math.max(0.4, spawnDelay - (currentScore * 0.02));\r\n if (spawnTimer >= currentSpawnDelay && enemiesSpawned < TARGET_SCORE) { spawnEnemy(); spawnTimer = 0; }\r\n obstacleTimer += dt;\r\n const currentObsDelay = Math.max(1.0, 2.5 - (currentScore * 0.05));\r\n if (obstacleTimer >= currentObsDelay) { spawnObstacle(); obstacleTimer = 0; }\r\n for (let i = bullets.length - 1; i >= 0; i--) {\r\n const b = bullets[i];\r\n b.x += b.speed * dt;\r\n b.el.style.left = `${b.x}%`;\r\n if (b.x > 110) { b.el.remove(); bullets.splice(i, 1); }\r\n }\r\n for (let i = enemies.length - 1; i >= 0; i--) {\r\n const e = enemies[i];\r\n e.x -= e.speed * dt;\r\n e.el.style.left = `${e.x}%`;\r\n if (e.x <= 5) { endGame(false, 'breach'); return; }\r\n for (let j = bullets.length - 1; j >= 0; j--) {\r\n const b = bullets[j];\r\n if (b.lane === e.lane && Math.abs(b.x - e.x) < 5) {\r\n createExplosion(e.x, e.lane);\r\n b.el.remove(); e.el.remove();\r\n bullets.splice(j, 1); enemies.splice(i, 1);\r\n currentScore++;\r\n scoreText.innerText = currentScore;\r\n if (currentScore >= TARGET_SCORE) { endGame(true); return; }\r\n break; \r\n }\r\n }\r\n }\r\n for (let i = obstacles.length - 1; i >= 0; i--) {\r\n const o = obstacles[i];\r\n o.x -= o.speed * dt;\r\n o.el.style.left = `${o.x}%`;\r\n if (o.lane === playerLane && o.x < 12 && o.x > 2) { endGame(false, 'crash'); return; }\r\n if (o.x < -10) { o.el.remove(); obstacles.splice(i, 1); }\r\n }\r\n gameLoopId = requestAnimationFrame(loop);\r\n }\r\n\r\n function startGame() {\r\n initAudio();\r\n menuOverlay.classList.add('hidden');\r\n resultOverlay.classList.add('hidden');\r\n resultOverlay.classList.remove('flex');\r\n entitiesContainer.innerHTML = '';\r\n bullets = []; enemies = []; obstacles = [];\r\n currentScore = 0; enemiesSpawned = 0;\r\n scoreText.innerText = '0';\r\n playerLane = 1; updatePlayerPosition();\r\n lastTime = 0; spawnTimer = 0; shootTimer = 0; obstacleTimer = 0;\r\n isPlaying = true;\r\n gameLoopId = requestAnimationFrame(loop);\r\n }\r\n\r\n function endGame(isWin, reason = '') {\r\n isPlaying = false;\r\n cancelAnimationFrame(gameLoopId);\r\n if (isWin) {\r\n playWinSound();\r\n setTimeout(() => {\r\n resultOverlay.classList.remove('hidden');\r\n resultOverlay.classList.add('flex');\r\n winScreen.classList.remove('hidden');\r\n winScreen.classList.add('flex');\r\n loseScreen.classList.add('hidden');\r\n document.getElementById('ks-prize-code').innerText = 'KOR' + Math.floor(1000 + Math.random() * 9000);\r\n if (typeof confetti !== 'undefined') { confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 }, zIndex: 100 }); }\r\n }, 1500); \r\n } else {\r\n playCrashSound();\r\n viewport.classList.add('flash-red');\r\n setTimeout(() => viewport.classList.remove('flash-red'), 300);\r\n setTimeout(() => {\r\n resultOverlay.classList.remove('hidden');\r\n resultOverlay.classList.add('flex');\r\n winScreen.classList.add('hidden');\r\n loseScreen.classList.remove('hidden');\r\n loseScreen.classList.add('flex');\r\n const loseTitle = document.getElementById('ks-lose-title');\r\n const loseDesc = document.getElementById('ks-lose-desc');\r\n const loseIcon = document.getElementById('ks-lose-icon');\r\n if (reason === 'crash') {\r\n loseIcon.innerText = '\ud83e\udea8';\r\n loseTitle.innerText = 'KAYAYA \u00c7ARPTIN!';\r\n loseDesc.innerText = 'Uzay kayalar\u0131na dikkat etmeliydin...';\r\n } else {\r\n loseIcon.innerText = '\ud83d\udca5';\r\n loseTitle.innerText = 'HATTINI YARDILAR!';\r\n loseDesc.innerText = 'Bir d\u00fc\u015fman savunman\u0131 a\u015ft\u0131...';\r\n }\r\n document.getElementById('ks-final-score').innerText = currentScore;\r\n }, 1500); \r\n }\r\n }\r\n\r\n document.getElementById('ks-btn-start').onclick = startGame;\r\n document.getElementById('ks-btn-restart').onclick = startGame;\r\n updatePlayerPosition();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b27c6e0 e-flex e-con-boxed e-con e-parent\" data-id=\"b27c6e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d23987 elementor-widget elementor-widget-html\" data-id=\"5d23987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzetli Top Maceras\u0131 3D<\/title>\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n #tm-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n padding: 1rem 0;\r\n }\r\n\r\n .tm-main-frame {\r\n width: 100%;\r\n max-width: 28rem;\r\n height: 85vh;\r\n max-height: 800px;\r\n min-height: 550px;\r\n background-color: #020617;\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n #tm-canvas-container {\r\n flex: 1;\r\n position: relative;\r\n background-color: #000;\r\n overflow: hidden;\r\n touch-action: none;\r\n }\r\n\r\n .tm-hud {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n right: 1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n pointer-events: none;\r\n z-index: 20;\r\n }\r\n\r\n .tm-hud-item {\r\n background: rgba(15, 23, 42, 0.9);\r\n backdrop-filter: blur(8px);\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 1.2rem;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n * { -webkit-tap-highlight-color: transparent; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"tm-game-root\">\r\n <div class=\"tm-main-frame\">\r\n \r\n <div class=\"bg-slate-900 p-4 text-center border-b-4 border-slate-800 z-20 shrink-0 text-white\">\r\n <h1 class=\"text-xl font-black italic uppercase text-red-500 tracking-tighter\">Keskin H\u0131z 3D<\/h1>\r\n <\/div>\r\n\r\n <div id=\"tm-canvas-container\">\r\n <div class=\"tm-hud\">\r\n <div class=\"tm-hud-item flex flex-col text-white\">\r\n <span class=\"text-[10px] font-black text-slate-400 uppercase leading-none mb-1\">Mesafe<\/span>\r\n <span id=\"tm-score\" class=\"text-xl font-black italic\">0 \/ 300m<\/span>\r\n <\/div>\r\n <div class=\"tm-hud-item flex flex-col text-right text-white\">\r\n <span class=\"text-[10px] font-black text-slate-400 uppercase leading-none mb-1\">\u00d6d\u00fcl<\/span>\r\n <span class=\"text-sm font-black text-red-500 leading-none\">%10 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"tm-overlay-start\" class=\"absolute inset-0 bg-slate-950\/90 backdrop-blur-md z-50 flex flex-col items-center justify-center p-8 text-center text-white\">\r\n <div class=\"pop-in w-full\">\r\n <div class=\"text-7xl mb-6 animate-pulse\">\ud83c\udfaf<\/div>\r\n <h2 class=\"text-3xl font-black text-white mb-2 italic uppercase tracking-widest\">KESK\u0130N KONTROL!<\/h2>\r\n <p class=\"text-slate-400 text-sm mb-8 px-4 font-medium leading-relaxed\">\r\n Top art\u0131k hareketlerini an\u0131nda takip ediyor!<br>\r\n Sola\/Sa\u011fa kayd\u0131r, z\u0131plamak i\u00e7in <b>Dokun<\/b>.<br>\r\n <b>300 metreyi<\/b> bu h\u0131zla ge\u00e7ebilecek misin?\r\n <\/p>\r\n <button id=\"tm-btn-start\" class=\"w-full bg-red-600 hover:bg-red-500 text-white font-black text-xl py-5 rounded-2xl shadow-[0_6px_0_#7f1d1d] active:translate-y-1 active:shadow-none transition-all\">\r\n YARI\u015eI BA\u015eLAT\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"tm-overlay-result\" class=\"absolute inset-0 bg-slate-950\/95 backdrop-blur-md z-50 hidden flex flex-col items-center justify-center p-8 text-center text-white\">\r\n <div class=\"my-auto w-full pop-in\">\r\n <div id=\"tm-result-icon\" class=\"text-7xl mb-4 text-white\">\ud83d\udca5<\/div>\r\n <h2 id=\"tm-result-title\" class=\"text-3xl font-black text-white mb-2 uppercase\">EYVAH!<\/h2>\r\n \r\n <div id=\"tm-win-content\" class=\"hidden w-full\">\r\n <div class=\"bg-red-900\/30 border-2 border-dashed border-red-500 p-6 rounded-3xl mb-8 w-full text-center text-white\">\r\n <p class=\"text-red-200 text-sm mb-4\">M\u00fckemmel refleksler! \u00d6d\u00fcl\u00fcn:<\/p>\r\n <span id=\"tm-prize-code\" class=\"text-3xl font-black text-red-400 tracking-widest uppercase\">SHARP-300<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"tm-lose-content\" class=\"hidden w-full\">\r\n <div class=\"bg-slate-900 border border-slate-800 p-6 rounded-3xl mb-8 w-full text-center\">\r\n <p class=\"text-slate-500 text-xs font-bold uppercase mb-1 text-white text-center\">Ula\u015f\u0131lan Mesafe<\/p>\r\n <p id=\"tm-final-score\" class=\"text-4xl font-black text-red-600 italic text-center\">0m<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"tm-btn-restart\" class=\"w-full bg-white text-slate-950 font-black py-4 rounded-2xl text-xl shadow-xl active:scale-95 transition-transform\">\r\n TEKRAR DENE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-3 bg-slate-950 text-center border-t-2 border-slate-900 shrink-0 z-20\">\r\n <p class=\"text-slate-600 text-[10px] font-bold uppercase tracking-wider italic text-white text-center\">Top parma\u011f\u0131n\u0131 (veya fareyi) birebir takip eder!<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n window.onload = function () {\r\n \r\n const container = document.getElementById('tm-canvas-container');\r\n const scoreDisplay = document.getElementById('tm-score');\r\n \r\n let scene, camera, renderer, ball;\r\n let obstacles = [];\r\n let isPlaying = false;\r\n let score = 0;\r\n const TARGET_DISTANCE = 300;\r\n \r\n \/\/ FPS Lock (60 FPS)\r\n let lastTime = 0;\r\n const fpsInterval = 1000 \/ 60; \r\n\r\n \/\/ F\u0130Z\u0130K VE KESK\u0130N TAK\u0130P AYARLARI\r\n let targetBallX = 0; \/\/ Topun gitmesi gereken hedef X\r\n let ballVelocityY = 0;\r\n let ballIsJumping = false;\r\n const gravity = -0.045; \r\n const jumpForce = 0.70; \r\n let currentSpeed = 0.55; \r\n \r\n let lastSpawnZ = 0;\r\n\r\n let audioCtx = null;\r\n function initAudio() {\r\n if(!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if(audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playNote(freq, dur = 0.1, type = 'sine') {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, now);\r\n gain.gain.setValueAtTime(0.05, now);\r\n gain.gain.exponentialRampToValueAtTime(0.001, now + dur);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(now); osc.stop(now + dur);\r\n }\r\n\r\n function init3D() {\r\n scene = new THREE.Scene();\r\n scene.background = new THREE.Color(0x020617);\r\n scene.fog = new THREE.FogExp2(0x020617, 0.04);\r\n\r\n const aspect = container.clientWidth \/ container.clientHeight;\r\n camera = new THREE.PerspectiveCamera(70, aspect, 0.1, 1000);\r\n camera.position.set(0, 5, 10);\r\n camera.lookAt(0, 0, -5);\r\n\r\n renderer = new THREE.WebGLRenderer({ antialias: true });\r\n renderer.setSize(container.clientWidth, container.clientHeight);\r\n renderer.shadowMap.enabled = true;\r\n container.appendChild(renderer.domElement);\r\n\r\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.8);\r\n scene.add(ambientLight);\r\n\r\n const sunLight = new THREE.DirectionalLight(0xffaa00, 1.0);\r\n sunLight.position.set(5, 15, 5);\r\n sunLight.castShadow = true;\r\n scene.add(sunLight);\r\n\r\n const ballGeo = new THREE.SphereGeometry(0.5, 32, 32);\r\n const ballMat = new THREE.MeshPhongMaterial({ color: 0xff4444, shininess: 150 });\r\n ball = new THREE.Mesh(ballGeo, ballMat);\r\n ball.position.y = 0.5;\r\n ball.castShadow = true;\r\n scene.add(ball);\r\n\r\n createTrack();\r\n }\r\n\r\n function createTrack() {\r\n const trackGeo = new THREE.PlaneGeometry(12, 1500); \r\n const trackMat = new THREE.MeshPhongMaterial({ color: 0x1e293b });\r\n const track = new THREE.Mesh(trackGeo, trackMat);\r\n track.rotation.x = -Math.PI \/ 2;\r\n track.position.z = -700;\r\n track.receiveShadow = true;\r\n scene.add(track);\r\n\r\n for(let i = 0; i < 100; i++) {\r\n const lineGeo = new THREE.PlaneGeometry(0.2, 5);\r\n const lineMat = new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true, opacity: 0.2 });\r\n const line = new THREE.Mesh(lineGeo, lineMat);\r\n line.rotation.x = -Math.PI \/ 2;\r\n line.position.set(0, 0.02, -i * 15);\r\n scene.add(line);\r\n }\r\n }\r\n\r\n function spawnObstacle() {\r\n const rand = Math.random();\r\n let type, geo, mat, obs;\r\n const lanes = [-3.8, 0, 3.8];\r\n const lane = lanes[Math.floor(Math.random() * lanes.length)];\r\n\r\n if (rand < 0.25) {\r\n type = 'log';\r\n geo = new THREE.BoxGeometry(9.0, 0.9, 0.9);\r\n mat = new THREE.MeshPhongMaterial({ color: 0x78350f });\r\n } else if (rand < 0.70) {\r\n type = 'box';\r\n geo = new THREE.BoxGeometry(1.8, 1.8, 1.8);\r\n mat = new THREE.MeshPhongMaterial({ color: 0xef4444 });\r\n } else {\r\n type = 'wall';\r\n geo = new THREE.BoxGeometry(5.5, 1.2, 0.6); \r\n mat = new THREE.MeshPhongMaterial({ color: 0x3b82f6 });\r\n }\r\n\r\n obs = new THREE.Mesh(geo, mat);\r\n obs.position.z = ball.position.z - 45 - (Math.random() * 15);\r\n \r\n if (type === 'log') {\r\n const logOffsets = [-1.5, 0, 1.5];\r\n obs.position.x = logOffsets[Math.floor(Math.random() * logOffsets.length)];\r\n } else if (type === 'wall') {\r\n obs.position.x = (Math.random() > 0.5 ? -3.0 : 3.0);\r\n } else {\r\n obs.position.x = lane;\r\n }\r\n \r\n obs.position.y = geo.parameters.height \/ 2;\r\n obs.castShadow = true;\r\n obs.receiveShadow = true;\r\n \r\n scene.add(obs);\r\n obstacles.push(obs);\r\n lastSpawnZ = ball.position.z;\r\n }\r\n\r\n function update() {\r\n if (!isPlaying) return;\r\n\r\n currentSpeed = 0.55 + (score \/ 800); \r\n ball.position.z -= currentSpeed;\r\n ball.rotation.x -= currentSpeed \/ 0.4;\r\n\r\n camera.position.z = ball.position.z + 8.5;\r\n camera.position.x = ball.position.x * 0.5; \r\n\r\n \/\/ --- KESK\u0130N TAK\u0130P S\u0130STEM\u0130 ---\r\n \/\/ Hedef pozisyona yumu\u015fatma (lerp) uyguluyoruz ama de\u011fer \u00e7ok y\u00fcksek oldu\u011fu i\u00e7in keskin hissettiriyor.\r\n ball.position.x += (targetBallX - ball.position.x) * 0.45; \r\n ball.position.x = Math.max(-5.3, Math.min(5.3, ball.position.x));\r\n\r\n if (ballIsJumping) {\r\n ball.position.y += ballVelocityY;\r\n ballVelocityY += gravity;\r\n if (ball.position.y <= 0.5) {\r\n ball.position.y = 0.5;\r\n ballIsJumping = false;\r\n ballVelocityY = 0;\r\n }\r\n }\r\n\r\n score = Math.abs(Math.floor(ball.position.z \/ 2.5));\r\n scoreDisplay.innerText = `${score} \/ ${TARGET_DISTANCE}m`;\r\n\r\n if (score >= TARGET_DISTANCE) endGame(true);\r\n\r\n if (Math.abs(ball.position.z - lastSpawnZ) > 13 && obstacles.length < 12) {\r\n if(Math.random() < 0.25) spawnObstacle();\r\n }\r\n\r\n for (let i = obstacles.length - 1; i >= 0; i--) {\r\n const obs = obstacles[i];\r\n const dx = Math.abs(ball.position.x - obs.position.x);\r\n const dy = Math.abs(ball.position.y - obs.position.y);\r\n const dz = Math.abs(ball.position.z - obs.position.z);\r\n\r\n const hitX = dx < (obs.geometry.parameters.width\/2 + 0.4);\r\n const hitY = dy < (obs.geometry.parameters.height\/2 + 0.4);\r\n const hitZ = dz < (obs.geometry.parameters.depth\/2 + 0.4);\r\n\r\n if (hitX && hitY && hitZ) endGame(false);\r\n\r\n if (obs.position.z > ball.position.z + 10) {\r\n scene.remove(obs);\r\n obstacles.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n function animate(currentTime) {\r\n requestAnimationFrame(animate);\r\n if (!isPlaying && scene) {\r\n renderer.render(scene, camera);\r\n return;\r\n }\r\n const elapsed = currentTime - lastTime;\r\n if (elapsed > fpsInterval) {\r\n lastTime = currentTime - (elapsed % fpsInterval);\r\n update();\r\n renderer.render(scene, camera);\r\n }\r\n }\r\n\r\n function jump() {\r\n if (!ballIsJumping && isPlaying) {\r\n ballIsJumping = true;\r\n ballVelocityY = jumpForce;\r\n playNote(350, 0.1, 'triangle');\r\n }\r\n }\r\n\r\n \/\/ --- INPUT Y\u00d6NET\u0130M\u0130 (KESK\u0130N TAK\u0130P \u0130\u00c7\u0130N) ---\r\n\r\n function handlePositionUpdate(clientX) {\r\n if (!isPlaying) return;\r\n const rect = container.getBoundingClientRect();\r\n \/\/ Ekrana olan oran\u0131 bul (0 ile 1 aras\u0131)\r\n const ratio = (clientX - rect.left) \/ rect.width;\r\n \/\/ Bu oran\u0131 yol geni\u015fli\u011fi ile e\u015fle (-5.3 ile 5.3 aras\u0131)\r\n targetBallX = (ratio * 10.6) - 5.3;\r\n }\r\n\r\n container.addEventListener('mousedown', (e) => {\r\n if (e.button === 0) jump();\r\n });\r\n\r\n container.addEventListener('mousemove', (e) => {\r\n handlePositionUpdate(e.clientX);\r\n });\r\n\r\n container.addEventListener('touchstart', (e) => {\r\n jump();\r\n handlePositionUpdate(e.touches[0].clientX);\r\n }, { passive: true });\r\n\r\n container.addEventListener('touchmove', (e) => {\r\n handlePositionUpdate(e.touches[0].clientX);\r\n }, { passive: true });\r\n\r\n window.addEventListener('keydown', (e) => {\r\n if (e.code === 'Space') jump();\r\n \/\/ Klavye kontrolleri de keskin olsun diye an\u0131nda hedefi kayd\u0131r\u0131yoruz\r\n if (e.code === 'ArrowLeft') targetBallX = Math.max(-5.3, targetBallX - 1.5);\r\n if (e.code === 'ArrowRight') targetBallX = Math.min(5.3, targetBallX + 1.5);\r\n });\r\n\r\n function startGame() {\r\n initAudio();\r\n if (!scene) init3D();\r\n \r\n score = 0;\r\n ball.position.set(0, 0.5, 0);\r\n targetBallX = 0;\r\n ballVelocityY = 0;\r\n ballIsJumping = false;\r\n obstacles.forEach(o => scene.remove(o));\r\n obstacles = [];\r\n currentSpeed = 0.55;\r\n lastSpawnZ = 0;\r\n lastTime = performance.now();\r\n \r\n document.getElementById('tm-overlay-start').classList.add('hidden');\r\n document.getElementById('tm-overlay-result').classList.add('hidden');\r\n \r\n isPlaying = true;\r\n animate(performance.now());\r\n }\r\n\r\n function endGame(win) {\r\n isPlaying = false;\r\n const overlay = document.getElementById('tm-overlay-result');\r\n const winContent = document.getElementById('tm-win-content');\r\n const loseContent = document.getElementById('tm-lose-content');\r\n const title = document.getElementById('tm-result-title');\r\n const icon = document.getElementById('tm-result-icon');\r\n\r\n overlay.classList.remove('hidden');\r\n overlay.classList.add('flex');\r\n\r\n if (win) {\r\n title.innerText = \"SES DUVARINI A\u015eTIN!\";\r\n icon.innerText = \"\u26a1\";\r\n winContent.classList.remove('hidden');\r\n loseContent.classList.add('hidden');\r\n document.getElementById('tm-prize-code').innerText = \"SONIC-300\";\r\n confetti({ particleCount: 300, spread: 100, origin: { y: 0.6 }, zIndex: 100 });\r\n playNote(650, 0.5, 'sine');\r\n } else {\r\n title.innerText = \"YOK OLDUK!\";\r\n icon.innerText = \"\ud83d\udca5\";\r\n winContent.classList.add('hidden');\r\n loseContent.classList.remove('hidden');\r\n loseContent.classList.add('flex');\r\n document.getElementById('tm-final-score').innerText = Math.floor(score) + \"m gidildi\";\r\n playNote(70, 0.7, 'sawtooth');\r\n }\r\n }\r\n\r\n document.getElementById('tm-btn-start').onclick = startGame;\r\n document.getElementById('tm-btn-restart').onclick = startGame;\r\n\r\n window.addEventListener('resize', () => {\r\n if (renderer) {\r\n renderer.setSize(container.clientWidth, container.clientHeight);\r\n camera.aspect = container.clientWidth \/ container.clientHeight;\r\n camera.updateProjectionMatrix();\r\n }\r\n });\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b18a21 e-flex e-con-boxed e-con e-parent\" data-id=\"4b18a21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5edd414 elementor-widget elementor-widget-heading\" data-id=\"5edd414\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Model Y<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d43107 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9d43107\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.youtube.com\/watch?v=jp0PoHHigEs\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">G\u00fcncellemerleri Al<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ca2b5f e-grid e-con-boxed e-con e-parent\" data-id=\"3ca2b5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-389c0e5 e-con-full e-flex e-con e-child\" data-id=\"389c0e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b2d1f45 e-con-full e-flex e-con e-child\" data-id=\"b2d1f45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3fef2 elementor-widget elementor-widget-heading\" data-id=\"9d3fef2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">568<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d60f39 elementor-widget elementor-widget-heading\" data-id=\"2d60f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">km<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c8b10 elementor-widget elementor-widget-text-editor\" data-id=\"c4c8b10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Menzil(WLTP)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60db4db e-con-full e-flex e-con e-child\" data-id=\"60db4db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20daed3 e-con-full e-flex e-con e-child\" data-id=\"20daed3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-381e179 elementor-widget elementor-widget-heading\" data-id=\"381e179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">266<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f1132d elementor-widget elementor-widget-heading\" data-id=\"7f1132d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">km<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-077a368 elementor-widget elementor-widget-text-editor\" data-id=\"077a368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>15 Dakikada \u015farj<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5154d16 e-con-full e-flex e-con e-child\" data-id=\"5154d16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ce98bc5 e-con-full e-flex e-con e-child\" data-id=\"ce98bc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0299eb elementor-widget elementor-widget-heading\" data-id=\"e0299eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AWD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e24b632 elementor-widget elementor-widget-text-editor\" data-id=\"e24b632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00c7ift Motor<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f21bd e-con-full e-flex e-con e-parent\" data-id=\"67f21bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-594036f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"594036f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/model-y-29-1-riy4teweetq7mnlbf4x8xw86sa1ugzhncskuuy85ww.jpg\" title=\"model-y-29.jpg\" alt=\"model-y-29.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eef0563 e-flex e-con-boxed e-con e-parent\" data-id=\"eef0563\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b8c6f4 elementor-widget elementor-widget-spacer\" data-id=\"3b8c6f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-565c752 elementor-widget elementor-widget-heading\" data-id=\"565c752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">U\u00e7tan Uca Yeniden Tasarland\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25caa92 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"25caa92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00d6n tampondan arka lambaya kadar olan d\u0131\u015f y\u00fczey, her \u015farjda en fazla menzili elde edebilmeniz i\u00e7in maksimum verimlilik sa\u011flayacak \u015fekilde tamamen yeniden tasarland\u0131. G\u00fcncellenen s\u00fcspansiyon, jantlar ve lastikler ile s\u00fcr\u00fc\u015f\u00fcn\u00fcz daha yumu\u015fak ve daha sessiz olacak.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9098aa e-flex e-con-boxed e-con e-parent\" data-id=\"b9098aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ca6dc elementor-widget elementor-widget-spacer\" data-id=\"b0ca6dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a14e395 elementor-pagination-type-progressbar elementor-arrows-position-inside elementor-widget elementor-widget-n-carousel\" data-id=\"a14e395\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"c41bf24"},{"slide_title":"Slide #2","_id":"375c7ce"},{"slide_title":"Slide #3","_id":"db905cd"}],"slides_to_show":"1","offset_sides":"both","speed":600,"pagination":"progressbar","slides_to_show_tablet":"2","slides_to_show_mobile":"1","infinite":"yes","offset_width":{"unit":"px","size":80,"sizes":[]},"offset_width_tablet":{"unit":"px","size":"","sizes":[]},"offset_width_mobile":{"unit":"px","size":"","sizes":[]},"arrows":"yes","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01df6ee e-con-full e-flex e-con e-child\" data-id=\"01df6ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-19b0626 e-con-full e-flex e-con e-child\" data-id=\"19b0626\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1079a2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"d1079a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Carousel1-scaled-1-1-riy4teweetq7mnlbf4x8xw86sa1ugzhncskuuy85ww.jpg\" title=\"Carousel1-scaled-1.jpg\" alt=\"Carousel1-scaled-1.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f275640 elementor-widget elementor-widget-heading\" data-id=\"f275640\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c7ok Daha Sessiz<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9800417 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9800417\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>G\u00fcncellenen jant ve lastik packeti daha yumu\u015fak bir s\u00fcr\u00fc\u015f deneyimi sunar. Yeniden tasarlanan g\u00f6vde d\u00f6k\u00fcmleri, daha az bo\u015fluk i\u00e7in par\u00e7a say\u0131s\u0131n\u0131 70’ten 1’e d\u00fc\u015f\u00fcr\u00fcr. Tech ama\u00e7, f\u0131s\u0131lt\u0131 d\u00fczeyinde sessiz bir s\u00fcr\u00fc\u015f yap\u0131lmas\u0131n\u0131 sa\u011flamak.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b7b77d e-con-full e-flex e-con e-child\" data-id=\"7b7b77d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e949fa3 e-con-full e-flex e-con e-child\" data-id=\"e949fa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dd2d84 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"3dd2d84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Carousel2-scaled-1-1-riy4thpwzbu2lhh7yo54ndikkfny42sud6jbas3ze8.jpg\" title=\"Carousel2-scaled-1.jpg\" alt=\"Carousel2-scaled-1.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38dc2d3 elementor-widget elementor-widget-heading\" data-id=\"38dc2d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Daha Verimli<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a755b1 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"6a755b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Menzil, performans ve uzun \u00f6m\u00fcrl\u00fcl\u00fc\u011f\u00fc artt\u0131rmak i\u00e7in yeniden tasarland\u0131.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f3df0d e-con-full e-flex e-con e-child\" data-id=\"1f3df0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8a07046 e-con-full e-flex e-con e-child\" data-id=\"8a07046\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f962b5b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"f962b5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Carousel3-scaled-1-1-riy4tfu8lnrhy9jy9nbvidzndnx7ooldox8cc86rqo.jpg\" title=\"Carousel3-scaled-1.jpg\" alt=\"Carousel3-scaled-1.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e65790e elementor-widget elementor-widget-heading\" data-id=\"e65790e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fark Yaratan Ayd\u0131nlatma<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07841c2 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"07841c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tek par\u00e7a ve ara\u00e7 boyunca uzanan lambam\u0131z, t\u00fcr\u00fcn\u00fcn ilk dolayl\u0131 yans\u0131t\u0131c\u0131 g\u00f6vde paneli arka lambas\u0131d\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b070e7 e-con-full e-flex e-con e-parent\" data-id=\"9b070e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947bc95 elementor-widget elementor-widget-video\" data-id=\"947bc95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=jp0PoHHigEs","start":20,"end":22,"video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c37856 e-flex e-con-boxed e-con e-parent\" data-id=\"6c37856\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9329bd8 elementor-widget elementor-widget-heading\" data-id=\"9329bd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Yepyeni \u0130\u00e7 Mekan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57b9dae elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"57b9dae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Kaliteli malzemeler, geli\u015fmi\u015f \u00f6zelliklerle b\u00fct\u00fcnle\u015ferek ara\u00e7ta yolculu\u011fun verdi\u011fi hisse ili\u015fkin alg\u0131n\u0131z\u0131 de\u011fi\u015ftiren, yeniden tasarlayan bir kabin ortam\u0131 yarat\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-968801a e-grid e-con-full e-con e-parent\" data-id=\"968801a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2469f9 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c2469f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bullhorn\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tHacimsel Ses D\u00fczeni\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u0130\u00e7eri girin, kap\u0131y\u0131 kapat\u0131n ve \u00f6zel tasar\u0131m akustik cam\u0131n sundu\u011fu muazzam sessizli\u011fi deneyimleyin. En sevdi\u011finiz \u015fark\u0131lar\u0131 listeleyin ve kendi \u00f6zel ses st\u00fcdyonuza d\u00f6n\u00fc\u015fen kabinde dinleyin.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c27c3b elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8c27c3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-procedures\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 224H272c-8.8 0-16 7.2-16 16v144H64V144c0-8.8-7.2-16-16-16H16c-8.8 0-16 7.2-16 16v352c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48h512v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V336c0-61.9-50.1-112-112-112zM136 96h126.1l27.6 55.2c5.9 11.8 22.7 11.8 28.6 0L368 51.8 390.1 96H512c8.8 0 16-7.2 16-16s-7.2-16-16-16H409.9L382.3 8.8C376.4-3 359.6-3 353.7 8.8L304 108.2l-19.9-39.8c-1.4-2.7-4.1-4.4-7.2-4.4H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm24 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tT\u00fcm Koltuklarda Konfor\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tOn ve arka dokunmatik ekranlar, t\u00fcm klima ve e\u011flence ayarlar\u0131na eri\u015febilmenizi sa\u011flar. Is\u0131tmal\u0131 ve havaland\u0131rmal\u0131 koltuklar, elektrikli yat\u0131r\u0131labilir \u00f6zelli\u011fi ve yumu\u015fak dokunu\u015flu kuma\u015flar ilave konfor sa\u011flar.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9edcf10 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"9edcf10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-bluetooth-b\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M196.48 260.023l92.626-103.333L143.125 0v206.33l-86.111-86.111-31.406 31.405 108.061 108.399L25.608 368.422l31.406 31.405 86.111-86.111L145.84 512l148.552-148.644-97.912-103.333zm40.86-102.996l-49.977 49.978-.338-100.295 50.315 50.317zM187.363 313.04l49.977 49.978-50.315 50.316.338-100.294z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\u00c7ok Daha Fazla Ba\u011flant\u0131l\u0131\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAramalar nettir. Veriler h\u0131zl\u0131ca indirilir. Kap\u0131lar\u0131n ve bagajlar\u0131n kilidi yakla\u015ft\u0131\u011f\u0131n\u0131zda a\u00e7\u0131l\u0131r. Geli\u015ftirilmi\u015f ba\u011flant\u0131 ve sinyal menzili, arac\u0131n\u0131zla senkronize olman\u0131z\u0131 sa\u011flar. Bluetooth \u00f6zelli\u011fi yolcular\u0131n e\u011flenmesini sa\u011flar.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ee20c9 e-con-full e-flex e-con e-parent\" data-id=\"8ee20c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce8ad90 elementor-widget elementor-widget-video\" data-id=\"ce8ad90\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=jp0PoHHigEs","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aff31de e-flex e-con-boxed e-con e-parent\" data-id=\"aff31de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-182d403 elementor-widget elementor-widget-heading\" data-id=\"182d403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Geni\u015f Depolama Alan\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa5e73 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"0aa5e73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elektrikli yat\u0131r\u0131labilen ikinci s\u0131ra koltuklar, d\u00fcz bir \u015fekilde katlanarak bagaj alan\u0131n\u0131z\u0131 toplam 2.130 litreden fazla depolama alan\u0131na sahip olacak \u015fekilde geni\u015fletir. T\u00fcm e\u015fyalar\u0131n\u0131z\u0131 kolayca yerle\u015ftirebilmeniz i\u00e7in eller serbest \u00f6zellikli bagaj\u0131n kilidi yakla\u015ft\u0131\u011f\u0131n\u0131zda otomatik olarak a\u00e7\u0131l\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c9b008 e-con-full e-flex e-con e-child\" data-id=\"3c9b008\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0247bc elementor-widget elementor-widget-spacer\" data-id=\"f0247bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db96f02 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"db96f02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"c41bf24"},{"slide_title":"Slide #2","_id":"375c7ce"},{"slide_title":"Slide #3","_id":"db905cd"}],"slides_to_show":"1","offset_sides":"both","slides_to_scroll":"1","offset_width":{"unit":"px","size":90,"sizes":[]},"slides_to_show_tablet":"2","slides_to_show_mobile":"1","autoplay":"yes","autoplay_speed":5000,"pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"offset_width_tablet":{"unit":"px","size":"","sizes":[]},"offset_width_mobile":{"unit":"px","size":"","sizes":[]},"arrows":"yes","pagination":"bullets","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ee23dc e-con-full e-flex e-con e-child\" data-id=\"8ee23dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2d8a614 e-con-full e-flex e-con e-child\" data-id=\"2d8a614\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c11b16 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6c11b16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Model-Y-Standard-FSD-Carousel-Slide-1-Desktop-EMEA-rl9sqxpw73kjddns5w7ankzc84qgls6gp3q156oxkg.avif\" title=\"Model-Y-Standard-FSD-Carousel-Slide-1-Desktop-EMEA\" alt=\"Model-Y-Standard-FSD-Carousel-Slide-1-Desktop-EMEA\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a183928 elementor-widget elementor-widget-heading\" data-id=\"a183928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Full Self-Driving Kabiliyeti<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc285ee elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"bc285ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-0 tcl-freeflow-carousel-container__slide-container--active\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_0\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-content\"><h4 class=\"tcl-text-line tcl-text--h4 tcl-text-family--display tds-text--regular tcl-color-theme-foreground-low-contrast tcl-freeflow-carousel__slide-description\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_0_d_tl\">Daha fazla aktif rehberlik ve aktif g\u00f6zetiminiz alt\u0131nda destekli s\u00fcr\u00fc\u015f sa\u011flamak i\u00e7in tasarlanan daha geli\u015fmi\u015f s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri seti.<sup>3<\/sup><\/h4><\/div><\/div><\/div><div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-1\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_1\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-media-container\">\u00a0<\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5628bb e-con-full e-flex e-con e-child\" data-id=\"c5628bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0d8aabd e-con-full e-flex e-con e-child\" data-id=\"0d8aabd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ff6f90 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"9ff6f90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Model-Y-Standard-FSD-Carousel-Slide-2-Desktop-rl9sr0jerloec7jopff6d29q0ack8vhnphohl0kr1s.avif\" title=\"Model-Y-Standard-FSD-Carousel-Slide-2-Desktop\" alt=\"Model-Y-Standard-FSD-Carousel-Slide-2-Desktop\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81aa119 elementor-widget elementor-widget-heading\" data-id=\"81aa119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00d6n Kameralar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30d8b75 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"30d8b75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-1 tcl-freeflow-carousel-container__slide-container--active\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_1\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-content\"><h4 class=\"tcl-text-line tcl-text--h4 tcl-text-family--display tds-text--regular tcl-color-theme-foreground-low-contrast tcl-freeflow-carousel__slide-description\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_1_d_tl\">Daha fazla g\u00fcvenlik, daha kolay park ve Actually Smart Summon gibi s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri i\u00e7in geli\u015fmi\u015f g\u00f6r\u00fc\u015f.<\/h4><\/div><\/div><\/div><div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-2\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_2\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-media-container\"><div class=\"tcl-react-video tds-video-player tcl-react-media tcl-clip tcl-freeflow-carousel__slide-media tds-clip-top-left tcl-media--rounded-corners\">\u00a0<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e953364 e-con-full e-flex e-con e-child\" data-id=\"e953364\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2e4e68f e-con-full e-flex e-con e-child\" data-id=\"2e4e68f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a10e66 elementor-widget elementor-widget-video\" data-id=\"4a10e66\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=jp0PoHHigEs","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6bd65 elementor-widget elementor-widget-heading\" data-id=\"ff6bd65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">K\u00f6r nokta izleme\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c2919d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"8c2919d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"Standard-Autonomy\" class=\"tcl-section\" data-unique-id=\"Standard-Autonomy\" data-section-id=\"1f27fd8e-f933-4db0-b13d-e6b411c8d60e\"><section class=\"tcl-container--no-inline-padding tds-content_container tcl-container tcl-section-padding tcl-layout--one-column\"><div class=\"tds-flex\"><div class=\"tds-flex-item\"><div class=\"block block-layout-builder block-inline-blockfreeflow-carousel\"><section id=\"tesla_freeflow_slides_189\" class=\"tcl-component-padding\" data-gtm-key=\"tesla-freeflow-slides-189\"><div id=\"react-data-tesla_freeflow_slides_189\" class=\"drupal-freeflow-carousel tcl-react-glue-container\" data-component-status=\"initialized\"><div><section class=\"tcl-freeflow-carousel__container\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc\"><div class=\"tcl-freeflow-carousel tcl-freeflow-carousel--medium tcl-freeflow-carousel--mandatory-scroll-snap\"><div class=\"tcl-freeflow-carousel-container__slides\"><div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-2 tcl-freeflow-carousel-container__slide-container--active\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_2\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-content\"><h4 class=\"tcl-text-line tcl-text--h4 tcl-text-family--display tds-text--regular tcl-color-theme-foreground-low-contrast tcl-freeflow-carousel__slide-description\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_2_d_tl\">I\u015f\u0131kl\u0131 fla\u015f\u00f6rler ve ekran g\u00f6rselle\u015ftirmeleri, \u00e7evrenizi g\u00fcvenle kontrol etmenize yard\u0131mc\u0131 olur.<\/h4><\/div><\/div><\/div><\/div><p>\u00a0<\/p><\/div><\/section><\/div><\/div><\/section><\/div><\/div><\/div><\/section><\/div><div id=\"Standard-Specs\" class=\"tcl-section tds-scrim--black tds-colorscheme--dark\" data-unique-id=\"Standard-Specs\" data-section-id=\"ce9a2b32-730f-4ebf-a3d5-bd591976c1eb\"><section class=\"tcl-container--no-inline-padding tds-content_container tcl-container tcl-section-padding tcl-layout--one-column\"><div class=\"tds-flex\"><div class=\"tds-flex-item\"><div class=\"block block-layout-builder block-inline-blockspecs-table\"><section class=\"tcl-specs-table tds-scrim--black tds-colorscheme--dark\" data-gtm-key=\"tesla-specs-table-1000\" data-component-status=\"initialized\"><section class=\"tds-layout tcl-layout tcl-layout--spacious tds-layout--constrained tcl-specs-table__layout\"><section class=\"tds-layout-main tcl-layout__main\"><section class=\"tcl-tab-list\"><div class=\"tcl-tab-list__wrapper\"><div class=\"tcl-tab-list__heading\">\u00a0<\/div><\/div><\/section><\/section><\/section><\/section><\/div><\/div><\/div><\/section><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10f78cb e-con-full e-flex e-con e-parent\" data-id=\"10f78cb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-e2cd502 e-con-full e-flex e-con e-child\" data-id=\"e2cd502\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddeb9fd elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"ddeb9fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/tesla-model-y-2025-1-riy4sw3mm50h6gcmgwspk0yywkmi71f0m7j59f01dc.jpg\" title=\"tesla-model-y-2025.jpg\" alt=\"tesla-model-y-2025.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6a79d8 e-grid e-con-full e-con e-child\" data-id=\"b6a79d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-709a80e elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"709a80e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-wheelchair\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496.101 385.669l14.227 28.663c3.929 7.915.697 17.516-7.218 21.445l-65.465 32.886c-16.049 7.967-35.556 1.194-43.189-15.055L331.679 320H192c-15.925 0-29.426-11.71-31.679-27.475C126.433 55.308 128.38 70.044 128 64c0-36.358 30.318-65.635 67.052-63.929 33.271 1.545 60.048 28.905 60.925 62.201.868 32.933-23.152 60.423-54.608 65.039l4.67 32.69H336c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H215.182l4.572 32H352a32 32 0 0 1 28.962 18.392L438.477 396.8l36.178-18.349c7.915-3.929 17.517-.697 21.446 7.218zM311.358 352h-24.506c-7.788 54.204-54.528 96-110.852 96-61.757 0-112-50.243-112-112 0-41.505 22.694-77.809 56.324-97.156-3.712-25.965-6.844-47.86-9.488-66.333C45.956 198.464 0 261.963 0 336c0 97.047 78.953 176 176 176 71.87 0 133.806-43.308 161.11-105.192L311.358 352z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tHacimsel Ses D\u00fczeni\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDaha fazla aktif rehberlik ve aktif g\u00f6zetiminiz alt\u0131nda destekli s\u00fcr\u00fc\u015f sa\u011flamak i\u00e7in tasarlanan daha geli\u015fmi\u015f s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri seti.3\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58a9e6c elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"58a9e6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-camera\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tT\u00fcm Koltuklarda Konfor\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDaha fazla g\u00fcvenlik, daha kolay park ve Actually Smart Summon gibi s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri i\u00e7in geli\u015fmi\u015f g\u00f6r\u00fc\u015f.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee03521 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"ee03521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-blind\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.15 510.837a8 8 0 0 1-10.989-2.687l-125.33-206.427a31.923 31.923 0 0 0 12.958-9.485l126.048 207.608a8 8 0 0 1-2.687 10.991zM142.803 314.338l-32.54 89.485 36.12 88.285c6.693 16.36 25.377 24.192 41.733 17.501 16.357-6.692 24.193-25.376 17.501-41.734l-62.814-153.537zM96 88c24.301 0 44-19.699 44-44S120.301 0 96 0 52 19.699 52 44s19.699 44 44 44zm154.837 169.128l-120-152c-4.733-5.995-11.75-9.108-18.837-9.112V96H80v.026c-7.146.003-14.217 3.161-18.944 9.24L0 183.766v95.694c0 13.455 11.011 24.791 24.464 24.536C37.505 303.748 48 293.1 48 280v-79.766l16-20.571v140.698L9.927 469.055c-6.04 16.609 2.528 34.969 19.138 41.009 16.602 6.039 34.968-2.524 41.009-19.138L136 309.638V202.441l-31.406-39.816a4 4 0 1 1 6.269-4.971l102.3 129.217c9.145 11.584 24.368 11.339 33.708 3.965 10.41-8.216 12.159-23.334 3.966-33.708z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\u00c7ok Daha Fazla Ba\u011flant\u0131l\u0131\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tI\u015f\u0131kl\u0131 fla\u015f\u00f6rler ve ekran g\u00f6rselle\u015ftirmeleri, \u00e7evrenizi g\u00fcvenle kontrol etmenize yard\u0131mc\u0131 olur.\n\n\n\n\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-354815d e-grid e-con-full e-con e-child\" data-id=\"354815d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0bf8399 e-con-full e-flex e-con e-child\" data-id=\"0bf8399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41c3fbc elementor-widget elementor-widget-heading\" data-id=\"41c3fbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">G\u00fcvenli\u011finiz \u0130\u00e7in Tasarland\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-377e520 elementor-widget elementor-widget-text-editor\" data-id=\"377e520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ara\u00e7lar\u0131m\u0131z\u0131 d\u00fcnyan\u0131n en g\u00fcvenli arac\u0131 olacak \u015fekilde tasarl\u0131yoruz. Aktif g\u00fcvenlik \u00f6zellikleri, darbe \u015fiddetini azaltmaya veya kazalar\u0131 hepten \u00f6nlemeye yard\u0131mc\u0131 olabilir. Onden \u00c7arp\u0131\u015fma Uyar\u0131s\u0131, Aktif Acil Frenleme ve \u015eeritten Ayr\u0131lmay\u0131 Onleme standart olarak gelir. Sert g\u00f6vde yap\u0131s\u0131 \u00e7arp\u0131\u015fma enerjisini daha iyi emerken, hava yast\u0131klar\u0131 yolcular\u0131 korumaya yard\u0131mc\u0131 olur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b26a035 e-con-full e-flex e-con e-child\" data-id=\"b26a035\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47d8601 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"47d8601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"457\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/2026\/03\/PERT_BELGELI_ARAC_01.jpg\" class=\"attachment-full size-full wp-image-915\" alt=\"\" srcset=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/2026\/03\/PERT_BELGELI_ARAC_01.jpg 730w, https:\/\/alperen.405found.tr\/wp-content\/uploads\/2026\/03\/PERT_BELGELI_ARAC_01-300x188.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u015eansl\u0131 Kart\u0131n\u0131 Se\u00e7 G\u00fcn\u00fcn \u015eansl\u0131s\u0131 S\u00fcrpriz indirimini kap! \u0130\u00e7inden gelen kart\u0131 se\u00e7, g\u00fcn\u00fcn s\u00fcrprizi ve sana \u00f6zel mesaj\u0131n ortaya \u00e7\u0131ks\u0131n. S\u00fcrprizSenin! S\u00fcrprizSenin! S\u00fcrprizSenin! \ud83c\udf89 G\u00fcn\u00fcn Fal\u0131 \u0130\u015fte sana \u00f6zel mesaj\u0131n ve s\u00fcrprizin: “Mesaj buraya gelecek.” Fal\u0131m\u0131 Ald\u0131m, Men\u00fcye D\u00f6n Lezzet E\u015fle\u015ftirme Hedef 6 E\u015fle\u015fme Lezzet Haf\u0131zas\u0131 0 \/ 6 30 \ud83e\udde0 Lezzet E\u015fle\u015ftirme Kartlar\u0131 \u00e7evir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-809","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages\/809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=809"}],"version-history":[{"count":244,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages\/809\/revisions"}],"predecessor-version":[{"id":1247,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages\/809\/revisions\/1247"}],"wp:attachment":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u015eansl\u0131 Kart\u0131n\u0131 Se\u00e7<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n \r\n <style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n width: 100%;\r\n background-color: #f3e8ff;\r\n background-image: radial-gradient(#d8b4fe 2px, transparent 2px);\r\n background-size: 30px 30px;\r\n overflow-x: hidden;\r\n }\r\n\r\n * { -webkit-tap-highlight-color: transparent; }\r\n\r\n .perspective-1000 {\r\n perspective: 1000px;\r\n }\r\n \r\n .transform-style-3d {\r\n transform-style: preserve-3d;\r\n transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n \r\n .backface-hidden {\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n }\r\n \r\n .rotate-y-180 {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .card-front {\r\n transform: rotateY(180deg);\r\n }\r\n \r\n @keyframes float {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-10px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n \r\n .floating {\r\n animation: float 3s ease-in-out infinite;\r\n }\r\n\r\n .zoom-in { animation: zoomIn 0.5s ease-out forwards; }\r\n @keyframes zoomIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-slate-800 select-none\">\r\n\r\n <canvas id=\"confetti-canvas\" class=\"fixed inset-0 pointer-events-none z-50 w-full h-full\"><\/canvas>\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-4\">\r\n \r\n <div class=\"w-full max-w-md bg-white rounded-3xl shadow-2xl overflow-hidden border border-purple-200 relative flex flex-col\">\r\n \r\n <div class=\"bg-gradient-to-r from-purple-950 via-purple-900 to-indigo-950 text-white p-6 text-center rounded-b-3xl shadow-[0_4px_20px_rgba(59,7,100,0.4)] z-20 relative border-b border-purple-800\">\r\n <i data-lucide=\"sparkles\" class=\"w-8 h-8 mx-auto mb-2 opacity-90 text-yellow-400\"><\/i>\r\n <h1 class=\"text-3xl font-black tracking-tight italic uppercase text-yellow-400 drop-shadow-md\">G\u00fcn\u00fcn \u015eansl\u0131s\u0131<\/h1>\r\n <p class=\"text-purple-200 text-sm mt-1 font-medium\">S\u00fcrpriz indirimini kap!<\/p>\r\n <\/div>\r\n\r\n <div class=\"relative p-6 min-h-[420px] flex flex-col justify-center\">\r\n \r\n <div id=\"game-container\" class=\"flex flex-col items-center w-full transition-opacity duration-500\">\r\n \r\n <p class=\"text-slate-500 text-center mb-8 px-2 font-medium\">\r\n \u0130\u00e7inden gelen kart\u0131 se\u00e7, g\u00fcn\u00fcn s\u00fcrprizi ve sana \u00f6zel mesaj\u0131n ortaya \u00e7\u0131ks\u0131n.\r\n <\/p>\r\n\r\n <div class=\"flex justify-center gap-3 w-full perspective-1000 mb-4\" id=\"cards-wrapper\">\r\n \r\n <div class=\"relative w-28 h-40 cursor-pointer group card-element\" onclick=\"selectCard(0, this)\">\r\n <div class=\"w-full h-full transform-style-3d absolute inset-0 card-inner shadow-md rounded-xl\">\r\n <div class=\"absolute w-full h-full backface-hidden bg-gradient-to-br from-indigo-950 to-purple-900 rounded-xl border-4 border-purple-700\/80 flex items-center justify-center shadow-[0_4px_15px_rgba(59,7,100,0.5)] group-hover:shadow-[0_0_20px_rgba(168,85,247,0.6)] transition-all duration-300 floating\" style=\"animation-delay: 0s;\">\r\n <div class=\"border-2 border-dashed border-purple-500\/50 w-10\/12 h-[90%] rounded-lg flex flex-col items-center justify-center p-2 bg-purple-950\/40\">\r\n <i data-lucide=\"sparkles\" class=\"text-yellow-400 w-8 h-8 mb-2 drop-shadow-md\"><\/i>\r\n <div class=\"w-full border-t-2 border-dashed border-purple-500\/30 my-1\"><\/div>\r\n <i data-lucide=\"moon\" class=\"text-purple-200 w-5 h-5 mt-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute w-full h-full backface-hidden card-front bg-slate-50 rounded-xl border-4 border-purple-800 flex items-center justify-center shadow-2xl\">\r\n <div class=\"text-center p-2\">\r\n <i data-lucide=\"gift\" class=\"text-purple-900 w-10 h-10 mx-auto mb-2\"><\/i>\r\n <p class=\"text-purple-950 font-black text-[11px] leading-tight uppercase tracking-wider\">S\u00fcrpriz<br>Senin!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative w-28 h-40 cursor-pointer group card-element\" onclick=\"selectCard(1, this)\">\r\n <div class=\"w-full h-full transform-style-3d absolute inset-0 card-inner shadow-md rounded-xl\">\r\n <div class=\"absolute w-full h-full backface-hidden bg-gradient-to-br from-indigo-950 to-purple-900 rounded-xl border-4 border-purple-700\/80 flex items-center justify-center shadow-[0_4px_15px_rgba(59,7,100,0.5)] group-hover:shadow-[0_0_20px_rgba(168,85,247,0.6)] transition-all duration-300 floating\" style=\"animation-delay: 0.5s;\">\r\n <div class=\"border-2 border-dashed border-purple-500\/50 w-10\/12 h-[90%] rounded-lg flex flex-col items-center justify-center p-2 bg-purple-950\/40\">\r\n <i data-lucide=\"sparkles\" class=\"text-yellow-400 w-8 h-8 mb-2 drop-shadow-md\"><\/i>\r\n <div class=\"w-full border-t-2 border-dashed border-purple-500\/30 my-1\"><\/div>\r\n <i data-lucide=\"star\" class=\"text-purple-200 w-5 h-5 mt-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute w-full h-full backface-hidden card-front bg-slate-50 rounded-xl border-4 border-purple-800 flex items-center justify-center shadow-2xl\">\r\n <div class=\"text-center p-2\">\r\n <i data-lucide=\"gift\" class=\"text-purple-900 w-10 h-10 mx-auto mb-2\"><\/i>\r\n <p class=\"text-purple-950 font-black text-[11px] leading-tight uppercase tracking-wider\">S\u00fcrpriz<br>Senin!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative w-28 h-40 cursor-pointer group card-element\" onclick=\"selectCard(2, this)\">\r\n <div class=\"w-full h-full transform-style-3d absolute inset-0 card-inner shadow-md rounded-xl\">\r\n <div class=\"absolute w-full h-full backface-hidden bg-gradient-to-br from-indigo-950 to-purple-900 rounded-xl border-4 border-purple-700\/80 flex items-center justify-center shadow-[0_4px_15px_rgba(59,7,100,0.5)] group-hover:shadow-[0_0_20px_rgba(168,85,247,0.6)] transition-all duration-300 floating\" style=\"animation-delay: 1s;\">\r\n <div class=\"border-2 border-dashed border-purple-500\/50 w-10\/12 h-[90%] rounded-lg flex flex-col items-center justify-center p-2 bg-purple-950\/40\">\r\n <i data-lucide=\"sparkles\" class=\"text-yellow-400 w-8 h-8 mb-2 drop-shadow-md\"><\/i>\r\n <div class=\"w-full border-t-2 border-dashed border-purple-500\/30 my-1\"><\/div>\r\n <i data-lucide=\"sun\" class=\"text-purple-200 w-5 h-5 mt-1\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute w-full h-full backface-hidden card-front bg-slate-50 rounded-xl border-4 border-purple-800 flex items-center justify-center shadow-2xl\">\r\n <div class=\"text-center p-2\">\r\n <i data-lucide=\"gift\" class=\"text-purple-900 w-10 h-10 mx-auto mb-2\"><\/i>\r\n <p class=\"text-purple-950 font-black text-[11px] leading-tight uppercase tracking-wider\">S\u00fcrpriz<br>Senin!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"result-screen\" class=\"absolute inset-0 bg-purple-50\/95 backdrop-blur-md z-30 flex flex-col items-center justify-center p-6 opacity-0 pointer-events-none transition-opacity duration-500\">\r\n \r\n <div id=\"result-card\" class=\"w-full text-center transform scale-95 transition-transform duration-500 flex flex-col items-center\">\r\n <div class=\"text-7xl mb-4 drop-shadow-lg\">\ud83c\udf89<\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-purple-950 mb-2\">G\u00fcn\u00fcn Fal\u0131<\/h2>\r\n <p class=\"text-purple-700 mb-6 font-medium\">\u0130\u015fte sana \u00f6zel mesaj\u0131n ve s\u00fcrprizin:<\/p>\r\n \r\n <div class=\"bg-white border-2 border-dashed border-purple-400 rounded-xl p-6 mb-8 w-full relative text-left shadow-lg\">\r\n <div class=\"absolute -right-4 -top-4 w-16 h-16 bg-purple-200 rounded-full opacity-50\"><\/div>\r\n <i data-lucide=\"quote\" class=\"text-purple-300 w-6 h-6 mb-2 absolute top-4 left-4 opacity-50\"><\/i>\r\n <p id=\"fortune-text\" class=\"text-purple-950 text-sm italic leading-relaxed font-semibold relative z-10 text-center px-4\">\r\n \"Mesaj buraya gelecek.\"\r\n <\/p>\r\n <\/div>\r\n \r\n <button onclick=\"returnToMenu()\" class=\"w-full bg-gradient-to-r from-purple-900 to-indigo-900 hover:from-purple-800 hover:to-indigo-800 text-white font-bold py-4 px-8 rounded-xl flex items-center justify-center transition-transform active:scale-95 shadow-lg shadow-purple-900\/40\">\r\n <i data-lucide=\"coffee\" class=\"w-5 h-5 mr-2 text-purple-200\"><\/i>\r\n Fal\u0131m\u0131 Ald\u0131m, Men\u00fcye D\u00f6n\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n \r\n <script>\r\n lucide.createIcons();\r\n\r\n const prizes = [\r\n { message: \"Bug\u00fcn i\u015flerin tam da istedi\u011fin gibi gidecek. Bu g\u00fczel enerjiyi ta\u00e7land\u0131rmak i\u00e7in bug\u00fcn sipari\u015flerinde %10 indirim bizden sana hediye, keyfini \u00e7\u0131kar.\" },\r\n { message: \"Evrenden sana bug\u00fcn 'her \u015fey \u00e7ok g\u00fczel olacak' mesaj\u0131 var! Bu pozitif dalgay\u0131 yakalaman i\u00e7in t\u00fcm sipari\u015flerinde an\u0131nda %10 indirim seninle.\" },\r\n { message: \"Uzun zamand\u0131r bekledi\u011fin o g\u00fczel haber yakla\u015f\u0131yor. Kutlamalara \u015fimdiden ba\u015flamak i\u00e7in t\u00fcm men\u00fcde %10 indirimini hemen kullanabilirsin.\" },\r\n { message: \"3 vakte kadar i\u00e7ini \u0131s\u0131tacak \u00e7ok g\u00fczel bir haber alacaks\u0131n. O haberi beklerken i\u00e7in daha da \u0131s\u0131ns\u0131n diye, bug\u00fcn se\u00e7ece\u011fin t\u00fcm s\u0131cak i\u00e7eceklerde bir boy b\u00fcy\u00fc\u011f\u00fc senin i\u00e7in bizden.\" },\r\n { message: \"Bug\u00fcn etraf\u0131na yayd\u0131\u011f\u0131n s\u0131cakl\u0131k herkesin dikkatini \u00e7ekiyor. Bu s\u0131cak enerjiyi ta\u00e7land\u0131rmak i\u00e7in s\u0131cak i\u00e7ecek sipari\u015flerinde an\u0131nda bir boy b\u00fcy\u00fctme bizden hediye.\" },\r\n { message: \"\u0130\u00e7ine dert etti\u011fin o ufak meseleler bug\u00fcn bir bir \u00e7\u00f6z\u00fclecek. 'Oh be' demek i\u00e7in derin bir nefes al, \u00fcst\u00fcne de s\u0131cak i\u00e7eceklerde bir boy b\u00fcy\u00fc\u011f\u00fc bizden, keyfini s\u00fcr!\" },\r\n { message: \"Buzz gibi olan g\u00f6nl\u00fcn\u00fcn, biri gelecek ve bakacaks\u0131n ki buzlar\u0131 \u00e7\u00f6z\u00fclecek. O an\u0131 kutlamak i\u00e7in bug\u00fcn so\u011fuk i\u00e7eceklerde ikincisi %50 indirimle seni bekliyor.\" },\r\n { message: \"Hayat bazen \u00e7ok h\u0131zl\u0131 ak\u0131yor, bug\u00fcn biraz yava\u015fla ve an\u0131 ya\u015fa. Sana bu anlarda e\u015flik edecek sevdiklerinle i\u00e7ece\u011fin so\u011fuk i\u00e7eceklerde ikincisi %50 indirimli.\" },\r\n { message: \"Bug\u00fcn enerjin o kadar y\u00fcksek ki, etraf\u0131ndaki herkesi b\u00fcy\u00fcl\u00fcyorsun! Bu co\u015fkunu payla\u015fman i\u00e7in so\u011fuk i\u00e7eceklerde ikincisi %50 indirimli.\" },\r\n { message: \"Fal\u0131nda b\u00fcy\u00fck k\u0131smetler g\u00f6r\u00fcyorum, kesinlikle bi kahve fal\u0131na bak derim. Sohbetin koyula\u015fs\u0131n diye T\u00fcrk kahvesinde ikincisi bizden sana %40 indirimli.\" },\r\n { message: \"Bazen en derin s\u0131rlar bir kahve fincan\u0131n\u0131n telvesinde gizlidir. Dostunla s\u0131rda\u015fl\u0131k yaparken T\u00fcrk kahvesinin ikincisi %40 indirimle masanda.\" },\r\n { message: \"Bug\u00fcn ge\u00e7mi\u015ften gelen tatl\u0131 bir an\u0131 y\u00fcz\u00fcnde tebess\u00fcm olu\u015fturacak. O an\u0131y\u0131 bir dostla yad etmek i\u00e7in T\u00fcrk kahvesinin ikincisi %40 indirimli.\" },\r\n { message: \"Hayat bazen beklenmedik s\u00fcrprizler yapar, bug\u00fcn senin i\u00e7in tatl\u0131 bir s\u00fcrpriz yolda. A\u011fz\u0131n\u0131n tad\u0131 hi\u00e7 bozulmas\u0131n diye bug\u00fcn se\u00e7ece\u011fin tatl\u0131da %20 indirim bizden.\" },\r\n { message: \"Bug\u00fcn kendini bir y\u0131ld\u0131z gibi hissetmen i\u00e7in hi\u00e7bir engel yok! I\u015f\u0131lt\u0131na tatl\u0131 bir mola katmak i\u00e7in t\u00fcm tatl\u0131lar\u0131m\u0131zda an\u0131nda %20 indirim g\u00f6r\u00fcyorum.\" },\r\n { message: \"Bug\u00fcn kendine koydu\u011fun kurallar\u0131 biraz esnetme vakti. Hayata tatl\u0131 bir mola vermen i\u00e7in se\u00e7ece\u011fin tatl\u0131da %20 indirim an\u0131nda seninle.\" },\r\n { message: \"Son zamanlarda ko\u015fturmacadan biraz yorulmu\u015fsun, bug\u00fcn durup dinlenme vakti. Derin bir nefes al ve an\u0131n tad\u0131n\u0131 \u00e7\u0131kar diye, bug\u00fcn s\u00f6yleyece\u011fin ilk demli \u00e7ay\u0131n bizden.\" },\r\n { message: \"Eski bir dostun kula\u011f\u0131n\u0131 \u00e7\u0131nlatt\u0131, yak\u0131nda sana ula\u015facak. Bu hasreti dindirecek sohbetlerin provas\u0131n\u0131 yap diye ilk \u00e7ay\u0131n bizden hediye.\" },\r\n { message: \"G\u00fcn\u00fcn yorgunlu\u011fu ince belli bir bardakta son bulsun. Tav\u015fan kan\u0131 bir mola i\u00e7in bug\u00fcn ilk \u00e7ay\u0131n bizden, afiyet olsun.\" },\r\n { message: \"\u015eans perileri bug\u00fcn tam omuzunda oturuyor! \u0130\u00e7inden ge\u00e7irdi\u011fin o dilek her an ger\u00e7ek olabilir. Bu \u015fansl\u0131 g\u00fcn\u00fcn\u00fc kutlamak i\u00e7in men\u00fcden alaca\u011f\u0131n bi at\u0131\u015ft\u0131rmal\u0131\u011fa %10 indirim g\u00f6r\u00fcyorum.\" },\r\n { message: \"K\u00fc\u00e7\u00fck ba\u015flang\u0131\u00e7lar bazen en b\u00fcy\u00fck hikayelere gebedir. Bug\u00fcn ataca\u011f\u0131n her ad\u0131mda \u015fans seninle. Hikayene lezzet katacak at\u0131\u015ft\u0131rmal\u0131klarda %10 indirim kazand\u0131n.\" },\r\n { message: \"K\u00fc\u00e7\u00fck mutluluklar bug\u00fcn b\u00fcy\u00fck sevin\u00e7lere d\u00f6n\u00fc\u015fecek. Bu mutlulu\u011fu ta\u00e7land\u0131rmak i\u00e7in at\u0131\u015ft\u0131rmal\u0131k sipari\u015flerinde %10 indirim seninle.\" },\r\n { message: \"Bug\u00fcn zihninin \u00e7ok parlak ve yo\u011fun \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6r\u00fcyorum, harika fikirler kap\u0131da! O ilham perileri hi\u00e7 gitmesin diye filtre kahvelerde %20 indirim bizden.\" },\r\n { message: \"Odaklan\u0131p ba\u015farmak istedi\u011fin ne varsa bug\u00fcn y\u0131ld\u0131zlar seni destekliyor. Zihnini iyice a\u00e7acak filtre kahvelerde %20 indirimle ba\u015far\u0131ya bir ad\u0131m daha yakla\u015f!\" },\r\n { message: \"Bug\u00fcn kar\u015f\u0131na \u00e7\u0131kacak yeni bir f\u0131rsat seni \u00e7ok heyecanland\u0131racak. Zihnini zinde tutmak ve o f\u0131rsat\u0131 yakalamak i\u00e7in filtre kahvelerde %20 indirim bizden.\" },\r\n { message: \"\u00c7ok yak\u0131nda y\u00fcz\u00fcn\u00fc g\u00fcld\u00fcrecek eski bir dosttan mesaj alacaks\u0131n. G\u00fczel an\u0131lar\u0131 yad etmek i\u00e7in harika bir g\u00fcn! Yan\u0131nda bir arkada\u015f\u0131nla payla\u015ft\u0131\u011f\u0131n tatl\u0131larda ikincisi %50 indirimli.\" },\r\n { message: \"Bug\u00fcn payla\u015fman\u0131n ve beraber g\u00fclmenin g\u00fcc\u00fc seninle. En sevdi\u011fin ki\u015fiyle an\u0131 tatland\u0131rman i\u00e7in se\u00e7ece\u011fin tatl\u0131larda ikincisi %50 indirimli.\" },\r\n { message: \"Bug\u00fcn sevdiklerinle kuraca\u011f\u0131n ba\u011flar her zamankinden daha g\u00fc\u00e7l\u00fc olacak. Birlikte ge\u00e7irilecek tatl\u0131 dakikalara e\u015flik etsin diye tatl\u0131larda ikincisi %50 indirimli.\" },\r\n { message: \"G\u00fcne harika bir enerjiyle ba\u015flam\u0131\u015fs\u0131n, bug\u00fcn etraf\u0131na adeta \u0131\u015f\u0131k sa\u00e7acaks\u0131n. Bu parlak enerjini g\u00fcn boyu koruman i\u00e7in kahvalt\u0131 ve f\u0131r\u0131n \u00fcr\u00fcnlerinde %15 indirim seni bekliyor.\" },\r\n { message: \"Erken kalkan yol al\u0131r, sen ise bug\u00fcn hem yol hem de \u015fans al\u0131yorsun! G\u00fcne s\u0131cac\u0131k bir ba\u015flang\u0131\u00e7 yapman i\u00e7in kahvalt\u0131 ve f\u0131r\u0131n lezzetlerinde %15 indirim seninle.\" },\r\n { message: \"Sabah\u0131n o taze ve umut dolu enerjisi bug\u00fcn b\u00fct\u00fcn g\u00fcn\u00fcne yay\u0131lacak. Bu tazeli\u011fi hissetmen i\u00e7in kahvalt\u0131 ve f\u0131r\u0131n lezzetlerinde %15 indirim kazand\u0131n.\" },\r\n { message: \"Kalp ritmini h\u0131zland\u0131racak tatl\u0131 bir kar\u015f\u0131la\u015fma an meselesi, heyecan\u0131n\u0131 \u015fimdiden hissediyorum! Bu g\u00fczel g\u00fcn\u00fcn tad\u0131n\u0131 \u00e7\u0131karman i\u00e7in t\u00fcm pastalarda %15 indirim seninle.\" },\r\n { message: \"Bug\u00fcn kutlamaya de\u011fer \u00e7ok g\u00fczel hisler i\u00e7indesin! Kendi k\u00fc\u00e7\u00fck kutlaman\u0131 yapman i\u00e7in nefis pastalar\u0131m\u0131zda an\u0131nda %15 indirim kazand\u0131n.\" },\r\n { message: \"Bug\u00fcn akl\u0131ndan ge\u00e7en o g\u00fczel dilek, hi\u00e7 beklemedi\u011fin bir anda kar\u015f\u0131na \u00e7\u0131kacak. Bu tatl\u0131 tesad\u00fcf\u00fc kutlamak i\u00e7in pastalar\u0131m\u0131zda %15 indirim seni bekliyor.\" },\r\n { message: \"Bug\u00fcn i\u00e7ine tamamen \u00e7ocuksu bir ne\u015fe dolacak, ge\u00e7mi\u015ften \u00e7ok g\u00fczel bir hat\u0131ra y\u00fcz\u00fcn\u00fc g\u00fcld\u00fcrecek. Bu ne\u015feye e\u015flik etmesi i\u00e7in ferahlat\u0131c\u0131 so\u011fuk i\u00e7eceklerimizde %20 indirim g\u00f6r\u00fcyorum.\" },\r\n { message: \"Akl\u0131n\u0131 kurcalayan sorular bug\u00fcn bir anda r\u00fczgar gibi esip ge\u00e7ecek. Bu ferahl\u0131\u011f\u0131 hissetmen i\u00e7in buz gibi so\u011fuk i\u00e7eceklerde %20 indirim senin.\" },\r\n { message: \"Bug\u00fcn ald\u0131\u011f\u0131n bir haber i\u00e7ine su serpecek, derin bir oh \u00e7ekeceksin. Bu ferahl\u0131\u011f\u0131 ta\u00e7land\u0131rmak i\u00e7in so\u011fuk i\u00e7eceklerde %20 indirim seninle.\" },\r\n { message: \"Hep sevdiklerini d\u00fc\u015f\u00fcn\u00fcyorsun, ama bug\u00fcn tamamen kendini \u015f\u0131martma vakti. Kendine hak etti\u011fin o molay\u0131 vermen i\u00e7in mekan\u0131m\u0131z\u0131n en \u00f6zel imza i\u00e7eceklerinde %15 indirim bizden.\" },\r\n { message: \"Bug\u00fcn sen \u00e7ok \u00f6zelsin ve y\u0131ld\u0131z\u0131n parl\u0131yor! Bu e\u015fsiz enerjini kutlamak i\u00e7in men\u00fcm\u00fcz\u00fcn en \u00f6zel imza i\u00e7eceklerinde %15 indirim sadece sana \u00f6zel tan\u0131mland\u0131.\" },\r\n { message: \"Kendine has tarz\u0131n bug\u00fcn etraf\u0131ndaki herkese ilham verecek. Bu e\u015fsizli\u011fini kutlamak ad\u0131na mekan\u0131m\u0131z\u0131n imza i\u00e7eceklerinde sana \u00f6zel %15 indirim tan\u0131mland\u0131.\" }\r\n ];\r\n\r\n let isGameActive = true;\r\n\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!AudioContextClass) return null;\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') {\r\n audioCtx.resume();\r\n }\r\n return audioCtx;\r\n }\r\n\r\n function playExtremeMystic() {\r\n const ctx = ensureAudioContext();\r\n if (!ctx) return;\r\n\r\n const now = ctx.currentTime;\r\n const TOTAL_DURATION = 4;\r\n\r\n createDrone(65.41, now, TOTAL_DURATION, 'sine', 0.2);\r\n createDrone(98.00, now + 0.3, TOTAL_DURATION - 0.5, 'triangle', 0.08);\r\n\r\n const mysticNotes = [261.63, 311.13, 392.00, 493.88];\r\n \r\n mysticNotes.forEach((freq, i) => {\r\n const startTime = now + (i * 0.15);\r\n const duration = TOTAL_DURATION - (i * 0.4);\r\n \r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n const filter = audioCtx.createBiquadFilter();\r\n\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n osc.frequency.exponentialRampToValueAtTime(freq * 1.005, startTime + 1.5);\r\n \r\n filter.type = 'lowpass';\r\n filter.frequency.setValueAtTime(1800, startTime);\r\n filter.frequency.exponentialRampToValueAtTime(150, startTime + duration);\r\n\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(0.12, startTime + 0.5);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n\r\n osc.connect(filter);\r\n filter.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n\r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n });\r\n\r\n for (let i = 0; i < 20; i++) {\r\n const sparkleTime = now + (Math.random() * 2.5);\r\n const sparkleFreq = 2200 + (Math.random() * 3500);\r\n createSparkle(sparkleFreq, sparkleTime, 0.6 + Math.random() * 0.4);\r\n }\r\n }\r\n\r\n function createDrone(freq, startTime, duration, type, maxVol) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n \r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n \r\n const lfo = audioCtx.createOscillator();\r\n const lfoGain = audioCtx.createGain();\r\n lfo.frequency.setValueAtTime(0.7, startTime);\r\n lfoGain.gain.setValueAtTime(1.5, startTime);\r\n \r\n lfo.connect(lfoGain);\r\n lfoGain.connect(osc.frequency);\r\n \r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(maxVol, startTime + 0.8);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n \r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n \r\n lfo.start(startTime);\r\n osc.start(startTime);\r\n lfo.stop(startTime + duration);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n function createSparkle(freq, startTime, duration) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n \r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n \r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(0.04, startTime + 0.05);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n \r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n \r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n function selectCard(index, element) {\r\n if (!isGameActive) return;\r\n isGameActive = false;\r\n\r\n ensureAudioContext();\r\n\r\n const allCards = document.querySelectorAll('.card-element');\r\n const cardInner = element.querySelector('.card-inner');\r\n\r\n cardInner.classList.add('rotate-y-180');\r\n element.classList.remove('floating');\r\n element.style.transform = \"scale(1.1) translateY(-10px)\";\r\n element.style.zIndex = \"20\";\r\n element.style.transition = \"transform 0.5s ease\";\r\n\r\n allCards.forEach((card, i) => {\r\n if (i !== index) {\r\n card.style.transition = \"opacity 0.5s ease, transform 0.5s ease\";\r\n card.style.opacity = \"0\";\r\n card.style.transform = \"scale(0.8)\";\r\n card.classList.remove('floating');\r\n }\r\n });\r\n\r\n const randomPrize = prizes[Math.floor(Math.random() * prizes.length)];\r\n\r\n setTimeout(() => {\r\n showResult(randomPrize);\r\n }, 1000);\r\n }\r\n\r\n function showResult(prizeData) {\r\n document.getElementById('fortune-text').innerText = `\"${prizeData.message}\"`;\r\n\r\n const resultScreen = document.getElementById('result-screen');\r\n const resultCard = document.getElementById('result-card');\r\n \r\n resultScreen.classList.remove('opacity-0', 'pointer-events-none');\r\n resultCard.classList.remove('scale-95');\r\n resultCard.classList.add('scale-100');\r\n\r\n playExtremeMystic();\r\n triggerConfetti();\r\n lucide.createIcons();\r\n }\r\n\r\n function triggerConfetti() {\r\n var duration = 3 * 1000;\r\n var animationEnd = Date.now() + duration;\r\n var defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 100 };\r\n\r\n function randomInRange(min, max) {\r\n return Math.random() * (max - min) + min;\r\n }\r\n\r\n var interval = setInterval(function() {\r\n var timeLeft = animationEnd - Date.now();\r\n\r\n if (timeLeft <= 0) {\r\n return clearInterval(interval);\r\n }\r\n\r\n var particleCount = 50 * (timeLeft \/ duration);\r\n confetti(Object.assign({}, defaults, {\r\n particleCount,\r\n origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 }\r\n }));\r\n confetti(Object.assign({}, defaults, {\r\n particleCount,\r\n origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 }\r\n }));\r\n }, 250);\r\n }\r\n\r\n function returnToMenu() {\r\n alert(\"G\u00fcn\u00fcn fal\u0131 okundu ve s\u00fcrprizin masana\/hesab\u0131na tan\u0131mland\u0131! Men\u00fcye y\u00f6nlendiriliyorsunuz...\");\r\n resetGame();\r\n }\r\n\r\n function resetGame() {\r\n isGameActive = true;\r\n \r\n const resultScreen = document.getElementById('result-screen');\r\n const resultCard = document.getElementById('result-card');\r\n resultScreen.classList.add('opacity-0', 'pointer-events-none');\r\n resultCard.classList.remove('scale-100');\r\n resultCard.classList.add('scale-95');\r\n\r\n const allCards = document.querySelectorAll('.card-element');\r\n allCards.forEach(card => {\r\n const inner = card.querySelector('.card-inner');\r\n inner.classList.remove('rotate-y-180');\r\n card.style.opacity = \"1\";\r\n card.style.transform = \"scale(1) translateY(0)\";\r\n card.classList.add('floating');\r\n });\r\n\r\n lucide.createIcons();\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c79752 e-flex e-con-boxed e-con e-parent\" data-id=\"1c79752\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5217ac7 elementor-widget elementor-widget-html\" data-id=\"5217ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet E\u015fle\u015ftirme<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #fff7ed;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .le-bg-pattern {\r\n background-image: radial-gradient(#fed7aa 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n \/* Ana Oyun Sahnesi *\/\r\n #le-game-scene {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: linear-gradient(to bottom, #fff7ed, #ffedd5);\r\n touch-action: none;\r\n }\r\n\r\n \/* Kart Stilleri *\/\r\n .le-card {\r\n perspective: 1000px;\r\n cursor: pointer;\r\n aspect-ratio: 1 \/ 1;\r\n }\r\n\r\n .le-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform-style: preserve-3d;\r\n }\r\n\r\n .le-card.flipped .le-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .le-card-front, .le-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n border-radius: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .le-card-back {\r\n background-color: #ffedd5;\r\n border: 3px solid #fdba74;\r\n color: #f97316;\r\n }\r\n\r\n .le-card-front {\r\n background-color: white;\r\n border: 3px solid #fb923c;\r\n transform: rotateY(180deg);\r\n }\r\n\r\n .le-card.matched .le-card-inner {\r\n opacity: 0.6;\r\n filter: grayscale(1);\r\n transform: rotateY(180deg) scale(0.95);\r\n }\r\n\r\n \/* Animasyonlar *\/\r\n .fade-in { animation: fadeIn 0.3s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4 le-bg-pattern\">\r\n \r\n \r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-orange-100 flex flex-col overflow-hidden relative\">\r\n \r\n \r\n <div class=\"bg-orange-500 text-white p-3 text-center z-20 relative shadow-md shrink-0 flex justify-between items-center px-6\">\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs text-orange-100 font-bold uppercase tracking-wider\">Hedef<\/span>\r\n <span class=\"text-lg font-black leading-tight text-white\">6 E\u015fle\u015fme<\/span>\r\n <\/div>\r\n <h1 class=\"text-xl font-black tracking-tight uppercase italic\">Lezzet Haf\u0131zas\u0131<\/h1>\r\n <div class=\"w-8\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-game-scene\" class=\"flex-1\">\r\n \r\n \r\n <div class=\"flex justify-between items-center p-4 absolute top-0 w-full z-10 pointer-events-none\">\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-orange-100 flex items-center gap-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#f97316\" stroke=\"#f97316\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n <span id=\"le-score-text\" class=\"font-black text-xl text-orange-600\">0 \/ 6<\/span>\r\n <\/div>\r\n <div id=\"le-timer-box\" class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-slate-100 flex items-center gap-2 text-slate-600\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <span id=\"le-time-text\" class=\"font-black text-xl\">30<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-card-container\" class=\"absolute inset-0 flex items-center justify-center p-4 pt-16\">\r\n <div id=\"le-grid\" class=\"grid grid-cols-3 gap-3 w-full\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n <div class=\"w-20 h-20 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4 shadow-inner border-4 border-white\">\r\n <span class=\"text-4xl animate-bounce\">\ud83e\udde0<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-orange-600 mb-4\">Lezzet E\u015fle\u015ftirme<\/h2>\r\n \r\n <div class=\"bg-orange-50 rounded-2xl p-4 mb-6 space-y-3 text-left border border-orange-100\">\r\n <p class=\"text-sm font-bold text-orange-800 text-center\">\r\n Kartlar\u0131 \u00e7evir ve ayn\u0131 lezzetleri bul! 30 saniye i\u00e7inde t\u00fcm e\u015fleri bulursan b\u00fcy\u00fck \u00f6d\u00fcl senin.\r\n <\/p>\r\n <div class=\"flex items-center gap-3 bg-white p-2 rounded-lg border border-orange-200 mt-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f97316\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n <p class=\"text-sm font-black text-orange-700\">6 \u00c7ifti 30 Saniyede Bul!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"le-btn-start\" class=\"w-full bg-orange-500 hover:bg-orange-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#ea580c]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Oyuna Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n \r\n \r\n <div id=\"le-content-win\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4\">\ud83c\udfc6<\/div>\r\n <h2 class=\"text-2xl font-black text-green-600 mb-2\">Haf\u0131zan M\u00fcthi\u015f!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">T\u00fcm lezzetleri e\u015fle\u015ftirdin ve \u00f6d\u00fcl\u00fc kapt\u0131n!<\/p>\r\n \r\n <div class=\"bg-orange-50 border-2 border-dashed border-orange-300 rounded-xl p-4 mb-6 w-full\">\r\n <p class=\"text-xs font-bold text-orange-600 uppercase tracking-widest mb-1\">Hediye Kodun<\/p>\r\n <p id=\"le-prize-code\" class=\"text-4xl font-black text-orange-500 tracking-widest\">LE0000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"le-content-lose\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4 grayscale\">\u23f3<\/div>\r\n <h2 class=\"text-2xl font-black text-slate-800 mb-2\">Zaman Doldu!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-2\">Maalesef s\u00fcren bitti.<\/p>\r\n <p class=\"text-lg font-black text-orange-500 mb-6\">E\u015fle\u015fme: <span id=\"le-final-score\">0<\/span> \/ 6<\/p>\r\n <\/div>\r\n\r\n <button id=\"le-btn-restart\" class=\"w-full bg-slate-800 hover:bg-slate-900 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-lg\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><\/svg>\r\n Tekrar Dene\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ --- AYARLAR VE STATE ---\r\n const EMOJIS = ['\ud83c\udf54', '\ud83c\udf55', '\ud83c\udf5f', '\ud83c\udf69', '\u2615', '\ud83c\udf70'];\r\n const TIME_LIMIT = 30;\r\n \r\n let cards = [];\r\n let flippedCards = [];\r\n let matchedPairs = 0;\r\n let timeLeft = TIME_LIMIT;\r\n let isPlaying = false;\r\n let timerId = null;\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 (Web Audio API) ---\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n return audioCtx;\r\n }\r\n\r\n function playEpicWinSound() {\r\n const ctx = ensureAudioContext();\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n\r\n for (let i = 0; i < 30; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 10) * 0.2);\r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', 0.1);\r\n }\r\n\r\n let fanfareTime = time + 1.2;\r\n [261, 349, 392, 523].forEach((f, i) => {\r\n playNote(f, fanfareTime + (i * 0.2), 0.4, 'sawtooth', 0.2);\r\n });\r\n \/\/ Final Akoru\r\n [261, 329, 392, 523].forEach(f => {\r\n playNote(f, fanfareTime + 0.8, 2.0, 'sawtooth', 0.1);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type, maxVol) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(maxVol, startTime + 0.05);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(startTime); osc.stop(startTime + duration);\r\n }\r\n\r\n \/\/ --- DOM ---\r\n const grid = document.getElementById('le-grid');\r\n const overlayMenu = document.getElementById('le-overlay-menu');\r\n const overlayResult = document.getElementById('le-overlay-result');\r\n const scoreText = document.getElementById('le-score-text');\r\n const timeText = document.getElementById('le-time-text');\r\n const timerBox = document.getElementById('le-timer-box');\r\n \r\n document.getElementById('le-btn-start').addEventListener('click', initGame);\r\n document.getElementById('le-btn-restart').addEventListener('click', () => {\r\n overlayResult.classList.add('hidden');\r\n overlayMenu.classList.remove('hidden');\r\n overlayMenu.classList.add('flex');\r\n });\r\n\r\n \/\/ --- OYUN MANTI\u011eI ---\r\n function initGame() {\r\n ensureAudioContext();\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n overlayResult.classList.add('hidden');\r\n\r\n \/\/ State S\u0131f\u0131rla\r\n score = 0; matchedPairs = 0; timeLeft = TIME_LIMIT; flippedCards = [];\r\n scoreText.textContent = `0 \/ 6`;\r\n timeText.textContent = timeLeft;\r\n timerBox.classList.remove('text-red-500', 'animate-pulse');\r\n\r\n \/\/ Kartlar\u0131 Haz\u0131rla\r\n const shuffled = [...EMOJIS, ...EMOJIS].sort(() => Math.random() - 0.5);\r\n cards = shuffled.map((emoji, index) => ({ id: index, emoji, matched: false }));\r\n \r\n renderGrid();\r\n isPlaying = true;\r\n\r\n \/\/ Timer\r\n if(timerId) clearInterval(timerId);\r\n timerId = setInterval(() => {\r\n timeLeft--;\r\n timeText.textContent = timeLeft;\r\n if(timeLeft <= 5) timerBox.classList.add('text-red-500', 'animate-pulse');\r\n if(timeLeft <= 0) finishGame(false);\r\n }, 1000);\r\n }\r\n\r\n function renderGrid() {\r\n grid.innerHTML = '';\r\n cards.forEach((card, index) => {\r\n const cardEl = document.createElement('div');\r\n cardEl.className = 'le-card';\r\n cardEl.innerHTML = `\r\n <div class=\"le-card-inner\">\r\n <div class=\"le-card-back\">?<\/div>\r\n <div class=\"le-card-front\">${card.emoji}<\/div>\r\n <\/div>\r\n `;\r\n cardEl.addEventListener('click', () => handleCardClick(index, cardEl));\r\n grid.appendChild(cardEl);\r\n });\r\n }\r\n\r\n function handleCardClick(index, el) {\r\n if(!isPlaying || flippedCards.length >= 2 || el.classList.contains('flipped') || el.classList.contains('matched')) return;\r\n\r\n el.classList.add('flipped');\r\n flippedCards.push({ index, el });\r\n\r\n if(flippedCards.length === 2) {\r\n const [c1, c2] = flippedCards;\r\n if(cards[c1.index].emoji === cards[c2.index].emoji) {\r\n \/\/ E\u015fle\u015fti\r\n setTimeout(() => {\r\n c1.el.classList.add('matched');\r\n c2.el.classList.add('matched');\r\n matchedPairs++;\r\n scoreText.textContent = `${matchedPairs} \/ 6`;\r\n flippedCards = [];\r\n if(matchedPairs === 6) finishGame(true);\r\n }, 500);\r\n } else {\r\n \/\/ E\u015fle\u015fmedi\r\n setTimeout(() => {\r\n c1.el.classList.remove('flipped');\r\n c2.el.classList.remove('flipped');\r\n flippedCards = [];\r\n }, 1000);\r\n }\r\n }\r\n }\r\n\r\n function finishGame(win) {\r\n isPlaying = false;\r\n clearInterval(timerId);\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n\r\n const winPanel = document.getElementById('le-content-win');\r\n const losePanel = document.getElementById('le-content-lose');\r\n\r\n if(win) {\r\n winPanel.classList.remove('hidden'); winPanel.classList.add('flex');\r\n losePanel.classList.add('hidden');\r\n document.getElementById('le-prize-code').textContent = 'LE' + Math.floor(1000 + Math.random() * 9000);\r\n playEpicWinSound();\r\n confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 }, zIndex: 100 });\r\n } else {\r\n winPanel.classList.add('hidden');\r\n losePanel.classList.remove('hidden'); losePanel.classList.add('flex');\r\n document.getElementById('le-final-score').textContent = matchedPairs;\r\n }\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c315017 e-flex e-con-boxed e-con e-parent\" data-id=\"c315017\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e077f elementor-widget elementor-widget-html\" data-id=\"d8e077f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet Av\u0131<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n .fade-in { animation: fadeIn 0.4s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n .pop-up { animation: popUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n .pop-down { animation: popDown 0.2s ease-in forwards; }\r\n .score-float { animation: floatUp 0.8s ease-out forwards; pointer-events: none; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n @keyframes popUp { from { transform: translateY(100%); } to { transform: translateY(0); } }\r\n @keyframes popDown { from { transform: translateY(0); } to { transform: translateY(100%); } }\r\n @keyframes floatUp { 0% { transform: translateY(0) scale(1); opacity: 1; } 100% { transform: translateY(-40px) scale(1.5); opacity: 0; } }\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #fdf2f8;\r\n background-image: radial-gradient(#fbcfe8 2px, transparent 2px);\r\n background-size: 30px 30px;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n * { -webkit-tap-highlight-color: transparent; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4\">\r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-rose-100 flex flex-col overflow-hidden relative\">\r\n \r\n <div class=\"bg-rose-500 text-white p-4 text-center z-20 relative shadow-md shrink-0 flex justify-between items-center px-6\">\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs text-rose-200 font-bold uppercase tracking-wider\">Hedef<\/span>\r\n <span class=\"text-lg font-black leading-tight text-yellow-300\" id=\"la-target-display\">15<\/span>\r\n <\/div>\r\n <h1 class=\"text-2xl font-black tracking-tight italic uppercase\">Lezzet Av\u0131<\/h1>\r\n <div class=\"w-10\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"la-game-scene\" class=\"flex-1 relative flex flex-col justify-center p-6 bg-slate-50 overflow-hidden\">\r\n \r\n <div class=\"flex justify-between items-center mb-6 z-10 pointer-events-none relative\">\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-xl shadow-sm border border-rose-100 flex flex-col\">\r\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wider leading-none mb-1\">Skor<\/span>\r\n <div class=\"flex items-center text-2xl font-black text-rose-500 leading-none\">\r\n <span id=\"la-score-text\">0<\/span>\r\n <\/div>\r\n <\/div>\r\n <div id=\"la-timer-container\" class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-xl shadow-sm border border-slate-100 flex flex-col items-end\">\r\n <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-wider leading-none mb-1\">S\u00fcre<\/span>\r\n <div class=\"flex items-center font-black text-2xl text-slate-700 leading-none\">\r\n <span id=\"la-time-text\">20<\/span><span class=\"text-sm ml-1 text-slate-400\">sn<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"la-grid\" class=\"grid grid-cols-3 gap-3 z-10 relative\"><\/div>\r\n\r\n <div id=\"la-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n <div class=\"text-5xl mb-6 flex justify-center space-x-2\">\r\n <span class=\"animate-bounce\" style=\"animation-delay: 0s\">\ud83c\udf54<\/span>\r\n <span class=\"animate-bounce\" style=\"animation-delay: 0.1s\">\ud83c\udf69<\/span>\r\n <span class=\"animate-bounce\" style=\"animation-delay: 0.2s\">\ud83c\udf36\ufe0f<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-rose-600 mb-2\">H\u0131zl\u0131 Olan Kazan\u0131r!<\/h2>\r\n \r\n <div class=\"bg-rose-50 p-4 rounded-xl mb-6 text-left text-sm text-rose-800 space-y-3 border border-rose-100\">\r\n <div class=\"flex items-center justify-between\">\r\n <span>\u2705 Lezzetleri yakala<\/span>\r\n <b class=\"text-green-600\">+1 Puan<\/b>\r\n <\/div>\r\n <div class=\"flex items-center justify-between\">\r\n <span>\u274c Ac\u0131 bibere dokunma<\/span>\r\n <b class=\"text-red-600\">-1 Puan<\/b>\r\n <\/div>\r\n <div class=\"w-full border-t border-rose-200\/50 my-1\"><\/div>\r\n <div class=\"text-center\">\r\n \u23f1\ufe0f <b id=\"la-menu-time\">20<\/b> saniyede <b id=\"la-menu-target\">15<\/b> puana ula\u015f!\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" id=\"la-btn-start\" class=\"w-full bg-rose-500 hover:bg-rose-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#be123c]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Oyuna Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"la-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n \r\n <div id=\"la-content-win\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4\">\ud83c\udf89<\/div>\r\n <h2 class=\"text-2xl font-black text-green-600 mb-2\">Harika Refleks!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">Yeterli puana ula\u015ft\u0131n ve \u00f6d\u00fcl\u00fc kapt\u0131n.<\/p>\r\n \r\n <div class=\"bg-rose-50 border-2 border-dashed border-rose-300 rounded-xl p-4 mb-6 w-full relative overflow-hidden\">\r\n <p class=\"text-xs font-bold text-rose-500 uppercase tracking-widest mb-1\">\u0130ndirim Kodun<\/p>\r\n <p id=\"la-prize-code\" class=\"text-4xl font-black text-rose-600 tracking-widest\">AV0000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"la-content-lose\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4 grayscale\">\ud83d\ude22<\/div>\r\n <h2 class=\"text-2xl font-black text-slate-800 mb-2\">Yeterince H\u0131zl\u0131 De\u011fildin!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-4\">Maalesef hedef puana ula\u015famad\u0131n.<\/p>\r\n <div class=\"bg-slate-50 rounded-xl p-4 w-full border border-slate-100 mb-6\">\r\n <p class=\"text-sm font-bold text-slate-400 uppercase tracking-wider mb-1\">Skorun<\/p>\r\n <p class=\"text-3xl font-black text-rose-500\"><span id=\"la-final-score\">0<\/span> \/ <span id=\"la-final-target\">15<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"button\" id=\"la-btn-restart\" class=\"w-full bg-slate-800 hover:bg-slate-900 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-lg\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><\/svg>\r\n Ana Men\u00fc\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n const TARGET_SCORE = 15;\r\n const TIME_LIMIT = 20;\r\n const GOOD_FOODS = ['\ud83c\udf54', '\ud83c\udf55', '\ud83c\udf5f', '\ud83c\udf69', '\ud83c\udf2d', '\ud83c\udf2e'];\r\n const TRAP_FOOD = '\ud83c\udf36\ufe0f';\r\n \r\n let score = 0;\r\n let timeLeft = TIME_LIMIT;\r\n let isPlaying = false;\r\n let gameInterval = null;\r\n let spawnInterval = null;\r\n let holes = Array(9).fill(null).map(() => ({ active: false, type: null, emoji: '', timeout: null }));\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 ---\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!AudioContextClass) return null;\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') {\r\n audioCtx.resume();\r\n }\r\n return audioCtx;\r\n }\r\n\r\n function playEpicWinSound() {\r\n const ctx = ensureAudioContext();\r\n if (!ctx) return;\r\n\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n\r\n for (let i = 0; i < 35; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 12) * 0.2);\r\n\r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', 0.15);\r\n playNote(note * pitchShift * 1.5, time + (i * 0.04), 0.1, 'square', 0.05);\r\n }\r\n\r\n let fanfareTime = time + 1.2;\r\n\r\n playChord([261.63, 329.63, 392.00], fanfareTime, 0.2, 'sawtooth', 0.5);\r\n playChord([349.23, 440.00, 523.25], fanfareTime + 0.25, 0.2, 'sawtooth', 0.5);\r\n playChord([392.00, 493.88, 587.33], fanfareTime + 0.5, 0.25, 'sawtooth', 0.5);\r\n\r\n let finaleTime = fanfareTime + 0.85;\r\n playChord([130.81, 261.63, 329.63, 392.00, 523.25, 659.25, 783.99], finaleTime, 2.5, 'sawtooth', 0.7);\r\n playNote(1046.50, finaleTime, 2.0, 'sine', 0.3);\r\n playNote(2093.00, finaleTime, 2.0, 'sine', 0.15);\r\n }\r\n\r\n function playChord(frequencies, startTime, duration, type, totalVolume) {\r\n frequencies.forEach(freq => {\r\n playNote(freq, startTime, duration, type, totalVolume \/ frequencies.length);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', maxVol = 0.3) {\r\n if (!audioCtx) return;\r\n\r\n const osc = audioCtx.createOscillator();\r\n const gainNode = audioCtx.createGain();\r\n\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n\r\n gainNode.gain.setValueAtTime(0, startTime);\r\n gainNode.gain.linearRampToValueAtTime(maxVol, startTime + Math.min(0.05, duration * 0.1));\r\n gainNode.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n\r\n osc.connect(gainNode);\r\n gainNode.connect(audioCtx.destination);\r\n\r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n document.getElementById('la-target-display').textContent = TARGET_SCORE;\r\n document.getElementById('la-menu-target').textContent = TARGET_SCORE;\r\n document.getElementById('la-menu-time').textContent = TIME_LIMIT;\r\n document.getElementById('la-final-target').textContent = TARGET_SCORE;\r\n\r\n const gridEl = document.getElementById('la-grid');\r\n const scoreText = document.getElementById('la-score-text');\r\n const timeText = document.getElementById('la-time-text');\r\n const timerContainer = document.getElementById('la-timer-container');\r\n \r\n const overlayMenu = document.getElementById('la-overlay-menu');\r\n const overlayResult = document.getElementById('la-overlay-result');\r\n \r\n const btnStart = document.getElementById('la-btn-start');\r\n const btnRestart = document.getElementById('la-btn-restart');\r\n \r\n const contentWin = document.getElementById('la-content-win');\r\n const contentLose = document.getElementById('la-content-lose');\r\n\r\n btnStart.addEventListener('click', initGame);\r\n btnRestart.addEventListener('click', resetToMenu);\r\n\r\n initGridUI();\r\n\r\n function initGridUI() {\r\n gridEl.innerHTML = '';\r\n for (let i = 0; i < 9; i++) {\r\n const hole = document.createElement('div');\r\n hole.className = 'relative aspect-square bg-white rounded-full border-4 border-slate-200 shadow-[inset_0_4px_6px_rgba(0,0,0,0.1)] overflow-hidden cursor-pointer touch-manipulation';\r\n \r\n hole.addEventListener('touchstart', (e) => { e.preventDefault(); handleTap(i, e); });\r\n hole.addEventListener('mousedown', (e) => handleTap(i, e));\r\n \r\n const item = document.createElement('div');\r\n item.id = `la-item-${i}`;\r\n item.className = 'absolute inset-0 flex items-center justify-center text-[2.5rem] translate-y-full';\r\n \r\n hole.appendChild(item);\r\n gridEl.appendChild(hole);\r\n }\r\n }\r\n\r\n function initGame() {\r\n ensureAudioContext();\r\n\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n\r\n score = 0;\r\n timeLeft = TIME_LIMIT;\r\n holes.forEach(h => { if(h.timeout) clearTimeout(h.timeout); h.active = false; });\r\n \r\n scoreText.textContent = score;\r\n timeText.textContent = timeLeft;\r\n timerContainer.classList.remove('text-red-500', 'animate-pulse');\r\n timerContainer.classList.add('text-slate-700');\r\n \r\n for(let i=0; i<9; i++) {\r\n const itemDiv = document.getElementById(`la-item-${i}`);\r\n if(itemDiv) {\r\n itemDiv.classList.remove('pop-up');\r\n itemDiv.classList.add('translate-y-full');\r\n }\r\n }\r\n\r\n isPlaying = true;\r\n\r\n if (gameInterval) clearInterval(gameInterval);\r\n gameInterval = setInterval(() => {\r\n timeLeft--;\r\n timeText.textContent = timeLeft;\r\n\r\n if (timeLeft <= 5) {\r\n timerContainer.classList.remove('text-slate-700');\r\n timerContainer.classList.add('text-red-500', 'animate-pulse');\r\n }\r\n\r\n if (timeLeft <= 0) {\r\n finishGame(false);\r\n }\r\n }, 1000);\r\n\r\n if (spawnInterval) clearInterval(spawnInterval);\r\n spawnInterval = setInterval(spawnItem, 600); \r\n }\r\n\r\n function spawnItem() {\r\n if (!isPlaying) return;\r\n\r\n const emptyHoles = holes.map((h, i) => h.active ? null : i).filter(i => i !== null);\r\n if (emptyHoles.length === 0) return;\r\n\r\n const randomIndex = emptyHoles[Math.floor(Math.random() * emptyHoles.length)];\r\n const isTrap = Math.random() < 0.50;\r\n \r\n const emoji = isTrap ? TRAP_FOOD : GOOD_FOODS[Math.floor(Math.random() * GOOD_FOODS.length)];\r\n const type = isTrap ? 'trap' : 'good';\r\n\r\n holes[randomIndex] = { active: true, type, emoji, timeout: null };\r\n \r\n const itemDiv = document.getElementById(`la-item-${randomIndex}`);\r\n itemDiv.textContent = emoji;\r\n itemDiv.classList.remove('pop-down', 'translate-y-full');\r\n itemDiv.classList.add('pop-up');\r\n\r\n const hideDelay = Math.floor(Math.random() * 400) + 700;\r\n holes[randomIndex].timeout = setTimeout(() => hideItem(randomIndex), hideDelay);\r\n }\r\n\r\n function hideItem(index) {\r\n if (!holes[index].active) return; \r\n \r\n holes[index].active = false;\r\n const itemDiv = document.getElementById(`la-item-${index}`);\r\n itemDiv.classList.remove('pop-up');\r\n itemDiv.classList.add('pop-down');\r\n }\r\n\r\n function handleTap(index, event) {\r\n if (!isPlaying || !holes[index].active) return;\r\n\r\n const holeData = holes[index];\r\n \r\n clearTimeout(holeData.timeout);\r\n holeData.active = false;\r\n\r\n let pointsEarned = 0;\r\n if (holeData.type === 'good') {\r\n score++;\r\n pointsEarned = 1;\r\n } else if (holeData.type === 'trap') {\r\n score = Math.max(0, score - 1); \r\n pointsEarned = -1;\r\n \r\n document.getElementById('la-game-scene').classList.add('animate-[pulse_0.2s_ease-in-out]');\r\n setTimeout(() => document.getElementById('la-game-scene').classList.remove('animate-[pulse_0.2s_ease-in-out]'), 200);\r\n }\r\n \r\n scoreText.textContent = score;\r\n\r\n const itemDiv = document.getElementById(`la-item-${index}`);\r\n itemDiv.classList.remove('pop-up');\r\n itemDiv.classList.add('pop-down');\r\n\r\n showFloatingScore(event, pointsEarned);\r\n\r\n if (score >= TARGET_SCORE) {\r\n finishGame(true);\r\n }\r\n }\r\n\r\n function showFloatingScore(event, points) {\r\n const floatText = document.createElement('div');\r\n floatText.className = `absolute font-black text-2xl score-float ${points > 0 ? 'text-green-500' : 'text-red-500'}`;\r\n floatText.textContent = points > 0 ? '+1' : '-1';\r\n \r\n const gridRect = gridEl.getBoundingClientRect();\r\n let x, y;\r\n \r\n if (event.touches && event.touches.length > 0) {\r\n x = event.touches[0].clientX - gridRect.left - 10;\r\n y = event.touches[0].clientY - gridRect.top - 10;\r\n } else {\r\n x = event.clientX - gridRect.left - 10;\r\n y = event.clientY - gridRect.top - 10;\r\n }\r\n\r\n floatText.style.left = `${x}px`;\r\n floatText.style.top = `${y}px`;\r\n \r\n gridEl.appendChild(floatText);\r\n setTimeout(() => floatText.remove(), 800);\r\n }\r\n\r\n function finishGame(isForcedWin) {\r\n isPlaying = false;\r\n clearInterval(gameInterval);\r\n clearInterval(spawnInterval);\r\n holes.forEach(h => { if(h.timeout) clearTimeout(h.timeout); });\r\n\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n\r\n if (score >= TARGET_SCORE || isForcedWin) {\r\n contentWin.classList.remove('hidden');\r\n contentLose.classList.add('hidden');\r\n contentWin.classList.add('flex');\r\n \r\n document.getElementById('la-prize-code').textContent = 'AV' + Math.floor(1000 + Math.random() * 9000);\r\n\r\n playEpicWinSound();\r\n \r\n if (typeof confetti !== 'undefined') {\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 }, colors: ['#f43f5e', '#10b981', '#fcd34d'], zIndex: 100 });\r\n }\r\n } else {\r\n contentWin.classList.add('hidden');\r\n contentLose.classList.remove('hidden');\r\n contentLose.classList.add('flex');\r\n \r\n document.getElementById('la-final-score').textContent = score;\r\n }\r\n }\r\n\r\n function resetToMenu() {\r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n \r\n overlayMenu.classList.remove('hidden');\r\n overlayMenu.classList.add('flex');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8215220 e-flex e-con-boxed e-con e-parent\" data-id=\"8215220\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08e4e5f elementor-widget elementor-widget-html\" data-id=\"08e4e5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet Ya\u011fmuru<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #fffbeb;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .bg-pattern {\r\n background-image: radial-gradient(#fde68a 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n #ly-game-scene {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: linear-gradient(to bottom, #fef3c7, #fffbeb);\r\n touch-action: none;\r\n }\r\n\r\n .falling-item {\r\n position: absolute;\r\n font-size: 2.5rem;\r\n text-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n transform: translateX(-50%);\r\n will-change: transform, top;\r\n }\r\n\r\n #ly-basket {\r\n position: absolute;\r\n bottom: 20px;\r\n width: 80px;\r\n height: 20px;\r\n background-color: #d97706;\r\n border-radius: 10px;\r\n transform: translateX(-50%);\r\n box-shadow: 0 4px 10px rgba(217, 119, 6, 0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2.5rem;\r\n line-height: 1;\r\n z-index: 10;\r\n }\r\n \r\n #ly-basket::after {\r\n content: '';\r\n position: absolute;\r\n top: -5px;\r\n width: 100%;\r\n height: 5px;\r\n background-color: #f59e0b;\r\n border-radius: 10px 10px 0 0;\r\n }\r\n\r\n .fade-in { animation: fadeIn 0.3s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .floating-score {\r\n position: absolute;\r\n font-weight: 900;\r\n font-size: 1.5rem;\r\n pointer-events: none;\r\n animation: floatUpAndFade 0.8s ease-out forwards;\r\n z-index: 15;\r\n transform: translateX(-50%);\r\n }\r\n\r\n @keyframes floatUpAndFade {\r\n 0% { transform: translate(-50%, 0) scale(1); opacity: 1; }\r\n 100% { transform: translate(-50%, -50px) scale(1.5); opacity: 0; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4 bg-pattern\">\r\n \r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-amber-100 flex flex-col overflow-hidden relative\">\r\n \r\n <div class=\"bg-amber-500 text-white p-3 text-center z-20 relative shadow-md shrink-0 flex justify-between items-center px-6\">\r\n <div class=\"flex flex-col text-left\">\r\n <span class=\"text-xs text-amber-100 font-bold uppercase tracking-wider\">Hedef Puan<\/span>\r\n <span class=\"text-lg font-black leading-tight\">150<\/span>\r\n <\/div>\r\n <h1 class=\"text-xl font-black tracking-tight uppercase\">Lezzet Ya\u011fmuru<\/h1>\r\n <div class=\"w-8\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-game-scene\" class=\"flex-1\">\r\n \r\n <div class=\"flex justify-between items-center p-4 absolute top-0 w-full z-10 pointer-events-none\">\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-amber-100 flex items-center gap-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\r\n <span id=\"ly-score-text\" class=\"font-black text-xl text-amber-600\">0<\/span>\r\n <\/div>\r\n <div class=\"bg-white\/90 backdrop-blur px-4 py-2 rounded-full shadow-sm border border-slate-100 flex items-center gap-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <span id=\"ly-time-text\" class=\"font-black text-xl text-slate-600\">20<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-items-container\" class=\"absolute inset-0 z-0\"><\/div>\r\n\r\n <div id=\"ly-basket\">\r\n <span class=\"absolute -top-10 text-4xl\">\ud83c\udf7d\ufe0f<\/span>\r\n <\/div>\r\n\r\n <div id=\"ly-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl border border-slate-100 p-6 text-center pop-in\">\r\n <div class=\"w-20 h-20 bg-amber-100 rounded-full flex items-center justify-center mx-auto mb-4 shadow-inner border-4 border-white\">\r\n <span class=\"text-4xl animate-bounce\">\ud83d\uded2<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"text-2xl font-black text-amber-600 mb-4\">Lezzetleri Topla!<\/h2>\r\n \r\n <div class=\"bg-slate-50 rounded-2xl p-4 mb-6 space-y-3 text-left border border-slate-100\">\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl\">\ud83c\udf54\ud83c\udf69<\/span>\r\n <p class=\"text-sm font-bold text-slate-600\">Yakala <span class=\"text-green-500\">+10<\/span>, Ka\u00e7\u0131rma <span class=\"text-red-500\">-10<\/span><\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl\">\ud83c\udf36\ufe0f\ud83d\udca3<\/span>\r\n <p class=\"text-sm font-bold text-slate-600\">Tuzaklara dikkat <span class=\"text-red-500\">-15<\/span><\/p>\r\n <\/div>\r\n <div class=\"flex items-center gap-3 bg-amber-100 p-2 rounded-lg border border-amber-200 mt-2\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d97706\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n <p class=\"text-sm font-black text-amber-800\">20 Saniyede 150 Puan yap!<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"ly-btn-start\" class=\"w-full bg-amber-500 hover:bg-amber-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#d97706]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Oyuna Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex-col items-center justify-center p-4\">\r\n <div class=\"w-full bg-white rounded-3xl shadow-2xl border border-slate-100 p-6 text-center pop-in\">\r\n \r\n <div id=\"ly-content-win\" class=\"hidden flex-col items-center\">\r\n <div class=\"w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mb-4 text-4xl\">\ud83c\udfc6<\/div>\r\n <h2 class=\"text-2xl font-black text-green-600 mb-2\">Tebrikler!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">Hedefe ula\u015ft\u0131n ve \u00f6d\u00fcl\u00fc kapt\u0131n!<\/p>\r\n \r\n <div class=\"bg-amber-50 border-2 border-dashed border-amber-300 rounded-xl p-4 mb-6 w-full\">\r\n <p class=\"text-xs font-bold text-amber-600 uppercase tracking-widest mb-1\">\u0130ndirim Kodun<\/p>\r\n <p id=\"ly-prize-code\" class=\"text-4xl font-black text-amber-500 tracking-widest\">LY0000<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ly-content-lose\" class=\"hidden flex-col items-center\">\r\n <div class=\"w-20 h-20 bg-red-100 rounded-full flex items-center justify-center mb-4 text-4xl grayscale\">\ud83d\ude22<\/div>\r\n <h2 class=\"text-2xl font-black text-slate-800 mb-2\">S\u00fcre Doldu!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-2\">Biraz daha h\u0131zl\u0131 olmal\u0131s\u0131n.<\/p>\r\n <p class=\"text-lg font-black text-amber-500 mb-6\">Skorun: <span id=\"ly-final-score\">0<\/span> \/ 150<\/p>\r\n <\/div>\r\n\r\n <button id=\"ly-btn-restart\" class=\"w-full bg-rose-600 hover:bg-rose-700 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#e11d48]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mr-2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"><\/path><path d=\"M3 3v5h5\"><\/path><\/svg>\r\n Tekrar Oyna\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n const TARGET_SCORE = 150;\r\n const TIME_LIMIT = 20; \r\n const GOOD_ITEMS = ['\ud83c\udf54', '\ud83c\udf55', '\ud83c\udf5f', '\ud83c\udf69', '\ud83c\udf2d', '\ud83c\udf57', '\ud83e\udd64', '\ud83c\udf70'];\r\n const BAD_ITEMS = ['\ud83c\udf36\ufe0f', '\ud83d\udca3', '\ud83e\udde6'];\r\n \r\n let score = 0;\r\n let timeLeft = TIME_LIMIT;\r\n let gameLoopId = null;\r\n let spawnIntervalId = null;\r\n let timerId = null;\r\n let isPlaying = false;\r\n let basketX = 50; \r\n let activeItems = [];\r\n let lastTime = 0;\r\n\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!AudioContextClass) return null;\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') {\r\n audioCtx.resume();\r\n }\r\n return audioCtx;\r\n }\r\n\r\n function playEpicWinSound() {\r\n const ctx = ensureAudioContext();\r\n if (!ctx) return;\r\n\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n \r\n for (let i = 0; i < 35; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 12) * 0.2);\r\n \r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', 0.15);\r\n playNote(note * pitchShift * 1.5, time + (i * 0.04), 0.1, 'square', 0.05);\r\n }\r\n\r\n let fanfareTime = time + 1.2;\r\n\r\n playChord([261.63, 329.63, 392.00], fanfareTime, 0.2, 'sawtooth', 0.5);\r\n playChord([349.23, 440.00, 523.25], fanfareTime + 0.25, 0.2, 'sawtooth', 0.5);\r\n playChord([392.00, 493.88, 587.33], fanfareTime + 0.5, 0.25, 'sawtooth', 0.5);\r\n \r\n let finaleTime = fanfareTime + 0.85;\r\n playChord([130.81, 261.63, 329.63, 392.00, 523.25, 659.25, 783.99], finaleTime, 2.5, 'sawtooth', 0.7);\r\n playNote(1046.50, finaleTime, 2.0, 'sine', 0.3);\r\n playNote(2093.00, finaleTime, 2.0, 'sine', 0.15);\r\n }\r\n\r\n function playChord(frequencies, startTime, duration, type, totalVolume) {\r\n frequencies.forEach(freq => {\r\n playNote(freq, startTime, duration, type, totalVolume \/ frequencies.length);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', maxVol = 0.3) {\r\n if (!audioCtx) return;\r\n\r\n const osc = audioCtx.createOscillator();\r\n const gainNode = audioCtx.createGain();\r\n \r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n \r\n gainNode.gain.setValueAtTime(0, startTime);\r\n gainNode.gain.linearRampToValueAtTime(maxVol, startTime + Math.min(0.05, duration * 0.1));\r\n gainNode.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n \r\n osc.connect(gainNode);\r\n gainNode.connect(audioCtx.destination);\r\n \r\n osc.start(startTime);\r\n osc.stop(startTime + duration);\r\n }\r\n\r\n const scene = document.getElementById('ly-game-scene');\r\n const itemsContainer = document.getElementById('ly-items-container');\r\n const basketEl = document.getElementById('ly-basket');\r\n const scoreText = document.getElementById('ly-score-text');\r\n const timeText = document.getElementById('ly-time-text');\r\n \r\n const overlayMenu = document.getElementById('ly-overlay-menu');\r\n const overlayResult = document.getElementById('ly-overlay-result');\r\n \r\n const btnStart = document.getElementById('ly-btn-start');\r\n const btnRestart = document.getElementById('ly-btn-restart');\r\n \r\n const contentWin = document.getElementById('ly-content-win');\r\n const contentLose = document.getElementById('ly-content-lose');\r\n\r\n btnStart.addEventListener('click', initGame);\r\n btnRestart.addEventListener('click', resetToMenu);\r\n\r\n scene.addEventListener('touchmove', (e) => {\r\n if (!isPlaying) return;\r\n e.preventDefault();\r\n updateBasketPosition(e.touches[0].clientX);\r\n }, { passive: false });\r\n\r\n scene.addEventListener('touchstart', (e) => {\r\n if (!isPlaying) return;\r\n updateBasketPosition(e.touches[0].clientX);\r\n }, { passive: true });\r\n\r\n scene.addEventListener('mousemove', (e) => {\r\n if (!isPlaying) return;\r\n updateBasketPosition(e.clientX);\r\n });\r\n\r\n function updateBasketPosition(clientX) {\r\n const rect = scene.getBoundingClientRect();\r\n let xPos = ((clientX - rect.left) \/ rect.width) * 100;\r\n xPos = Math.max(10, Math.min(90, xPos));\r\n basketX = xPos;\r\n basketEl.style.left = `${basketX}%`;\r\n }\r\n\r\n function initGame() {\r\n ensureAudioContext();\r\n\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n \r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n\r\n score = 0;\r\n timeLeft = TIME_LIMIT;\r\n basketX = 50;\r\n basketEl.style.left = `${basketX}%`;\r\n activeItems = [];\r\n itemsContainer.innerHTML = '';\r\n \r\n scoreText.textContent = score;\r\n timeText.textContent = timeLeft;\r\n timeText.classList.remove('text-red-500', 'animate-pulse');\r\n\r\n isPlaying = true;\r\n\r\n timerId = setInterval(() => {\r\n timeLeft--;\r\n timeText.textContent = timeLeft;\r\n \r\n if (timeLeft <= 5) {\r\n timeText.classList.add('text-red-500', 'animate-pulse');\r\n }\r\n\r\n if (timeLeft <= 0) {\r\n finishGame();\r\n }\r\n }, 1000);\r\n\r\n spawnIntervalId = setInterval(spawnItem, 400);\r\n\r\n lastTime = performance.now();\r\n gameLoopId = requestAnimationFrame(gameLoop);\r\n }\r\n\r\n function spawnItem() {\r\n if (!isPlaying) return;\r\n\r\n const isBad = Math.random() < 0.25;\r\n const itemType = isBad ? 'bad' : 'good';\r\n const emojiArr = isBad ? BAD_ITEMS : GOOD_ITEMS;\r\n const emoji = emojiArr[Math.floor(Math.random() * emojiArr.length)];\r\n \r\n const startX = 10 + Math.random() * 80;\r\n const el = document.createElement('div');\r\n el.className = 'falling-item';\r\n el.innerText = emoji;\r\n el.style.left = `${startX}%`;\r\n el.style.top = `-50px`;\r\n \r\n itemsContainer.appendChild(el);\r\n\r\n activeItems.push({\r\n el: el,\r\n x: startX,\r\n y: -50,\r\n type: itemType,\r\n speed: 150 + Math.random() * 150\r\n });\r\n }\r\n\r\n function gameLoop(currentTime) {\r\n if (!isPlaying) return;\r\n\r\n const deltaTime = (currentTime - lastTime) \/ 1000;\r\n lastTime = currentTime;\r\n\r\n const areaHeight = scene.getBoundingClientRect().height;\r\n const catchYLine = areaHeight - 60;\r\n\r\n for (let i = activeItems.length - 1; i >= 0; i--) {\r\n const item = activeItems[i];\r\n \r\n item.y += item.speed * deltaTime;\r\n item.el.style.top = `${item.y}px`;\r\n\r\n if (item.y > catchYLine - 30 && item.y < catchYLine + 20) {\r\n if (Math.abs(item.x - basketX) < 12) {\r\n catchItem(item);\r\n activeItems.splice(i, 1);\r\n continue;\r\n }\r\n }\r\n\r\n if (item.y > areaHeight) {\r\n if (item.type === 'good') {\r\n score = Math.max(0, score - 10);\r\n scoreText.textContent = score;\r\n showFloatingScore(-10, item.x, areaHeight - 60);\r\n }\r\n item.el.remove();\r\n activeItems.splice(i, 1);\r\n }\r\n }\r\n gameLoopId = requestAnimationFrame(gameLoop);\r\n }\r\n\r\n function catchItem(item) {\r\n item.el.remove();\r\n \r\n let points = 0;\r\n if (item.type === 'good') {\r\n points = 10;\r\n score += points;\r\n basketEl.style.transform = `translateX(-50%) translateY(5px)`;\r\n setTimeout(() => {\r\n if (isPlaying) basketEl.style.transform = `translateX(-50%) translateY(0)`;\r\n }, 100);\r\n } else {\r\n points = -15;\r\n score = Math.max(0, score + points);\r\n scene.classList.add('animate-[pulse_0.2s_ease-in-out]');\r\n setTimeout(() => scene.classList.remove('animate-[pulse_0.2s_ease-in-out]'), 200);\r\n }\r\n\r\n scoreText.textContent = score;\r\n showFloatingScore(points, item.x, scene.getBoundingClientRect().height - 50);\r\n\r\n if (score >= TARGET_SCORE && isPlaying) {\r\n triggerWinSequence();\r\n }\r\n }\r\n\r\n function triggerWinSequence() {\r\n isPlaying = false;\r\n clearInterval(timerId);\r\n clearInterval(spawnIntervalId);\r\n cancelAnimationFrame(gameLoopId);\r\n\r\n playEpicWinSound();\r\n\r\n const basketRect = basketEl.getBoundingClientRect();\r\n const confettiX = (basketRect.left + (basketRect.width \/ 2)) \/ window.innerWidth;\r\n const confettiY = (basketRect.top + (basketRect.height \/ 2)) \/ window.innerHeight;\r\n\r\n if (typeof confetti !== 'undefined') {\r\n confetti({\r\n particleCount: 50,\r\n spread: 40,\r\n startVelocity: 30,\r\n scalar: 0.7,\r\n origin: { x: confettiX, y: confettiY },\r\n colors: ['#f59e0b', '#10b981', '#ef4444', '#3b82f6', '#eab308'],\r\n zIndex: 100\r\n });\r\n }\r\n\r\n basketEl.style.transition = 'transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)';\r\n basketEl.style.transform = 'translateX(-50%) scale(1.5)';\r\n basketEl.style.zIndex = '50';\r\n\r\n setTimeout(() => {\r\n basketEl.style.transition = '';\r\n basketEl.style.transform = `translateX(-50%)`;\r\n basketEl.style.zIndex = '10';\r\n finishGame();\r\n }, 1500);\r\n }\r\n\r\n function showFloatingScore(points, xPercent, yPx) {\r\n const el = document.createElement('div');\r\n el.className = `floating-score ${points > 0 ? 'text-green-500' : 'text-red-500'}`;\r\n el.textContent = points > 0 ? `+${points}` : points;\r\n el.style.left = `${xPercent}%`;\r\n el.style.top = `${yPx}px`;\r\n \r\n scene.appendChild(el);\r\n setTimeout(() => el.remove(), 800);\r\n }\r\n\r\n function finishGame() {\r\n isPlaying = false;\r\n clearInterval(timerId);\r\n clearInterval(spawnIntervalId);\r\n cancelAnimationFrame(gameLoopId);\r\n\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n\r\n if (score >= TARGET_SCORE) {\r\n contentWin.classList.remove('hidden');\r\n contentLose.classList.add('hidden');\r\n contentWin.classList.add('flex');\r\n document.getElementById('ly-prize-code').textContent = 'LY' + Math.floor(1000 + Math.random() * 9000);\r\n \r\n if (typeof confetti !== 'undefined') {\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 }, colors: ['#f59e0b', '#10b981', '#fcd34d'], zIndex: 100 });\r\n }\r\n } else {\r\n contentWin.classList.add('hidden');\r\n contentLose.classList.remove('hidden');\r\n contentLose.classList.add('flex');\r\n document.getElementById('ly-final-score').textContent = score;\r\n }\r\n }\r\n\r\n function resetToMenu() {\r\n overlayResult.classList.remove('flex');\r\n overlayResult.classList.add('hidden');\r\n \r\n overlayMenu.classList.remove('hidden');\r\n overlayMenu.classList.add('flex');\r\n }\r\n \r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa9320 e-flex e-con-boxed e-con e-parent\" data-id=\"8aa9320\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0a6db elementor-widget elementor-widget-html\" data-id=\"8c0a6db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>\u015eans \u00c7ark\u0131<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n min-height: 100vh;\r\n width: 100%;\r\n background-color: #f0f9ff;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .sc-bg-pattern {\r\n background-image: radial-gradient(#bae6fd 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n #sc-game-scene {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n background: linear-gradient(to bottom, #f0f9ff, #e0f2fe);\r\n touch-action: none;\r\n }\r\n\r\n #sc-wheel {\r\n \/* Ak\u0131c\u0131 yava\u015flama i\u00e7in \u00f6zel bir k\u00fcbik bezier e\u011frisi *\/\r\n transition: transform 5s cubic-bezier(0.2, 0, 0.1, 1);\r\n will-change: transform;\r\n }\r\n\r\n .fade-in { animation: fadeIn 0.3s ease-out forwards; }\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n \r\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .sc-pointer {\r\n position: absolute;\r\n top: -20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 40px;\r\n height: 50px;\r\n z-index: 30;\r\n filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n <div class=\"min-h-full w-full flex items-center justify-center p-2 sm:p-4 sc-bg-pattern\">\r\n \r\n \r\n <div class=\"w-full max-w-md h-[85vh] max-h-[800px] bg-white rounded-3xl shadow-2xl border-4 border-sky-100 flex flex-col overflow-hidden relative\">\r\n \r\n \r\n <div class=\"bg-sky-500 text-white p-4 text-center z-20 relative shadow-md shrink-0 border-b border-sky-400\">\r\n <h1 class=\"text-2xl font-black tracking-tight uppercase italic text-white drop-shadow-sm\">\u015eans \u00c7ark\u0131<\/h1>\r\n <p class=\"text-sky-100 text-xs font-bold tracking-widest uppercase\">\u00c7evir ve \u015eans\u0131n\u0131 Dene!<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-game-scene\" class=\"flex-1 flex flex-col items-center justify-center p-4\">\r\n \r\n \r\n <div class=\"relative w-full max-w-[320px] aspect-square flex items-center justify-center\">\r\n \r\n \r\n <div class=\"sc-pointer\">\r\n <svg viewBox=\"0 0 40 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M20 50L40 10C40 4.47715 35.5228 0 30 0H10C4.47715 0 0 4.47715 0 10L20 50Z\" fill=\"#ef4444\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <svg id=\"sc-wheel\" class=\"w-full h-full drop-shadow-2xl\" viewBox=\"0 0 100 100\"><\/svg>\r\n\r\n \r\n <div class=\"absolute w-12 h-12 bg-white rounded-full border-4 border-sky-500 shadow-lg z-20 flex items-center justify-center\">\r\n <div class=\"w-3 h-3 bg-sky-500 rounded-full animate-ping\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 w-full px-8\">\r\n <button id=\"sc-btn-spin-active\" class=\"w-full bg-sky-500 hover:bg-sky-600 text-white font-black text-xl py-5 rounded-2xl transition-transform active:scale-95 shadow-[0_6px_0_#0284c7]\">\r\n \u00c7ARKI \u00c7EV\u0130R!\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-overlay-menu\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-4 text-center\">\r\n <div class=\"w-full bg-white rounded-3xl p-6 pop-in\">\r\n <div class=\"w-20 h-20 bg-sky-100 rounded-full flex items-center justify-center mx-auto mb-4 shadow-inner border-4 border-white\">\r\n <span class=\"text-4xl animate-spin\" style=\"animation-duration: 3s\">\ud83c\udfa1<\/span>\r\n <\/div>\r\n <h2 class=\"text-2xl font-black text-sky-600 mb-4\">\u015eans\u0131na Ne \u00c7\u0131kacak?<\/h2>\r\n <div class=\"bg-sky-50 rounded-2xl p-4 mb-8 text-left border border-sky-100\">\r\n <p class=\"text-sm font-bold text-sky-800 text-center\">\r\n \u00c7ark\u0131 \u00e7evir, %1 ile %5 aras\u0131 indirim kap! Dikkat et, PAS gelirse bug\u00fcnl\u00fck hakk\u0131n biter.\r\n <\/p>\r\n <\/div>\r\n <button id=\"sc-btn-start\" class=\"w-full bg-sky-500 hover:bg-sky-600 text-white font-black text-lg py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-[0_4px_0_#0284c7]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" class=\"mr-2\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\r\n Hemen Ba\u015fla\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-overlay-result\" class=\"absolute inset-0 bg-white\/90 backdrop-blur-sm z-50 hidden flex flex-col items-center justify-center p-4 text-center\">\r\n <div class=\"w-full bg-white rounded-3xl p-6 pop-in\">\r\n \r\n \r\n <div id=\"sc-win-layout\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4\">\ud83c\udf81<\/div>\r\n <h2 class=\"text-3xl font-black text-sky-600 mb-2\">M\u00fcthi\u015f!<\/h2>\r\n <p class=\"text-slate-600 font-medium mb-6\">\u0130\u015fte \u015fans\u0131na \u00e7\u0131kan indirim:<\/p>\r\n <div class=\"bg-sky-50 border-2 border-dashed border-sky-300 rounded-2xl p-6 mb-8 w-full\">\r\n <p id=\"sc-result-text\" class=\"text-4xl font-black text-sky-600 uppercase tracking-tight\"><\/p>\r\n <p class=\"text-xs font-bold text-sky-400 mt-2 uppercase tracking-widest\">Hediye Kodun: <span id=\"sc-prize-code\">---<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"sc-lose-layout\" class=\"hidden flex-col items-center\">\r\n <div class=\"text-6xl mb-4 grayscale\">\ud83d\ude15<\/div>\r\n <h2 class=\"text-3xl font-black text-slate-700 mb-2\">T\u00fch!<\/h2>\r\n <p class=\"text-slate-500 font-medium mb-6\">Maalesef PAS geldi.<\/p>\r\n <div class=\"bg-slate-50 border-2 border-dashed border-slate-300 rounded-2xl p-6 mb-8 w-full\">\r\n <p class=\"text-xl font-bold text-slate-500 uppercase tracking-tight\">\u00dczg\u00fcn\u00fcz, Kaybettin<\/p>\r\n <p class=\"text-xs font-bold text-slate-400 mt-2\">Bu g\u00fcnl\u00fck hakk\u0131n doldu.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"sc-btn-restart\" class=\"w-full bg-slate-800 hover:bg-slate-900 text-white font-bold py-4 px-8 rounded-2xl flex items-center justify-center transition-transform active:scale-95 shadow-lg\">\r\n Anlad\u0131m\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ \u00d6d\u00fcller ve A\u011f\u0131rl\u0131klar (Probability Weights)\r\n \/\/ Weight 1 = Standard\r\n const PRIZES = [\r\n { text: \"%1 \u0130ndirim\", color: \"#0ea5e9\", type: \"win\", value: 1, weight: 0.75 }, \r\n { text: \"%2 \u0130ndirim\", color: \"#f97316\", type: \"win\", value: 2, weight: 1.00 }, \r\n { text: \"%3 \u0130ndirim\", color: \"#8b5cf6\", type: \"win\", value: 3, weight: 1.00 }, \r\n { text: \"%5 \u0130ndirim\", color: \"#10b981\", type: \"win\", value: 5, weight: 1.25 }, \r\n { text: \"PAS\", color: \"#64748b\", type: \"lose\", value: 0, weight: 0.75 } \r\n ];\r\n\r\n const FORCES = [\r\n { label: \"Az\", base: 1440, duration: 5 },\r\n { label: \"Orta\", base: 2880, duration: 7 },\r\n { label: \"\u00c7ok\", base: 7200, duration: 10 }\r\n ];\r\n\r\n let currentRotation = 0;\r\n let isSpinning = false;\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let audioCtx = null;\r\n\r\n function ensureAudioContext() {\r\n if (!audioCtx) audioCtx = new AudioContextClass();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n return audioCtx;\r\n }\r\n\r\n function playTickSound() {\r\n const ctx = ensureAudioContext();\r\n const osc = ctx.createOscillator();\r\n const gain = ctx.createGain();\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(800, ctx.currentTime);\r\n gain.gain.setValueAtTime(0.05, ctx.currentTime);\r\n gain.gain.exponentialRampToValueAtTime(0.01, ctx.currentTime + 0.05);\r\n osc.connect(gain); gain.connect(ctx.destination);\r\n osc.start(); osc.stop(ctx.currentTime + 0.05);\r\n }\r\n\r\n function playArcadeFailSound() {\r\n const ctx = ensureAudioContext();\r\n const now = ctx.currentTime;\r\n const osc = ctx.createOscillator();\r\n const gain = ctx.createGain();\r\n osc.type = 'sawtooth';\r\n osc.frequency.setValueAtTime(440, now);\r\n osc.frequency.exponentialRampToValueAtTime(110, now + 1); \r\n gain.gain.setValueAtTime(0.1, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 1);\r\n osc.connect(gain);\r\n gain.connect(ctx.destination);\r\n osc.start(now);\r\n osc.stop(now + 1);\r\n }\r\n\r\n function playWinSound(isExtreme) {\r\n const ctx = ensureAudioContext();\r\n let time = ctx.currentTime;\r\n const coinNotes = [523.25, 659.25, 783.99, 1046.50];\r\n const count = isExtreme ? 50 : 35;\r\n const vol = isExtreme ? 0.2 : 0.15;\r\n for (let i = 0; i < count; i++) {\r\n let note = coinNotes[i % 4];\r\n let pitchShift = 1 + (Math.floor(i \/ 12) * 0.2);\r\n playNote(note * pitchShift, time + (i * 0.04), 0.15, 'sine', vol);\r\n if(isExtreme) playNote(note * pitchShift * 1.5, time + (i * 0.04), 0.1, 'square', 0.05);\r\n }\r\n let fanfareTime = time + 1.2;\r\n playChord([261, 329, 392], fanfareTime, 0.2, 'sawtooth', 0.4); \r\n playChord([349, 440, 523], fanfareTime + 0.25, 0.2, 'sawtooth', 0.4);\r\n playChord([392, 493, 587], fanfareTime + 0.5, 0.25, 'sawtooth', 0.4);\r\n let finaleTime = fanfareTime + 0.85;\r\n playChord([130, 261, 329, 392, 523, 659, 783], finaleTime, isExtreme ? 3.5 : 2.5, 'sawtooth', 0.6);\r\n }\r\n\r\n function playChord(frequencies, startTime, duration, type, totalVolume) {\r\n frequencies.forEach(freq => {\r\n playNote(freq, startTime, duration, type, totalVolume \/ frequencies.length);\r\n });\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', maxVol = 0.3) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(maxVol, startTime + 0.05);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(startTime); osc.stop(startTime + duration);\r\n }\r\n\r\n const wheel = document.getElementById('sc-wheel');\r\n const overlayMenu = document.getElementById('sc-overlay-menu');\r\n const overlayResult = document.getElementById('sc-overlay-result');\r\n const resultText = document.getElementById('sc-result-text');\r\n const prizeCodeText = document.getElementById('sc-prize-code');\r\n const winLayout = document.getElementById('sc-win-layout');\r\n const loseLayout = document.getElementById('sc-lose-layout');\r\n\r\n function drawWheel() {\r\n const sliceAngle = 360 \/ PRIZES.length;\r\n wheel.innerHTML = '';\r\n PRIZES.forEach((prize, i) => {\r\n const startAngle = i * sliceAngle;\r\n const endAngle = (i + 1) * sliceAngle;\r\n const x1 = 50 + 50 * Math.cos(Math.PI * (startAngle - 90) \/ 180);\r\n const y1 = 50 + 50 * Math.sin(Math.PI * (startAngle - 90) \/ 180);\r\n const x2 = 50 + 50 * Math.cos(Math.PI * (endAngle - 90) \/ 180);\r\n const y2 = 50 + 50 * Math.sin(Math.PI * (endAngle - 90) \/ 180);\r\n const pathData = `M 50 50 L ${x1} ${y1} A 50 50 0 0 1 ${x2} ${y2} Z`;\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n path.setAttribute(\"d\", pathData);\r\n path.setAttribute(\"fill\", prize.color);\r\n path.setAttribute(\"stroke\", \"white\");\r\n path.setAttribute(\"stroke-width\", \"0.5\");\r\n wheel.appendChild(path);\r\n const textAngle = startAngle + sliceAngle \/ 2;\r\n const textX = 50 + 35 * Math.cos(Math.PI * (textAngle - 90) \/ 180);\r\n const textY = 50 + 35 * Math.sin(Math.PI * (textAngle - 90) \/ 180);\r\n const text = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n text.setAttribute(\"x\", textX);\r\n text.setAttribute(\"y\", textY);\r\n text.setAttribute(\"fill\", \"white\");\r\n text.setAttribute(\"font-size\", \"4\");\r\n text.setAttribute(\"font-weight\", \"900\");\r\n text.setAttribute(\"text-anchor\", \"middle\");\r\n text.setAttribute(\"transform\", `rotate(${textAngle}, ${textX}, ${textY})`);\r\n text.textContent = prize.text;\r\n wheel.appendChild(text);\r\n });\r\n }\r\n\r\n drawWheel();\r\n\r\n document.getElementById('sc-btn-start').addEventListener('click', () => {\r\n ensureAudioContext();\r\n overlayMenu.classList.remove('flex');\r\n overlayMenu.classList.add('hidden');\r\n });\r\n\r\n document.getElementById('sc-btn-spin-active').addEventListener('click', spinWheel);\r\n document.getElementById('sc-btn-restart').addEventListener('click', () => {\r\n overlayResult.classList.add('hidden');\r\n overlayResult.classList.remove('flex');\r\n });\r\n\r\n \/\/ A\u011f\u0131rl\u0131kl\u0131 rastgele se\u00e7im fonksiyonu\r\n function getWeightedWinner() {\r\n const totalWeight = PRIZES.reduce((acc, p) => acc + p.weight, 0);\r\n let random = Math.random() * totalWeight;\r\n for (let i = 0; i < PRIZES.length; i++) {\r\n if (random < PRIZES[i].weight) return i;\r\n random -= PRIZES[i].weight;\r\n }\r\n return 0;\r\n }\r\n\r\n function spinWheel() {\r\n if (isSpinning) return;\r\n ensureAudioContext();\r\n isSpinning = true;\r\n\r\n \/\/ 1. Kazanan\u0131 a\u011f\u0131rl\u0131klara g\u00f6re \u00f6nceden se\u00e7\r\n const winningIndex = getWeightedWinner();\r\n \r\n \/\/ 2. Rastgele kuvvet se\u00e7\r\n const randomForce = FORCES[Math.floor(Math.random() * FORCES.length)];\r\n \r\n \/\/ 3. Durmas\u0131 gereken a\u00e7\u0131y\u0131 hesapla (Slicelara g\u00f6re)\r\n \/\/ Her dilim 72 derece (360\/5)\r\n const sliceSize = 360 \/ PRIZES.length;\r\n \/\/ Pointer 0 derecede (\u00fcstte). Kazanan dilimin orta noktas\u0131na yak\u0131n bir a\u00e7\u0131 se\u00e7elim.\r\n \/\/ Dilim i, i*72 ile (i+1)*72 aras\u0131ndad\u0131r.\r\n const targetAngleInWheel = (winningIndex * sliceSize) + (Math.random() * (sliceSize - 10) + 5);\r\n \r\n \/\/ \u00c7ark\u0131 d\u00f6nd\u00fcrmek i\u00e7in: currentRotation'\u0131 \u00f6yle ayarla ki (currentRotation % 360) \r\n \/\/ de\u011feri bizi o dilime g\u00f6t\u00fcrs\u00fcn. Pointer \u00fcstte sabit oldu\u011fu i\u00e7in form\u00fcl:\r\n \/\/ winningIndex = Math.floor(((360 - (rot % 360)) % 360) \/ 72)\r\n const targetRotationToStop = (360 - targetAngleInWheel) % 360;\r\n\r\n \/\/ Toplam d\u00f6n\u00fc\u015f: Tam turlar + hedef a\u00e7\u0131 fark\u0131\r\n const fullTurns = randomForce.base;\r\n const nextRotation = currentRotation + fullTurns + (targetRotationToStop - (currentRotation % 360) + 360) % 360;\r\n \r\n currentRotation = nextRotation;\r\n\r\n wheel.style.transition = `transform ${randomForce.duration}s cubic-bezier(0.2, 0, 0.1, 1)`;\r\n wheel.style.transform = `rotate(${currentRotation}deg)`;\r\n\r\n let lastTickAngle = 0;\r\n const startTime = performance.now();\r\n const tickInterval = setInterval(() => {\r\n const elapsed = performance.now() - startTime;\r\n if (elapsed \/ (randomForce.duration * 1000) >= 1) {\r\n clearInterval(tickInterval);\r\n return;\r\n }\r\n const currentTransform = window.getComputedStyle(wheel).transform;\r\n if (currentTransform === 'none') return;\r\n const values = currentTransform.split('(')[1].split(')')[0].split(',');\r\n const a = values[0], b = values[1];\r\n let angle = Math.round(Math.atan2(b, a) * (180 \/ Math.PI));\r\n if (angle < 0) angle += 360;\r\n if (Math.abs(angle - lastTickAngle) > (360 \/ PRIZES.length)) {\r\n playTickSound();\r\n lastTickAngle = angle;\r\n }\r\n }, 16);\r\n\r\n setTimeout(() => {\r\n isSpinning = false;\r\n showResult(PRIZES[winningIndex]);\r\n }, randomForce.duration * 1000);\r\n }\r\n\r\n function triggerConfetti(isExtreme) {\r\n if (isExtreme) {\r\n const end = Date.now() + (3 * 1000);\r\n const colors = ['#10b981', '#ffffff', '#fbbf24', '#f472b6'];\r\n (function frame() {\r\n confetti({ particleCount: 2, angle: 60, spread: 55, origin: { x: 0 }, colors: colors });\r\n confetti({ particleCount: 2, angle: 120, spread: 55, origin: { x: 1 }, colors: colors });\r\n if (Date.now() < end) requestAnimationFrame(frame);\r\n }());\r\n confetti({ particleCount: 150, spread: 100, origin: { y: 0.6 }, scalar: 1.5 });\r\n } else {\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 } });\r\n }\r\n }\r\n\r\n function showResult(prizeObj) {\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n if (prizeObj.type === \"win\") {\r\n winLayout.classList.remove('hidden');\r\n winLayout.classList.add('flex');\r\n loseLayout.classList.add('hidden');\r\n resultText.textContent = prizeObj.text;\r\n prizeCodeText.textContent = 'SC' + Math.floor(1000 + Math.random() * 9000);\r\n const isExtreme = prizeObj.value === 5;\r\n playWinSound(isExtreme);\r\n triggerConfetti(isExtreme);\r\n } else {\r\n winLayout.classList.add('hidden');\r\n loseLayout.classList.remove('hidden');\r\n loseLayout.classList.add('flex');\r\n playArcadeFailSound();\r\n }\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a64b8b0 e-flex e-con-boxed e-con e-parent\" data-id=\"a64b8b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6657945 elementor-widget elementor-widget-html\" data-id=\"6657945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzet Sand\u0131\u011f\u0131<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n #lc-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 0.5rem;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n }\r\n\r\n .lc-main-frame {\r\n width: 100%;\r\n max-width: 28rem;\r\n height: 85vh;\r\n max-height: 800px;\r\n background-color: #020617;\r\n border-radius: 1.5rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n \/* Distortion s\u00f6n\u00fcmlemesi *\/\r\n transition: filter 0.6s ease-out, transform 0.6s ease-out;\r\n --effect-intensity: 0;\r\n }\r\n\r\n \/* Lazer Tasar\u0131m\u0131 *\/\r\n .lc-laser {\r\n position: absolute;\r\n bottom: 45%; left: 50%;\r\n width: 35px; height: 200vh;\r\n background: linear-gradient(to top, var(--beam-color), transparent);\r\n transform-origin: bottom center;\r\n opacity: 0; filter: blur(3px);\r\n mix-blend-mode: screen;\r\n pointer-events: none; z-index: 5;\r\n box-shadow: 0 0 30px var(--beam-color);\r\n transition: opacity 0.2s ease, width 0.1s ease;\r\n }\r\n\r\n .lc-laser::after {\r\n content: ''; position: absolute;\r\n left: 40%; width: 20%; height: 100%;\r\n background: white; filter: blur(1px);\r\n }\r\n\r\n \/* Lazerle Ayn\u0131 Y\u00f6nde Uzayan Enerji \u0130pleri *\/\r\n .lc-string-ribbon {\r\n position: absolute;\r\n bottom: 45%;\r\n left: 50%;\r\n width: 2px;\r\n height: 0;\r\n background: linear-gradient(to top, var(--ribbon-color), transparent);\r\n transform-origin: bottom center;\r\n pointer-events: none;\r\n opacity: 0;\r\n z-index: 6;\r\n filter: blur(1px);\r\n box-shadow: 0 0 10px var(--ribbon-color);\r\n }\r\n\r\n \/* MERKEZ\u0130 SP\u0130RAL \u0130P *\/\r\n .lc-central-spiral {\r\n position: absolute;\r\n bottom: 45%;\r\n left: 50%;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(to top, #ffffff, #facc15, transparent);\r\n transform-origin: bottom center;\r\n pointer-events: none;\r\n opacity: 0;\r\n z-index: 8;\r\n filter: blur(1px);\r\n box-shadow: 0 0 20px #facc15, 0 0 40px #eab308;\r\n }\r\n\r\n @keyframes lc-string-rise {\r\n 0% { height: 0; opacity: 0; }\r\n 20% { opacity: 1; }\r\n 100% { height: 200vh; opacity: 0; }\r\n }\r\n\r\n \/* Spiral D\u00f6n\u00fc\u015f Animasyonu *\/\r\n @keyframes lc-spiral-rise {\r\n 0% { height: 0; opacity: 0; transform: translateX(-50%) rotate(0deg); }\r\n 10% { opacity: 1; }\r\n 100% { height: 250vh; opacity: 0; transform: translateX(-50%) rotate(1440deg); }\r\n }\r\n\r\n @keyframes lc-shake {\r\n 0% { transform: translate(1px, 1px) rotate(0deg); }\r\n 20% { transform: translate(calc(var(--effect-intensity) * -5px), calc(var(--effect-intensity) * -3px)) rotate(calc(var(--effect-intensity) * 1.5deg)); }\r\n 40% { transform: translate(calc(var(--effect-intensity) * 5px), calc(var(--effect-intensity) * 3px)) rotate(calc(var(--effect-intensity) * -1.5deg)); }\r\n 60% { transform: translate(calc(var(--effect-intensity) * -5px), calc(var(--effect-intensity) * 2px)) rotate(0deg); }\r\n 80% { transform: translate(calc(var(--effect-intensity) * 5px), calc(var(--effect-intensity) * -2px)) rotate(calc(var(--effect-intensity) * 1.5deg)); }\r\n 100% { transform: translate(1px, calc(var(--effect-intensity) * -3px)) rotate(calc(var(--effect-intensity) * -1deg)); }\r\n }\r\n .lc-chest-shake { \r\n animation: lc-shake 0.07s infinite; \r\n transition: transform 0.5s ease-out;\r\n }\r\n\r\n .lc-coupon {\r\n position: absolute;\r\n width: 65px; height: 42px;\r\n background: linear-gradient(135deg, #fbbf24, #d97706);\r\n border: 2px solid #fff;\r\n border-radius: 4px;\r\n display: flex; flex-direction: column;\r\n align-items: center; justify-content: center;\r\n box-shadow: 0 0 20px rgba(251, 191, 36, 0.9);\r\n z-index: 30; color: white; font-weight: 900;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes lc-item-pop {\r\n 0% { transform: scale(0) translate(0, 0); opacity: 0; }\r\n 40% { transform: scale(1.8) translate(var(--target-x), var(--target-y)); opacity: 1; }\r\n 100% { transform: scale(1.3) translate(var(--target-x), var(--target-y)); opacity: 1; }\r\n }\r\n .lc-item-pop { animation: lc-item-pop 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n \r\n .lc-glitch { animation: glitch 0.04s infinite; }\r\n @keyframes glitch { \r\n 0% { filter: hue-rotate(0deg) contrast(1.2); transform: translate(calc(var(--effect-intensity) * 3px), calc(var(--effect-intensity) * 3px)); }\r\n 50% { filter: hue-rotate(calc(var(--effect-intensity) * 110deg)) contrast(1.6); transform: translate(calc(var(--effect-intensity) * -3px), calc(var(--effect-intensity) * -3px)); }\r\n 100% { filter: hue-rotate(0deg) contrast(1.2); transform: translate(calc(var(--effect-intensity) * 3px), calc(var(--effect-intensity) * 3px)); }\r\n }\r\n\r\n .lc-glitch-mild { animation: shake-mild 0.12s infinite; }\r\n @keyframes shake-mild {\r\n 0% { transform: translate(1px, 1px); }\r\n 50% { transform: translate(-1px, -1px); }\r\n 100% { transform: translate(1px, 1px); }\r\n }\r\n\r\n #lc-confetti-canvas {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 100;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"lc-game-root\">\r\n <div class=\"lc-main-frame\" id=\"lc-container\">\r\n <canvas id=\"lc-confetti-canvas\"><\/canvas>\r\n \r\n <div id=\"lc-lasers-container\" class=\"absolute inset-0 pointer-events-none\"><\/div>\r\n\r\n <div class=\"bg-slate-900\/60 backdrop-blur p-4 text-center z-20 border-b border-slate-800 shrink-0\">\r\n <h1 class=\"text-xl font-black tracking-tight uppercase italic text-yellow-500\">Kader Sand\u0131\u011f\u0131<\/h1>\r\n <\/div>\r\n\r\n <div id=\"lc-game-scene\" class=\"flex-1 flex flex-col items-center justify-center relative\">\r\n \r\n <div id=\"lc-chest-wrapper\" class=\"relative z-10 cursor-pointer transition-transform active:scale-90\">\r\n <svg width=\"180\" height=\"150\" viewBox=\"0 0 100 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"10\" y=\"40\" width=\"80\" height=\"35\" rx=\"4\" fill=\"#78350f\" stroke=\"#451a03\" stroke-width=\"2\"\/>\r\n <path d=\"M10 40C10 25 90 25 90 40H10Z\" fill=\"#92400e\" stroke=\"#451a03\" stroke-width=\"2\" id=\"lc-chest-lid\"\/>\r\n <rect x=\"42\" y=\"35\" width=\"16\" height=\"12\" rx=\"2\" fill=\"#fbbf24\" stroke=\"#d97706\" stroke-width=\"1\"\/>\r\n <circle cx=\"50\" cy=\"41\" r=\"2\" fill=\"#451a03\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div id=\"lc-rewards-container\" class=\"absolute inset-0 pointer-events-none flex items-center justify-center z-20\"><\/div>\r\n\r\n <div id=\"lc-overlay-menu\" class=\"absolute inset-0 bg-slate-950\/80 backdrop-blur-sm z-50 flex flex-col items-center justify-center p-6 text-center\">\r\n <div class=\"w-full bg-slate-900 border border-slate-700 p-8 rounded-3xl pop-in\">\r\n <div class=\"text-6xl mb-6\">\ud83c\udf81<\/div>\r\n <h2 class=\"text-2xl font-black mb-4 uppercase text-yellow-500\">Sand\u0131\u011f\u0131 A\u00e7<\/h2>\r\n <button id=\"lc-btn-start\" class=\"w-full bg-yellow-500 text-slate-950 font-black text-lg py-4 rounded-2xl shadow-[0_4px_0_#b45309] active:translate-y-[2px] transition-all\">\r\n OYUNA BA\u015eLA\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"lc-overlay-result\" class=\"absolute inset-0 bg-slate-950\/95 backdrop-blur-xl z-50 hidden flex flex-col items-center justify-center p-6 text-center\">\r\n <div class=\"w-full pop-in\">\r\n <div id=\"lc-result-icon\" class=\"text-7xl mb-4 animate-bounce\">\ud83d\udc51<\/div>\r\n <h2 class=\"text-4xl font-black text-white mb-2 uppercase\" id=\"lc-result-title\"><\/h2>\r\n <div class=\"bg-slate-900 border-2 border-dashed border-yellow-500 rounded-3xl p-6 mb-8 w-full\">\r\n <p id=\"lc-result-text\" class=\"text-3xl font-black text-yellow-500 uppercase\"><\/p>\r\n <p class=\"text-xs font-bold text-slate-500 mt-2 tracking-widest uppercase\">KUPON KODU: <span id=\"lc-prize-code\" class=\"text-white font-black\">---<\/span><\/p>\r\n <\/div>\r\n <button id=\"lc-btn-restart\" class=\"w-full bg-white text-slate-950 font-black py-4 rounded-2xl shadow-xl active:scale-95 transition-transform\">\r\n TEKRAR DENE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n let isOpening = false;\r\n let audioCtx = null;\r\n const AudioContextClass = window.AudioContext || window.webkitAudioContext;\r\n let activeConfettiIntervals = [];\r\n let localConfetti = null;\r\n let musicGainNode = null;\r\n\r\n const confettiCanvas = document.getElementById('lc-confetti-canvas');\r\n if (typeof confetti !== 'undefined') {\r\n localConfetti = confetti.create(confettiCanvas, { resize: true, useWorker: true });\r\n }\r\n\r\n function safeConfetti(config) { if (localConfetti) localConfetti(config); }\r\n\r\n function ensureAudioContext() {\r\n if (!audioCtx) {\r\n audioCtx = new AudioContextClass();\r\n musicGainNode = audioCtx.createGain();\r\n musicGainNode.connect(audioCtx.destination);\r\n }\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n return audioCtx;\r\n }\r\n\r\n function playNote(freq, startTime, duration, type = 'sine', vol = 0.1, output = null) {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, startTime);\r\n gain.gain.setValueAtTime(0, startTime);\r\n gain.gain.linearRampToValueAtTime(vol, startTime + 0.02);\r\n gain.gain.exponentialRampToValueAtTime(0.001, startTime + duration);\r\n osc.connect(gain); \r\n gain.connect(output || audioCtx.destination);\r\n osc.start(startTime); osc.stop(startTime + duration);\r\n }\r\n\r\n function playBassPatSound(vol = 0.3) {\r\n const now = audioCtx.currentTime;\r\n const oscThump = audioCtx.createOscillator();\r\n const gainThump = audioCtx.createGain();\r\n oscThump.type = 'sine';\r\n oscThump.frequency.setValueAtTime(100, now);\r\n oscThump.frequency.exponentialRampToValueAtTime(20, now + 0.2);\r\n gainThump.gain.setValueAtTime(vol, now);\r\n gainThump.gain.exponentialRampToValueAtTime(0.001, now + 0.3);\r\n oscThump.connect(gainThump);\r\n gainThump.connect(audioCtx.destination);\r\n oscThump.start(now);\r\n oscThump.stop(now + 0.3);\r\n\r\n const oscClick = audioCtx.createOscillator();\r\n const gainClick = audioCtx.createGain();\r\n oscClick.type = 'triangle';\r\n oscClick.frequency.setValueAtTime(400, now);\r\n gainClick.gain.setValueAtTime(vol * 0.5, now);\r\n gainClick.gain.linearRampToValueAtTime(0, now + 0.05);\r\n oscClick.connect(gainClick);\r\n gainClick.connect(audioCtx.destination);\r\n oscClick.start(now);\r\n oscClick.stop(now + 0.05);\r\n }\r\n\r\n function playImpactSound() {\r\n const now = audioCtx.currentTime;\r\n const subOsc = audioCtx.createOscillator();\r\n const subGain = audioCtx.createGain();\r\n subOsc.type = 'sine';\r\n subOsc.frequency.setValueAtTime(120, now);\r\n subOsc.frequency.exponentialRampToValueAtTime(30, now + 0.4);\r\n subGain.gain.setValueAtTime(0.6, now);\r\n subGain.gain.exponentialRampToValueAtTime(0.001, now + 0.5);\r\n subOsc.connect(subGain);\r\n subGain.connect(audioCtx.destination);\r\n subOsc.start(now);\r\n subOsc.stop(now + 0.5);\r\n\r\n const attackOsc = audioCtx.createOscillator();\r\n const attackGain = audioCtx.createGain();\r\n attackOsc.type = 'triangle';\r\n attackOsc.frequency.setValueAtTime(220, now);\r\n attackOsc.frequency.exponentialRampToValueAtTime(60, now + 0.15);\r\n attackGain.gain.setValueAtTime(0.4, now);\r\n attackGain.gain.linearRampToValueAtTime(0, now + 0.2);\r\n attackOsc.connect(attackGain);\r\n attackGain.connect(audioCtx.destination);\r\n attackOsc.start(now);\r\n attackOsc.stop(now + 0.2);\r\n }\r\n\r\n function playPatSound(vol = 0.12) {\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'triangle';\r\n osc.frequency.setValueAtTime(160, now);\r\n osc.frequency.exponentialRampToValueAtTime(40, now + 0.1);\r\n gain.gain.setValueAtTime(vol, now);\r\n gain.gain.linearRampToValueAtTime(0, now + 0.15);\r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n osc.start(now);\r\n osc.stop(now + 0.15);\r\n }\r\n\r\n function playHypeMusic() {\r\n const now = audioCtx.currentTime;\r\n const tempo = 0.10;\r\n const sequence = [130, 164, 196, 220, 261, 311, 392, 440];\r\n if (musicGainNode) musicGainNode.gain.setValueAtTime(1, now);\r\n for(let i=0; i<60; i++) {\r\n const time = now + (i * tempo);\r\n const f = sequence[i % sequence.length] * (1 + (i*0.035));\r\n playNote(f, time, 0.15, 'sawtooth', 0.06, musicGainNode);\r\n }\r\n }\r\n \r\n function stopHypeMusic() {\r\n if (musicGainNode) {\r\n const now = audioCtx.currentTime;\r\n musicGainNode.gain.cancelScheduledValues(now);\r\n musicGainNode.gain.linearRampToValueAtTime(0, now + 0.1);\r\n }\r\n }\r\n\r\n function playWinFanfare() {\r\n const now = audioCtx.currentTime;\r\n const notes = [523, 659, 783, 1046, 1318, 1568];\r\n notes.forEach((f, i) => {\r\n playNote(f, now + (i * 0.08), 0.8, 'sine', 0.15);\r\n playNote(f * 1.5, now + (i * 0.08), 0.4, 'triangle', 0.06);\r\n });\r\n }\r\n\r\n const container = document.getElementById('lc-container');\r\n const chestWrapper = document.getElementById('lc-chest-wrapper');\r\n const chestLid = document.getElementById('lc-chest-lid');\r\n const lasersContainer = document.getElementById('lc-lasers-container');\r\n const rewardsContainer = document.getElementById('lc-rewards-container');\r\n const overlayMenu = document.getElementById('lc-overlay-menu');\r\n const overlayResult = document.getElementById('lc-overlay-result');\r\n\r\n document.getElementById('lc-btn-start').addEventListener('click', () => {\r\n ensureAudioContext();\r\n overlayMenu.classList.add('hidden');\r\n });\r\n\r\n document.getElementById('lc-btn-restart').addEventListener('click', () => {\r\n overlayResult.classList.add('hidden');\r\n resetScene();\r\n });\r\n\r\n chestWrapper.addEventListener('click', startSequence);\r\n\r\n \/\/ Lazerle Ayn\u0131 Y\u00f6nde Uzayan Enerji \u0130plerini Olu\u015ftur\r\n function createStringRibbons(angle, count) {\r\n const colors = ['#facc15', '#ffffff', '#fb923c'];\r\n for(let i = 0; i < count; i++) {\r\n const ribbon = document.createElement('div');\r\n ribbon.className = 'lc-string-ribbon';\r\n ribbon.style.setProperty('--ribbon-color', colors[i % colors.length]);\r\n const jitter = (Math.random() * 8 - 4); \r\n ribbon.style.transform = `translateX(-50%) rotate(${angle + jitter}deg)`;\r\n const duration = 0.8 + Math.random() * 1.2;\r\n ribbon.style.animation = `lc-string-rise ${duration}s ease-out forwards`;\r\n lasersContainer.appendChild(ribbon);\r\n }\r\n }\r\n\r\n \/\/ MERKEZ\u0130 SP\u0130RAL \u0130P OLU\u015eTURUCU\r\n function createCentralSpiral() {\r\n const spiral = document.createElement('div');\r\n spiral.className = 'lc-central-spiral';\r\n \/\/ Rastgele h\u0131zlanarak d\u00f6ner\r\n spiral.style.animation = `lc-spiral-rise 1.8s cubic-bezier(0.4, 0, 0.2, 1) forwards`;\r\n lasersContainer.appendChild(spiral);\r\n }\r\n\r\n async function startSequence() {\r\n if (isOpening) return;\r\n isOpening = true;\r\n ensureAudioContext();\r\n\r\n const rand = Math.random();\r\n let count = 1, color = \"#3b82f6\";\r\n if (rand > 0.66) { count = 5; color = \"#facc15\"; }\r\n else if (rand > 0.33) { count = 3; color = \"#a855f7\"; }\r\n\r\n if (count === 5) {\r\n playHypeMusic();\r\n container.classList.add('lc-glitch');\r\n chestWrapper.classList.add('lc-chest-shake');\r\n container.style.setProperty('--effect-intensity', '0.3');\r\n } else if (count === 3) {\r\n playNote(200, audioCtx.currentTime, 0.5, 'sawtooth', 0.1);\r\n container.classList.add('lc-glitch-mild');\r\n chestWrapper.classList.add('lc-chest-shake');\r\n container.style.setProperty('--effect-intensity', '0.3');\r\n } else {\r\n chestWrapper.classList.add('lc-chest-shake');\r\n container.style.setProperty('--effect-intensity', '0.2');\r\n }\r\n\r\n \/\/ A\u015eAMA 1: \u0130LK LAZER\r\n addLaser(0, color); \r\n playNote(110, audioCtx.currentTime, 0.4, 'square', 0.05);\r\n if (count === 5) {\r\n createStringRibbons(0, 2); \r\n createCentralSpiral(); \/\/ \u0130lk spiral merkezden f\u0131rlar\r\n }\r\n await wait(800);\r\n\r\n if (count >= 3) {\r\n addLaser(-25, color);\r\n addLaser(25, color);\r\n \r\n if (count === 3) {\r\n container.style.setProperty('--effect-intensity', '0.65');\r\n playNote(220, audioCtx.currentTime, 0.1, 'square', 0.08);\r\n playNote(240, audioCtx.currentTime + 0.1, 0.1, 'square', 0.08);\r\n triggerBurstConfetti(0.02, -25);\r\n triggerBurstConfetti(0.98, 25);\r\n } else {\r\n container.style.setProperty('--effect-intensity', '0.65');\r\n playBassPatSound(0.25);\r\n startContinuousConfetti(0.02, 0.35, 60, 4500, 25, true); \r\n startContinuousConfetti(0.98, 0.35, 120, 4500, 25, true);\r\n createStringRibbons(-25, 4);\r\n createStringRibbons(25, 4);\r\n createCentralSpiral(); \/\/ \u0130kinci spiral daha yo\u011fun bir \u015fekilde \u00e7\u0131kar\r\n }\r\n await wait(1000);\r\n }\r\n\r\n if (count === 5) {\r\n addLaser(-45, color);\r\n addLaser(45, color);\r\n container.style.setProperty('--effect-intensity', '1.0');\r\n playBassPatSound(0.35); \r\n startContinuousConfetti(0.02, 0.65, 60, 2800, 25, false);\r\n startContinuousConfetti(0.98, 0.65, 120, 2800, 25, false);\r\n createStringRibbons(-45, 8);\r\n createStringRibbons(45, 8);\r\n createCentralSpiral(); \/\/ Son ve en g\u00fc\u00e7l\u00fc spiral\r\n await wait(1500);\r\n }\r\n\r\n if (count === 5) {\r\n stopHypeMusic(); \r\n playImpactSound(); \r\n activeConfettiIntervals.forEach(clearInterval);\r\n activeConfettiIntervals = [];\r\n }\r\n\r\n container.style.setProperty('--effect-intensity', '0');\r\n container.style.filter = \"none\";\r\n container.style.transform = \"none\";\r\n chestWrapper.style.transform = \"scale(1)\";\r\n \r\n await wait(200);\r\n \r\n container.classList.remove('lc-glitch', 'lc-glitch-mild');\r\n chestWrapper.classList.remove('lc-chest-shake');\r\n chestLid.setAttribute(\"d\", \"M10 40C10 10 90 10 90 40H10Z\"); \r\n \r\n await wait(200);\r\n await popRewards(count, color);\r\n }\r\n\r\n function addLaser(angle, color) {\r\n const laser = document.createElement('div');\r\n laser.className = 'lc-laser';\r\n laser.style.setProperty('--beam-color', color);\r\n laser.style.transform = `translateX(-50%) rotate(${angle}deg)`;\r\n lasersContainer.appendChild(laser);\r\n setTimeout(() => laser.style.opacity = '0.7', 20);\r\n }\r\n\r\n function triggerBurstConfetti(x, angle) {\r\n playPatSound(0.08);\r\n safeConfetti({\r\n particleCount: 50, spread: 40, origin: { x: x, y: 0.6 },\r\n angle: 90 + angle, colors: ['#ffffff', '#a855f7'], scalar: 0.8\r\n });\r\n }\r\n\r\n function startContinuousConfetti(xOrigin, yOrigin, launchAngle, duration, spreadVal, withSound = true) {\r\n const end = Date.now() + duration;\r\n let soundCounter = 0;\r\n const interval = setInterval(() => {\r\n if (Date.now() > end) return clearInterval(interval);\r\n const rainbow = ['#ff0000', '#ffa500', '#ffff00', '#008000', '#0000ff', '#ffffff'];\r\n safeConfetti({\r\n particleCount: 5, angle: launchAngle, spread: spreadVal,\r\n origin: { x: xOrigin, y: yOrigin }, colors: rainbow, scalar: 0.9\r\n });\r\n if (withSound && soundCounter % 5 === 0) playPatSound(0.04);\r\n soundCounter++;\r\n }, 60);\r\n activeConfettiIntervals.push(interval);\r\n }\r\n\r\n async function popRewards(count, color) {\r\n const distance = 180;\r\n const angles = (count === 1) ? [0] : (count === 3) ? [0, -25, 25] : [0, -22, 22, -44, 44, -66, 66];\r\n \r\n for (let i = 0; i < count; i++) {\r\n const angleDeg = angles[i];\r\n const angleRad = (angleDeg - 90) * (Math.PI \/ 180);\r\n const baseFreq = 400;\r\n const pitchMultiplier = (count === 5) ? Math.pow(1.4, i) : (1 + (i * 0.3));\r\n const currentPitch = baseFreq * pitchMultiplier;\r\n playNote(currentPitch, audioCtx.currentTime, 0.15, (count === 5 ? 'triangle' : 'sine'), 0.2);\r\n const tx = Math.cos(angleRad) * distance;\r\n const ty = Math.sin(angleRad) * distance + 80;\r\n const coupon = document.createElement('div');\r\n coupon.className = 'lc-coupon lc-item-pop';\r\n coupon.style.setProperty('--target-x', `${tx}px`);\r\n coupon.style.setProperty('--target-y', `${ty}px`);\r\n coupon.innerHTML = `<span class=\"text-[8px] opacity-80\">\u0130ND\u0130R\u0130M<\/span><span class=\"text-xl\">%1<\/span>`;\r\n rewardsContainer.appendChild(coupon);\r\n triggerPointConfetti(count === 5 ? 20 : 12);\r\n const currentLasers = document.querySelectorAll('.lc-laser');\r\n if(currentLasers[i]) {\r\n currentLasers[i].style.opacity = '1'; currentLasers[i].style.width = '70px';\r\n setTimeout(() => { if(currentLasers[i]) { currentLasers[i].style.opacity = '0.6'; currentLasers[i].style.width = '35px'; } }, 100);\r\n }\r\n await wait(450 - (i * 85));\r\n }\r\n await wait(1000);\r\n showFinalResult(count, color);\r\n }\r\n\r\n function triggerPointConfetti(count) {\r\n const rect = chestWrapper.getBoundingClientRect();\r\n const containerRect = container.getBoundingClientRect();\r\n const x = (rect.left + rect.width \/ 2 - containerRect.left) \/ containerRect.width;\r\n const y = (rect.top + rect.height \/ 2 - containerRect.top) \/ containerRect.height;\r\n safeConfetti({ particleCount: count, spread: 80, origin: { x, y }, colors: ['#ffffff', '#facc15', '#fbbf24'], scalar: 0.7 });\r\n }\r\n\r\n function showFinalResult(count, color) {\r\n const total = (count === 3) ? 3 : (count === 5 ? 5 : 1);\r\n document.getElementById('lc-result-text').innerText = `%${total} \u0130ND\u0130R\u0130M`;\r\n document.getElementById('lc-prize-code').innerText = 'VS' + Math.floor(1000 + Math.random() * 9000);\r\n overlayResult.classList.remove('hidden');\r\n overlayResult.classList.add('flex');\r\n playWinFanfare();\r\n if (count === 5) {\r\n playBassPatSound(0.5); \r\n const duration = 4000; \r\n const end = Date.now() + duration;\r\n const interval = setInterval(function() {\r\n const timeLeft = end - Date.now();\r\n if (timeLeft <= 0) return clearInterval(interval);\r\n const particleCount = 12 * (timeLeft \/ duration);\r\n safeConfetti({\r\n particleCount, angle: 90, spread: 70, origin: { x: 0.5, y: 0.6 },\r\n colors: ['#ff0000', '#ffa500', '#ffff00', '#008000', '#0000ff', '#ffffff'],\r\n scalar: 1.0, startVelocity: 45, gravity: 0.8\r\n });\r\n }, 50);\r\n } else {\r\n playPatSound(0.15);\r\n safeConfetti({ particleCount: 180, spread: 100, origin: { y: 0.6 }, colors: [color, '#ffffff'], scalar: 1.0 });\r\n }\r\n }\r\n\r\n function wait(ms) { return new Promise(r => setTimeout(r, ms)); }\r\n\r\n function resetScene() {\r\n isOpening = false;\r\n activeConfettiIntervals.forEach(clearInterval);\r\n activeConfettiIntervals = [];\r\n container.style.setProperty('--effect-intensity', '0');\r\n chestLid.setAttribute(\"d\", \"M10 40C10 25 90 25 90 40H10Z\");\r\n lasersContainer.innerHTML = '';\r\n rewardsContainer.innerHTML = '';\r\n container.style.filter = \"none\"; container.style.transform = \"none\";\r\n container.classList.remove('animate-pulse', 'lc-glitch', 'lc-glitch-mild');\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ad2b47 e-flex e-con-boxed e-con e-parent\" data-id=\"9ad2b47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df6cc5b elementor-widget elementor-widget-html\" data-id=\"df6cc5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>\u0130ndirim Kasas\u0131<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n \/* Global body m\u00fcdahalesini kald\u0131rd\u0131k, sadece oyun k\u00f6k\u00fcne (ka-game-root) odaklan\u0131yoruz *\/\r\n #ka-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 0.5rem;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n color: white;\r\n }\r\n\r\n .ka-main-frame {\r\n width: 100%;\r\n max-width: 32rem;\r\n background-color: #0f172a; \/* Slate-900 *\/\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* Spinner Alan\u0131 *\/\r\n .ka-spinner-viewport {\r\n position: relative;\r\n width: 100%;\r\n height: 180px;\r\n background: #020617; \/* Slate-950 *\/\r\n margin: 1.5rem 0;\r\n overflow: hidden;\r\n border-top: 2px solid #1e293b;\r\n border-bottom: 2px solid #1e293b;\r\n }\r\n\r\n .ka-pointer {\r\n position: absolute;\r\n left: 50%; top: 0; bottom: 0;\r\n width: 4px;\r\n background: #fbbf24;\r\n z-index: 20;\r\n transform: translateX(-50%);\r\n box-shadow: 0 0 20px rgba(251, 191, 36, 0.6);\r\n }\r\n\r\n .ka-pointer::before, .ka-pointer::after {\r\n content: '';\r\n position: absolute;\r\n left: 50%; transform: translateX(-50%);\r\n width: 0; height: 0;\r\n border-left: 12px solid transparent;\r\n border-right: 12px solid transparent;\r\n }\r\n .ka-pointer::before { top: 0; border-top: 15px solid #fbbf24; }\r\n .ka-pointer::after { bottom: 0; border-bottom: 15px solid #fbbf24; }\r\n\r\n .ka-item-list {\r\n display: flex;\r\n position: absolute;\r\n left: 0; top: 0;\r\n height: 100%;\r\n transition: transform 6s cubic-bezier(0.1, 0, 0.05, 1);\r\n will-change: transform;\r\n }\r\n\r\n .ka-case-item {\r\n min-width: 150px;\r\n width: 150px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\r\n border-right: 1px solid #1c232d;\r\n position: relative;\r\n }\r\n\r\n \/* Nadirlik Renkleri *\/\r\n .ka-rarity-blue { border-bottom: 6px solid #3b82f6; }\r\n .ka-rarity-purple { border-bottom: 6px solid #a855f7; }\r\n .ka-rarity-red { border-bottom: 6px solid #ef4444; }\r\n .ka-rarity-gold { border-bottom: 6px solid #fbbf24; }\r\n\r\n \/* Envanter Slotu *\/\r\n .ka-inventory-slot {\r\n background: #1e293b;\r\n border-radius: 1rem;\r\n padding: 0.75rem;\r\n text-align: center;\r\n border-top: 3px solid transparent;\r\n animation: ka-pop 0.3s ease-out forwards;\r\n }\r\n @keyframes ka-pop { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"ka-game-root\">\r\n <div class=\"ka-main-frame\">\r\n \r\n \r\n <div class=\"bg-slate-800\/50 p-6 text-center border-b border-slate-700 relative overflow-hidden\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-blue-500\/10 to-purple-500\/10 opacity-50\"><\/div>\r\n <h1 class=\"text-3xl font-black italic tracking-tighter uppercase text-yellow-500 relative z-10\">\u0130ndirim Kasas\u0131<\/h1>\r\n <p class=\"text-slate-400 text-xs font-bold uppercase tracking-widest mt-1 relative z-10\">\u015eans\u0131n\u0131 Dene, B\u00fcy\u00fck Kazan!<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"ka-spinner-viewport\" id=\"kaViewport\">\r\n <div class=\"ka-pointer\"><\/div>\r\n <div class=\"ka-item-list\" id=\"kaItemList\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 flex flex-col items-center gap-4\">\r\n <button id=\"kaBtnOpen\" class=\"w-full bg-yellow-500 hover:bg-yellow-400 text-slate-950 font-black text-xl py-5 rounded-2xl shadow-[0_6px_0_#b45309] active:translate-y-[2px] active:shadow-[0_2px_0_#b45309] transition-all disabled:opacity-50 disabled:cursor-not-allowed uppercase tracking-widest\">\r\n Kasay\u0131 A\u00e7\r\n <\/button>\r\n <p id=\"kaStatus\" class=\"text-slate-500 text-sm italic font-bold\">Kazanmak i\u00e7in \u00e7ark\u0131 \u00e7evir!<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"px-6 pb-6 grid grid-cols-4 gap-2 opacity-60\">\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-blue-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%1<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-purple-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%3<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-red-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%5<\/span>\r\n <\/div>\r\n <div class=\"bg-slate-950 p-2 rounded-lg border-b-2 border-yellow-500 text-center\">\r\n <span class=\"block text-[8px] text-slate-300 font-black uppercase\">%10<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 bg-slate-950\/50 border-t border-slate-800 min-h-[150px]\">\r\n <h2 class=\"text-sm font-black uppercase text-slate-400 mb-4 flex items-center gap-2\">\r\n <span class=\"w-1 h-4 bg-yellow-500 rounded-full\"><\/span> Son Kazand\u0131klar\u0131n\r\n <\/h2>\r\n <div id=\"kaInventory\" class=\"grid grid-cols-3 gap-3\">\r\n <p id=\"kaEmptyText\" class=\"text-slate-600 text-xs italic col-span-full\">Hen\u00fcz \u00f6d\u00fcl kazanmad\u0131n...<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"kaWinModal\" class=\"fixed inset-0 bg-slate-950\/90 backdrop-blur-md flex items-center justify-center z-50 hidden opacity-0 transition-all duration-300\">\r\n <div class=\"bg-slate-900 border-2 border-yellow-500\/50 p-8 rounded-3xl max-w-xs w-full text-center transform scale-90 transition-all duration-300 shadow-2xl shadow-yellow-500\/20\">\r\n <div class=\"text-xs font-black text-yellow-500 uppercase tracking-[0.2em] mb-4\">TEBR\u0130KLER!<\/div>\r\n <div id=\"kaModalIcon\" class=\"w-32 h-32 mx-auto rounded-3xl flex items-center justify-center text-5xl font-black mb-6 shadow-lg border-4\">\r\n <span id=\"kaWinLabel\">%10<\/span>\r\n <\/div>\r\n <p class=\"text-slate-400 text-sm font-medium mb-8\">Yeni indirim kuponun envanterine eklendi.<\/p>\r\n <button id=\"closeModalBtn\" class=\"w-full bg-white text-slate-950 py-4 rounded-2xl font-black text-lg shadow-xl hover:bg-slate-100 transition-colors\">\r\n ENVANTERE EKLE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ --- AYARLAR ---\r\n const REWARDS = [\r\n { label: '%1', chance: 65, rarity: 'ka-rarity-blue', color: '#3b82f6' },\r\n { label: '%3', chance: 24, rarity: 'ka-rarity-purple', color: '#a855f7' },\r\n { label: '%5', chance: 10, rarity: 'ka-rarity-red', color: '#ef4444' },\r\n { label: '%10', chance: 1, rarity: 'ka-rarity-gold', color: '#fbbf24' }\r\n ];\r\n\r\n const ITEM_WIDTH = 150;\r\n const TOTAL_SPIN_ITEMS = 60;\r\n let isSpinning = false;\r\n let audioCtx = null;\r\n\r\n \/\/ DOM Elementleri\r\n const itemList = document.getElementById('kaItemList');\r\n const openBtn = document.getElementById('kaBtnOpen');\r\n const inventory = document.getElementById('kaInventory');\r\n const winModal = document.getElementById('kaWinModal');\r\n const statusText = document.getElementById('kaStatus');\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 ---\r\n function initAudio() {\r\n if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playTick() {\r\n if (!audioCtx) return;\r\n const bufferSize = audioCtx.sampleRate * 0.02;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) { data[i] = Math.random() * 2 - 1; }\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'bandpass'; filter.frequency.value = 6000; filter.Q.value = 1.5;\r\n const gain = audioCtx.createGain();\r\n gain.gain.setValueAtTime(0.4, audioCtx.currentTime);\r\n gain.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.02);\r\n noise.connect(filter); filter.connect(gain); gain.connect(audioCtx.destination);\r\n noise.start();\r\n }\r\n\r\n function playWin() {\r\n if (!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const oscGain = audioCtx.createGain();\r\n osc.connect(oscGain); oscGain.connect(audioCtx.destination);\r\n osc.type = 'sine'; osc.frequency.setValueAtTime(120, now);\r\n osc.frequency.exponentialRampToValueAtTime(20, now + 0.3);\r\n oscGain.gain.setValueAtTime(0, now);\r\n oscGain.gain.linearRampToValueAtTime(0.7, now + 0.03);\r\n oscGain.gain.exponentialRampToValueAtTime(0.001, now + 0.4);\r\n osc.start(now); osc.stop(now + 0.5);\r\n\r\n const duration = 1.8;\r\n const bufferSize = audioCtx.sampleRate * duration;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) { data[i] = Math.random() * 2 - 1; }\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const highFilter = audioCtx.createBiquadFilter(); highFilter.type = 'bandpass'; highFilter.frequency.setValueAtTime(800, now);\r\n const midFilter = audioCtx.createBiquadFilter(); midFilter.type = 'bandpass'; midFilter.frequency.setValueAtTime(300, now);\r\n const noiseGain = audioCtx.createGain(); noiseGain.gain.setValueAtTime(0, now);\r\n noiseGain.gain.linearRampToValueAtTime(0.3, now + 0.05);\r\n noiseGain.gain.exponentialRampToValueAtTime(0.001, now + duration);\r\n const masterLowpass = audioCtx.createBiquadFilter(); masterLowpass.type = 'lowpass'; masterLowpass.frequency.value = 1200;\r\n noise.connect(highFilter); noise.connect(midFilter); highFilter.connect(noiseGain); midFilter.connect(noiseGain);\r\n noiseGain.connect(masterLowpass); masterLowpass.connect(audioCtx.destination);\r\n noise.start(now);\r\n }\r\n\r\n \/\/ --- OYUN MANTI\u011eI ---\r\n function getRandomReward() {\r\n const rand = Math.random() * 100;\r\n let cumulative = 0;\r\n for (const r of REWARDS) {\r\n cumulative += r.chance;\r\n if (rand <= cumulative) return r;\r\n }\r\n return REWARDS[0];\r\n }\r\n\r\n function createItemNode(reward) {\r\n const div = document.createElement('div');\r\n div.className = `ka-case-item ${reward.rarity}`;\r\n div.innerHTML = `\r\n <span class=\"text-3xl font-black mb-1\">${reward.label}<\/span>\r\n <span class=\"text-[9px] uppercase text-slate-500 font-bold tracking-wider\">\u0130ndirim<\/span>\r\n `;\r\n return div;\r\n }\r\n\r\n \/\/ Ba\u015flang\u0131\u00e7ta \u015feridi doldur\r\n function setupInitialItems() {\r\n itemList.innerHTML = '';\r\n for (let i = 0; i < 15; i++) {\r\n itemList.appendChild(createItemNode(REWARDS[i % 4]));\r\n }\r\n }\r\n\r\n function spin() {\r\n if (isSpinning) return;\r\n initAudio();\r\n isSpinning = true;\r\n openBtn.disabled = true;\r\n statusText.innerText = \"\u015eans\u0131n d\u00f6n\u00fcyor...\";\r\n\r\n \/\/ \u015eeridi temizle ve yeni \u00f6\u011felerle doldur\r\n itemList.innerHTML = '';\r\n itemList.style.transition = 'none';\r\n itemList.style.transform = 'translateX(0px)';\r\n\r\n const spinItems = [];\r\n for (let i = 0; i < TOTAL_SPIN_ITEMS; i++) {\r\n const r = getRandomReward();\r\n spinItems.push(r);\r\n itemList.appendChild(createItemNode(r));\r\n }\r\n\r\n const winningIndex = TOTAL_SPIN_ITEMS - 6;\r\n const winner = spinItems[winningIndex];\r\n\r\n \/\/ Ofset hesaplama\r\n const viewportWidth = document.getElementById('kaViewport').offsetWidth;\r\n const jitter = Math.floor(Math.random() * 80) - 40;\r\n const targetX = (winningIndex * ITEM_WIDTH) - (viewportWidth \/ 2) + (ITEM_WIDTH \/ 2) + jitter;\r\n\r\n let lastPassed = 0;\r\n function track() {\r\n if (!isSpinning) return;\r\n const transform = new DOMMatrix(getComputedStyle(itemList).transform).m41;\r\n const passed = Math.abs(Math.floor(transform \/ ITEM_WIDTH));\r\n if (passed !== lastPassed) {\r\n playTick();\r\n lastPassed = passed;\r\n }\r\n requestAnimationFrame(track);\r\n }\r\n\r\n \/\/ D\u00f6nd\u00fcrmeyi ba\u015flat\r\n setTimeout(() => {\r\n itemList.style.transition = 'transform 6s cubic-bezier(0.15, 0, 0.05, 1)';\r\n itemList.style.transform = `translateX(-${targetX}px)`;\r\n requestAnimationFrame(track);\r\n }, 50);\r\n\r\n \/\/ Biti\u015f\r\n setTimeout(() => {\r\n isSpinning = false;\r\n playWin();\r\n showWinModal(winner);\r\n addToInventory(winner);\r\n openBtn.disabled = false;\r\n statusText.innerText = \"Tekrar denemek ister misin?\";\r\n }, 6200);\r\n }\r\n\r\n function addToInventory(reward) {\r\n const empty = document.getElementById('kaEmptyText');\r\n if (empty) empty.remove();\r\n const div = document.createElement('div');\r\n div.className = `ka-inventory-slot`;\r\n div.style.borderColor = reward.color;\r\n div.innerHTML = `<div class=\"text-xl font-black\">${reward.label}<\/div><div class=\"text-[8px] text-slate-500 uppercase\">\u0130ndirim<\/div>`;\r\n inventory.prepend(div);\r\n if (inventory.children.length > 6) inventory.lastElementChild.remove();\r\n }\r\n\r\n function showWinModal(reward) {\r\n document.getElementById('kaWinLabel').innerText = reward.label;\r\n const icon = document.getElementById('kaModalIcon');\r\n icon.style.borderColor = reward.color;\r\n icon.style.color = reward.color;\r\n icon.style.backgroundColor = `${reward.color}15`;\r\n winModal.classList.remove('hidden');\r\n setTimeout(() => {\r\n winModal.classList.add('opacity-100');\r\n winModal.firstElementChild.classList.remove('scale-90');\r\n }, 10);\r\n confetti({ particleCount: 100, spread: 70, origin: { y: 0.6 }, colors: [reward.color, '#ffffff'] });\r\n }\r\n\r\n \/\/ Event Listeners\r\n openBtn.addEventListener('click', spin);\r\n document.getElementById('closeModalBtn').addEventListener('click', () => {\r\n winModal.classList.remove('opacity-100');\r\n winModal.firstElementChild.classList.add('scale-90');\r\n setTimeout(() => winModal.classList.add('hidden'), 300);\r\n });\r\n\r\n \/\/ \u0130lk Kurulum\r\n setupInitialItems();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24cb161 e-flex e-con-boxed e-con e-parent\" data-id=\"24cb161\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a30082 elementor-widget elementor-widget-html\" data-id=\"1a30082\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>\u0130ndirim Madeni<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n #mk-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1rem 0.5rem;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n color: white;\r\n }\r\n\r\n .mk-main-frame {\r\n width: 100%;\r\n max-width: 32rem;\r\n background-color: #1c1917; \/* Stone-900 *\/\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);\r\n border: 4px solid #44403c;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* Maden \u015eeridi Alan\u0131 (1D) *\/\r\n .mk-mine-viewport {\r\n position: relative;\r\n width: 100%;\r\n height: 240px;\r\n background: #0c0a09; \/* Stone-950 *\/\r\n overflow: hidden;\r\n }\r\n\r\n \/* Kayan \u015eerit *\/\r\n .mk-track {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 16px;\r\n \/* \u0130lk ta\u015f\u0131n tam ortada ba\u015flamas\u0131 i\u00e7in padding *\/\r\n padding-left: calc(50% - 50px);\r\n padding-right: 50%;\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n will-change: transform;\r\n }\r\n\r\n \/* Ta\u015f Ortak Stili *\/\r\n .mk-tile {\r\n flex-shrink: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 3rem;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n \/* 1. Pasif (Hen\u00fcz K\u0131r\u0131lmam\u0131\u015f Gizli Ta\u015f) *\/\r\n .inactive-tile {\r\n background: #292524;\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n border-bottom: 6px solid #1c1917;\r\n filter: brightness(0.6);\r\n }\r\n\r\n \/* 2. Aktif (\u0130\u00e7eri\u011fi G\u00f6r\u00fcnen Kaz\u0131labilir Ta\u015f) *\/\r\n .active-tile {\r\n background: #44403c;\r\n opacity: 1;\r\n cursor: pointer;\r\n border-bottom: 8px solid #292524;\r\n border: 2px solid #a8a29e;\r\n box-shadow: 0 0 20px rgba(250, 204, 21, 0.15); \/* Hafif sar\u0131ms\u0131 cazip parlama *\/\r\n transform: scale(1.05);\r\n z-index: 10;\r\n }\r\n .active-tile:active {\r\n transform: scale(0.95) translateY(4px);\r\n border-bottom: 4px solid #292524;\r\n }\r\n\r\n \/* 3. Ge\u00e7ilmi\u015f Ta\u015f (Ge\u00e7mi\u015f) *\/\r\n .dug {\r\n background: #1c1917;\r\n border-bottom: 0;\r\n border: 2px solid #292524;\r\n transform: scale(0.9) translateY(8px);\r\n cursor: default;\r\n opacity: 1;\r\n filter: brightness(0.5);\r\n }\r\n\r\n \/* Lav Efekti - Turuncu\/Sar\u0131 Parlama *\/\r\n .lava-reveal {\r\n background: linear-gradient(135deg, #facc15, #f97316, #ef4444);\r\n box-shadow: 0 0 40px #f97316, inset 0 0 20px #ffffff;\r\n border: 2px solid #fff;\r\n transform: scale(1.1) translateY(4px);\r\n z-index: 20;\r\n animation: mk-lava-pulse 0.2s infinite alternate;\r\n }\r\n\r\n @keyframes mk-lava-pulse {\r\n from { filter: brightness(1); box-shadow: 0 0 40px #f97316; }\r\n to { filter: brightness(1.5); box-shadow: 0 0 60px #facc15; }\r\n }\r\n\r\n \/* %1 \u0130ndirim \u00c7\u0131kma Efekti *\/\r\n .mk-discount-pop {\r\n color: #facc15;\r\n font-weight: 900;\r\n display: inline-block;\r\n animation: mk-pop-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n @keyframes mk-pop-up {\r\n 0% { transform: scale(0.5) translateY(20px); opacity: 0; }\r\n 50% { transform: scale(1.3) translateY(-15px); opacity: 1; text-shadow: 0 0 20px #facc15; }\r\n 100% { transform: scale(1) translateY(0); opacity: 1; text-shadow: 0 0 10px #facc15; }\r\n }\r\n\r\n \/* Buton Belirme Animasyonu *\/\r\n .claim-btn-appear {\r\n animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"mk-game-root\">\r\n <div class=\"mk-main-frame\">\r\n \r\n \r\n <div class=\"bg-stone-800 p-6 flex justify-between items-center border-b-4 border-stone-700 min-h-[100px]\">\r\n <div class=\"flex flex-col\">\r\n <span class=\"text-[10px] font-black uppercase text-stone-400 tracking-widest leading-none mb-1\">Biriken \u0130ndirim<\/span>\r\n <span id=\"mkTotalDiscount\" class=\"text-4xl font-black text-yellow-500 italic leading-none\">%0<\/span>\r\n <\/div>\r\n <button id=\"mkBtnClaim\" class=\"hidden bg-green-600 hover:bg-green-500 text-white px-5 py-3 rounded-xl font-black text-sm uppercase shadow-[0_4px_0_#14532d] active:translate-y-1 active:shadow-none transition-all leading-tight\">\r\n BURADA DUR <br>VE KAZAN\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative shadow-inner\">\r\n <div class=\"mk-mine-viewport\">\r\n <div class=\"mk-track\" id=\"mkTrack\">\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"absolute left-0 inset-y-0 w-16 bg-gradient-to-r from-stone-950 to-transparent pointer-events-none z-10\"><\/div>\r\n <div class=\"absolute right-0 inset-y-0 w-16 bg-gradient-to-l from-stone-950 to-transparent pointer-events-none z-10 flex items-center justify-end pr-2\">\r\n <span class=\"opacity-20 animate-pulse text-3xl\">\u27a1\ufe0f<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-4 bg-stone-950 text-center border-t-2 border-stone-800\">\r\n <p id=\"mkStatus\" class=\"text-stone-500 text-xs font-bold italic uppercase tracking-wider\">\u0130\u00e7inde ne oldu\u011funu sadece k\u0131r\u0131nca g\u00f6rebilirsin!<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"mkOverlayMenu\" class=\"absolute inset-0 bg-stone-900\/95 backdrop-blur-md z-50 flex flex-col items-center justify-center p-6 text-center\">\r\n <div class=\"pop-in\">\r\n <div class=\"text-7xl mb-6\">\ud83e\udea8<\/div>\r\n <h2 class=\"text-3xl font-black text-yellow-500 mb-2 italic uppercase\">\u0130ndirim Madeni<\/h2>\r\n <p class=\"text-stone-400 text-sm mb-8 px-4 leading-relaxed font-medium\">\r\n Sadece \u00f6n\u00fcndeki a\u00e7\u0131k olan ta\u015f\u0131 g\u00f6rebilirsin. <br>\r\n \u0130ndirimi almak ve ilerlemek i\u00e7in ona t\u0131kla. <br>\r\n Ama dikkat et; k\u0131rd\u0131\u011f\u0131n yeni ta\u015f\u0131n i\u00e7inden <b>LAV<\/b> \u00e7\u0131kabilir!\r\n <\/p>\r\n <button id=\"mkBtnStart\" class=\"w-full bg-yellow-500 text-stone-950 font-black text-xl py-5 rounded-2xl shadow-[0_6px_0_#a16207] active:translate-y-1 active:shadow-none transition-all\">\r\n T\u00dcNELE G\u0130R\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mkOverlayResult\" class=\"absolute inset-0 bg-black\/95 z-50 hidden flex flex-col items-center justify-center p-8 text-center\">\r\n \r\n \r\n <div id=\"mkResultWin\" class=\"hidden pop-in w-full\">\r\n <div class=\"text-8xl mb-6\">\ud83d\udc8e<\/div>\r\n <h2 class=\"text-4xl font-black text-green-500 mb-2 uppercase\">ZAMANINDA DURDUN!<\/h2>\r\n <p class=\"text-white text-lg mb-8\">Risk almad\u0131n ve indirimleri cebine koydun.<\/p>\r\n <div class=\"bg-stone-800 border-2 border-dashed border-yellow-500 p-6 rounded-3xl mb-8 w-full\">\r\n <span class=\"text-[10px] text-stone-500 block font-black uppercase mb-1\">Toplam \u0130ndirimin<\/span>\r\n <span id=\"mkFinalDiscount\" class=\"text-5xl font-black text-yellow-500 tracking-tighter\">%0<\/span>\r\n <div class=\"w-full border-t border-stone-700 my-4\"><\/div>\r\n <span class=\"text-[10px] text-stone-500 block font-black uppercase mb-1\">KUPON KODUN<\/span>\r\n <span id=\"mkPrizeCode\" class=\"text-2xl font-black text-white tracking-widest uppercase\">MINE-0000<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"mkResultLose\" class=\"hidden pop-in w-full\">\r\n <div class=\"text-8xl mb-6\">\ud83d\udd25<\/div>\r\n <h2 class=\"text-4xl font-black text-red-500 mb-2 uppercase\">HER \u015eEY K\u00dcL OLDU!<\/h2>\r\n <p class=\"text-stone-400 mb-8 px-4 font-medium italic\">A\u00e7g\u00f6zl\u00fcl\u00fck yapt\u0131n... S\u0131cak lavlara denk geldin ve toplad\u0131\u011f\u0131n t\u00fcm indirimler madende eridi.<\/p>\r\n <\/div>\r\n\r\n <button id=\"mkBtnRestart\" class=\"w-full bg-white text-stone-950 font-black py-5 rounded-2xl text-xl shadow-xl active:scale-95 transition-transform mt-4\">\r\n YEN\u0130DEN DENE\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \r\n \/\/ --- OYUN STATE ---\r\n let currentDiscount = 0;\r\n let isGameOver = false;\r\n let audioCtx = null;\r\n let currentIndex = 0;\r\n let tileData = []; \r\n\r\n \/\/ DOM\r\n const trackEl = document.getElementById('mkTrack');\r\n const totalText = document.getElementById('mkTotalDiscount');\r\n const claimBtn = document.getElementById('mkBtnClaim');\r\n const menuOverlay = document.getElementById('mkOverlayMenu');\r\n const resultOverlay = document.getElementById('mkOverlayResult');\r\n const statusText = document.getElementById('mkStatus');\r\n\r\n \/\/ --- SES S\u0130STEM\u0130 ---\r\n function initAudio() {\r\n if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playRockBreakSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n \/\/ Tok K\u00fct Sesi\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'triangle';\r\n osc.frequency.setValueAtTime(120, now);\r\n osc.frequency.exponentialRampToValueAtTime(30, now + 0.15);\r\n gain.gain.setValueAtTime(0.6, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.15);\r\n \r\n \/\/ Ta\u015f k\u0131r\u0131lma \u00e7at\u0131rt\u0131s\u0131 (Noise)\r\n const bufferSize = audioCtx.sampleRate * 0.15;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const nGain = audioCtx.createGain();\r\n nGain.gain.setValueAtTime(0.3, now);\r\n nGain.gain.exponentialRampToValueAtTime(0.01, now + 0.15);\r\n \r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'bandpass';\r\n filter.frequency.setValueAtTime(1000, now);\r\n \r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n noise.connect(filter); filter.connect(nGain); nGain.connect(audioCtx.destination);\r\n \r\n osc.start(); osc.stop(now + 0.15);\r\n noise.start();\r\n }\r\n\r\n function playGemSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(900, now);\r\n osc.frequency.exponentialRampToValueAtTime(1800, now + 0.05);\r\n gain.gain.setValueAtTime(0.2, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.4);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.4);\r\n }\r\n\r\n function playStepSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sine';\r\n osc.frequency.setValueAtTime(200, now);\r\n osc.frequency.exponentialRampToValueAtTime(50, now + 0.1);\r\n gain.gain.setValueAtTime(0.2, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.1);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.1);\r\n }\r\n\r\n function playLavaThumpSound() {\r\n if(!audioCtx) return;\r\n const tempOsc = audioCtx.createOscillator();\r\n tempOsc.frequency.setValueAtTime(40, audioCtx.currentTime);\r\n const tempGain = audioCtx.createGain();\r\n tempGain.gain.setValueAtTime(0.8, audioCtx.currentTime);\r\n tempGain.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 0.5);\r\n tempOsc.connect(tempGain); tempGain.connect(audioCtx.destination);\r\n tempOsc.start(); tempOsc.stop(audioCtx.currentTime + 0.5);\r\n }\r\n\r\n function playLavaSizzleSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n \/\/ TSSSSS Sesi (Buharla\u015fma)\r\n const bufferSize = audioCtx.sampleRate * 2;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'bandpass';\r\n filter.frequency.setValueAtTime(2500, now);\r\n filter.frequency.exponentialRampToValueAtTime(300, now + 1.5);\r\n const nGain = audioCtx.createGain();\r\n nGain.gain.setValueAtTime(0.6, now);\r\n nGain.gain.exponentialRampToValueAtTime(0.001, now + 2);\r\n noise.connect(filter); filter.connect(nGain); nGain.connect(audioCtx.destination);\r\n noise.start();\r\n }\r\n\r\n \/\/ --- OYUN MANTI\u011eI ---\r\n function getRandomContent() {\r\n let gemProb = 0.25;\r\n let lavaProb = 0.25;\r\n\r\n \/\/ Her bir indirim i\u00e7in ihtimalleri %3 g\u00fcncelle\r\n let modifier = currentDiscount * 0.03;\r\n gemProb = Math.max(0, gemProb - modifier); \/\/ \u0130ndirim ihtimali 0'\u0131n alt\u0131na d\u00fc\u015fmesin\r\n lavaProb = lavaProb + modifier;\r\n\r\n if (currentDiscount === 0) {\r\n lavaProb = 0; \/\/ \u0130lk indirim al\u0131nana kadar lav \u00e7\u0131kmaz\r\n }\r\n\r\n const rand = Math.random();\r\n if (rand < lavaProb) return 'lava';\r\n if (rand < lavaProb + gemProb) return 'gem';\r\n return 'empty'; \/\/ Geri kalan (%50) ihtimal s\u0131radan kaya\r\n }\r\n\r\n function startGame() {\r\n trackEl.innerHTML = '';\r\n tileData = [];\r\n currentIndex = 0;\r\n currentDiscount = 0;\r\n isGameOver = false;\r\n totalText.innerText = '%0';\r\n claimBtn.classList.add('hidden');\r\n claimBtn.classList.remove('claim-btn-appear');\r\n statusText.innerText = \"\u00d6d\u00fcl\u00fc almak i\u00e7in t\u0131kla, ama arkas\u0131ndaki ta\u015fa dikkat et!\";\r\n \r\n trackEl.style.transition = 'none';\r\n trackEl.style.transform = `translateX(0px)`;\r\n \r\n \/\/ Ba\u015flang\u0131\u00e7ta ta\u015flar\u0131 olu\u015ftur\r\n for (let i = 0; i < 15; i++) {\r\n \/\/ \u0130lk ta\u015f her zaman s\u0131radan kaya, di\u011ferleri t\u0131kland\u0131k\u00e7a belirlenecek\r\n const content = i === 0 ? 'empty' : 'unknown';\r\n \r\n tileData.push({\r\n content: content,\r\n state: i === 0 ? 'revealed' : 'hidden'\r\n });\r\n renderTile(i);\r\n }\r\n }\r\n\r\n function renderTile(index) {\r\n const tileDataObj = tileData[index];\r\n let tileEl = document.getElementById(`tile-${index}`);\r\n \r\n if (!tileEl) {\r\n tileEl = document.createElement('div');\r\n tileEl.id = `tile-${index}`;\r\n tileEl.onclick = () => dig(index);\r\n trackEl.appendChild(tileEl);\r\n }\r\n\r\n if (tileDataObj.state === 'hidden') {\r\n \/\/ K\u0131r\u0131lmam\u0131\u015f Kaya\r\n tileEl.className = 'mk-tile inactive-tile';\r\n tileEl.innerHTML = '<span class=\"opacity-50 grayscale\">\ud83e\udea8<\/span>';\r\n } else if (tileDataObj.state === 'revealed') {\r\n \/\/ A\u00e7\u0131k ve Bekleyen Ta\u015f (\u00d6d\u00fcl \/ Bo\u015f \/ Lav)\r\n tileEl.className = 'mk-tile active-tile';\r\n if (tileDataObj.content === 'gem') {\r\n tileEl.innerHTML = '<span class=\"mk-discount-pop\">%1<\/span>';\r\n } else if (tileDataObj.content === 'empty') {\r\n tileEl.innerHTML = '<span class=\"text-stone-400 font-bold text-[10px] uppercase tracking-widest text-center leading-tight\">SIRADAN<br>KAYA<\/span>';\r\n } else if (tileDataObj.content === 'lava') {\r\n tileEl.className = 'mk-tile lava-reveal';\r\n tileEl.innerHTML = '\ud83d\udd25';\r\n }\r\n } else if (tileDataObj.state === 'passed') {\r\n \/\/ Ge\u00e7ilmi\u015f (Toplanm\u0131\u015f) Ta\u015f\r\n tileEl.className = 'mk-tile dug';\r\n if (tileDataObj.content === 'gem') {\r\n tileEl.innerHTML = '<span class=\"text-stone-600 font-black\">%1<\/span>';\r\n } else if (tileDataObj.content === 'empty') {\r\n tileEl.innerHTML = '<span class=\"text-stone-700 font-bold text-[8px] text-center leading-tight\">SIRADAN<br>KAYA<\/span>';\r\n }\r\n }\r\n }\r\n\r\n async function dig(index) {\r\n if (isGameOver || index !== currentIndex) return;\r\n \r\n const currentTile = tileData[index];\r\n initAudio();\r\n\r\n \/\/ 1. \u00d6D\u00dcL\u00dc TOPLA\r\n if (currentTile.content === 'gem') {\r\n currentDiscount++;\r\n playGemSound();\r\n totalText.innerText = `%${currentDiscount}`;\r\n if (claimBtn.classList.contains('hidden')) {\r\n claimBtn.classList.remove('hidden');\r\n claimBtn.classList.add('claim-btn-appear');\r\n }\r\n } else if (currentTile.content === 'empty') {\r\n playStepSound();\r\n }\r\n\r\n \/\/ 2. GE\u00c7ERL\u0130 TA\u015eI \"GE\u00c7\u0130LD\u0130\" YAP\r\n currentTile.state = 'passed';\r\n renderTile(index);\r\n\r\n \/\/ 3. B\u0130R SONRAK\u0130 TA\u015eA \u0130LERLE\r\n currentIndex++;\r\n \r\n \/\/ T\u00fcneli sonsuz tutmak i\u00e7in sona yeni ta\u015f ekle\r\n tileData.push({ content: 'unknown', state: 'hidden' });\r\n renderTile(tileData.length - 1);\r\n \r\n \/\/ \u015eeridi Kayd\u0131r\r\n trackEl.style.transition = 'transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)';\r\n trackEl.style.transform = `translateX(-${currentIndex * 116}px)`;\r\n \r\n statusText.innerText = \"Yeni kaya k\u0131r\u0131l\u0131yor...\";\r\n\r\n \/\/ 4. YEN\u0130 TA\u015eI KIR VE G\u00d6STER\r\n setTimeout(() => {\r\n if (isGameOver) return;\r\n\r\n const nextTile = tileData[currentIndex];\r\n playRockBreakSound(); \/\/ Ta\u015f k\u0131rma sesi tam kaya k\u0131r\u0131l\u0131rken \u00e7alar\r\n \r\n \/\/ \u0130\u00c7ER\u0130\u011e\u0130 BURADA, TA\u015e KIRILIRKEN BEL\u0130RLE (Dinamik ihtimaller)\r\n if (nextTile.content === 'unknown') {\r\n nextTile.content = getRandomContent();\r\n }\r\n \r\n nextTile.state = 'revealed';\r\n renderTile(currentIndex);\r\n\r\n \/\/ Kaya k\u0131r\u0131lma hissiyat\u0131 i\u00e7in ekran\u0131 hafif\u00e7e sars\r\n document.getElementById('mk-game-root').classList.add('animate-[pulse_0.2s_ease-in-out]');\r\n setTimeout(() => document.getElementById('mk-game-root').classList.remove('animate-[pulse_0.2s_ease-in-out]'), 200);\r\n\r\n if (nextTile.content === 'lava') {\r\n triggerLavaGameOver(currentIndex);\r\n } else {\r\n statusText.innerText = nextTile.content === 'gem' \r\n ? \"\u0130ndirimi almak i\u00e7in t\u0131kla, ama bir sonrakinde lav olabilir!\" \r\n : \"S\u0131radan bir kaya. \u0130lerlemek i\u00e7in t\u0131kla.\";\r\n }\r\n }, 400); \/\/ Kayma animasyonunun bitimine yak\u0131n\r\n }\r\n\r\n function triggerLavaGameOver(index) {\r\n isGameOver = true;\r\n statusText.innerText = \"YANDIN! Maden \u00e7\u00f6kt\u00fc...\";\r\n \r\n playLavaThumpSound(); \/\/ Lav \u00e7\u0131kt\u0131\u011f\u0131ndaki derin vuru\u015f\r\n\r\n \/\/ 1.2 saniye lav\u0131 ekranda g\u00f6rs\u00fcn, sonra tamamen yans\u0131n\r\n setTimeout(() => {\r\n gameOver(false);\r\n }, 1200);\r\n }\r\n\r\n function gameOver(isClaimed) {\r\n isGameOver = true;\r\n resultOverlay.classList.remove('hidden');\r\n resultOverlay.classList.add('flex');\r\n \r\n const winDiv = document.getElementById('mkResultWin');\r\n const loseDiv = document.getElementById('mkResultLose');\r\n\r\n if (isClaimed && currentDiscount > 0) {\r\n \/\/ Zaman\u0131nda durdu\r\n winDiv.classList.remove('hidden');\r\n loseDiv.classList.add('hidden');\r\n document.getElementById('mkFinalDiscount').innerText = `%${currentDiscount}`;\r\n document.getElementById('mkPrizeCode').innerText = 'MINE' + Math.floor(1000 + Math.random() * 9000);\r\n \r\n if (typeof confetti !== 'undefined') {\r\n confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 }, colors: ['#facc15', '#ffffff'], zIndex: 100 });\r\n }\r\n } else {\r\n \/\/ Lava d\u00fc\u015ft\u00fc\r\n playLavaSizzleSound(); \/\/ Ekran geldi\u011finde \"TSSSS\" \u00e7alar\r\n winDiv.classList.add('hidden');\r\n loseDiv.classList.remove('hidden');\r\n }\r\n }\r\n\r\n \/\/ --- EVENTLER ---\r\n document.getElementById('mkBtnStart').onclick = () => {\r\n initAudio();\r\n menuOverlay.classList.add('hidden');\r\n startGame();\r\n };\r\n\r\n claimBtn.onclick = () => gameOver(true);\r\n\r\n document.getElementById('mkBtnRestart').onclick = () => {\r\n resultOverlay.classList.remove('flex');\r\n resultOverlay.classList.add('hidden');\r\n startGame();\r\n };\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2f0d14 e-flex e-con-boxed e-con e-parent\" data-id=\"a2f0d14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e05dae7 elementor-widget elementor-widget-html\" data-id=\"e05dae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Koridor Savunmas\u0131<\/title>\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n \/* Sadece oyunun k\u00f6k dizini i\u00e7in font ve temel ayarlar *\/\r\n #ks-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n padding: 1rem 0; \/* Sayfada biraz nefes almas\u0131 i\u00e7in *\/\r\n }\r\n\r\n \/* Arka plan desenini sadece oyun kutusuna veya i\u00e7 k\u0131sm\u0131na verebiliriz *\/\r\n .ks-main-frame {\r\n width: 100%;\r\n max-width: 28rem;\r\n height: 85vh;\r\n max-height: 800px;\r\n min-height: 480px;\r\n background-color: #0f172a;\r\n border-radius: 1.5rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n \/* Arka plan deseni art\u0131k sadece kutu i\u00e7inde *\/\r\n background-image: radial-gradient(#1e293b 2px, transparent 2px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n \/* Oyun Sahnesi *\/\r\n .ks-viewport {\r\n position: relative;\r\n width: 100%;\r\n flex: 1; \r\n background: linear-gradient(to right, #020617, #0f172a);\r\n overflow: hidden;\r\n touch-action: none;\r\n }\r\n\r\n .ks-lane {\r\n position: absolute;\r\n width: 100%;\r\n height: 33.333%;\r\n border-bottom: 2px dashed rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n align-items: center;\r\n box-sizing: border-box;\r\n }\r\n .ks-lane:nth-child(1) { top: 0; }\r\n .ks-lane:nth-child(2) { top: 33.333%; }\r\n .ks-lane:nth-child(3) { top: 66.666%; border-bottom: none; }\r\n\r\n #ks-player {\r\n position: absolute;\r\n left: 5%;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n transition: top 0.15s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 20;\r\n filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.5));\r\n }\r\n\r\n .ks-bullet {\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n font-size: 1.2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n z-index: 15;\r\n }\r\n\r\n .ks-enemy {\r\n position: absolute;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n z-index: 18;\r\n filter: drop-shadow(0 0 10px rgba(239, 68, 68, 0.5));\r\n will-change: left;\r\n }\r\n\r\n .ks-obstacle {\r\n position: absolute;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transform: translateY(-50%);\r\n z-index: 14; \r\n filter: drop-shadow(0 0 10px rgba(120, 113, 108, 0.5));\r\n will-change: left;\r\n }\r\n\r\n .ks-explosion {\r\n position: absolute;\r\n font-size: 2rem;\r\n transform: translateY(-50%);\r\n animation: explode 0.3s ease-out forwards;\r\n pointer-events: none;\r\n z-index: 25;\r\n }\r\n\r\n @keyframes explode {\r\n 0% { transform: translateY(-50%) scale(0.5); opacity: 1; }\r\n 100% { transform: translateY(-50%) scale(1.5); opacity: 0; }\r\n }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n .flash-red { animation: flashRed 0.3s ease-out; }\r\n @keyframes flashRed {\r\n 0% { background-color: rgba(239, 68, 68, 0.5); }\r\n 100% { background-color: transparent; }\r\n }\r\n\r\n \/* WordPress tap highlight fix *\/\r\n * { -webkit-tap-highlight-color: transparent; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"ks-game-root\">\r\n <div class=\"ks-main-frame\">\r\n \r\n \r\n <div class=\"bg-slate-800 p-3 sm:p-4 flex justify-between items-center border-b-4 border-slate-700 shrink-0 z-20\">\r\n <div class=\"flex flex-col text-white\">\r\n <span class=\"text-[10px] font-black uppercase text-slate-400 tracking-widest leading-none mb-1\">Yok Edilen<\/span>\r\n <span class=\"text-2xl sm:text-3xl font-black text-sky-400 italic leading-none\"><span id=\"ks-score\">0<\/span> \/ 20<\/span>\r\n <\/div>\r\n <div class=\"text-right text-white\">\r\n <span class=\"text-[10px] font-black uppercase text-slate-400 tracking-widest leading-none mb-1\">\u00d6d\u00fcl<\/span>\r\n <span class=\"text-lg sm:text-xl font-black text-yellow-500 block leading-none\">%3 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative shadow-inner flex-1 flex flex-col\">\r\n <div class=\"ks-viewport\" id=\"ks-viewport\">\r\n <div class=\"ks-lane\"><\/div>\r\n <div class=\"ks-lane\"><\/div>\r\n <div class=\"ks-lane\"><\/div>\r\n <div id=\"ks-player\">\ud83d\ude80<\/div>\r\n <div id=\"ks-entities\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3 bg-slate-950 text-center border-t-2 border-slate-800 shrink-0 z-20\">\r\n <p class=\"text-slate-500 text-[10px] sm:text-xs font-bold uppercase tracking-wider\">\u015eerit de\u011fi\u015ftirmek i\u00e7in ekrana dokun!<\/p>\r\n <\/div>\r\n\r\n \r\n <div id=\"ks-menu-overlay\" class=\"absolute inset-0 bg-slate-900\/95 backdrop-blur-sm z-50 flex flex-col items-center p-4 sm:p-6 text-center overflow-y-auto\">\r\n <div class=\"my-auto w-full max-w-sm pop-in\">\r\n <div class=\"text-6xl sm:text-7xl mb-2 sm:mb-4 animate-bounce\">\ud83d\udef8<\/div>\r\n <h2 class=\"text-2xl sm:text-3xl font-black text-sky-400 mb-2 italic uppercase\">Koridor Savunmas\u0131<\/h2>\r\n <p class=\"text-slate-300 text-xs sm:text-sm mb-6 leading-relaxed font-medium\">\r\n D\u00fc\u015fmanlar h\u0131zla yakla\u015f\u0131yor!<br>\r\n \u015eerit de\u011fi\u015ftirmek i\u00e7in <b>YUKARI, ORTA<\/b> veya <b>A\u015eA\u011eI<\/b> dokun.<br>\r\n Ate\u015f otomatik edilir. <br>\r\n <b>20 d\u00fc\u015fman\u0131<\/b> yok et ve %3 \u0130ndirimi kap!\r\n <\/p>\r\n <button id=\"ks-btn-start\" class=\"w-full bg-sky-500 hover:bg-sky-400 text-slate-950 font-black text-lg sm:text-xl py-3 sm:py-4 rounded-xl sm:rounded-2xl shadow-[0_6px_0_#0369a1] active:translate-y-1 active:shadow-none transition-all\">\r\n SAVUNMAYA BA\u015eLA\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"ks-result-overlay\" class=\"absolute inset-0 bg-black\/95 backdrop-blur-md z-50 hidden flex flex-col items-center p-4 sm:p-6 text-center overflow-y-auto\">\r\n <div class=\"my-auto w-full max-w-sm\">\r\n <div id=\"ks-win-screen\" class=\"hidden pop-in flex-col items-center w-full\">\r\n <div class=\"text-6xl sm:text-7xl mb-2 sm:mb-4\">\ud83c\udfc6<\/div>\r\n <h2 class=\"text-2xl sm:text-3xl font-black text-green-400 mb-2 uppercase text-center\">KOR\u0130DOR TEM\u0130Z!<\/h2>\r\n <p class=\"text-white text-sm sm:text-base mb-4 sm:mb-6 text-center\">M\u00fckemmel savundun ve \u00f6d\u00fcl\u00fc hak ettin.<\/p>\r\n <div class=\"bg-slate-800 border-2 border-dashed border-sky-400 p-4 sm:p-6 rounded-2xl mb-4 sm:mb-6 w-full\">\r\n <span class=\"text-[10px] text-slate-400 block font-black uppercase mb-1\">KAZANDI\u011eIN \u00d6D\u00dcL<\/span>\r\n <span class=\"text-3xl sm:text-4xl font-black text-yellow-400 tracking-tighter\">%3 \u0130ND\u0130R\u0130M<\/span>\r\n <div class=\"w-full border-t border-slate-700 my-3 sm:my-4\"><\/div>\r\n <span class=\"text-[10px] text-slate-400 block font-black uppercase mb-1\">KUPON KODUN<\/span>\r\n <span id=\"ks-prize-code\" class=\"text-xl sm:text-2xl font-black text-white tracking-widest uppercase\">KOR-0000<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ks-lose-screen\" class=\"hidden pop-in flex-col items-center w-full\">\r\n <div id=\"ks-lose-icon\" class=\"text-6xl sm:text-7xl mb-2 sm:mb-4 text-center\">\ud83d\udca5<\/div>\r\n <h2 id=\"ks-lose-title\" class=\"text-2xl sm:text-3xl font-black text-red-500 mb-2 uppercase text-center\">HATTINI YARDILAR!<\/h2>\r\n <p id=\"ks-lose-desc\" class=\"text-slate-300 text-sm sm:text-base mb-4 sm:mb-6 font-medium text-center\">Bir d\u00fc\u015fman savunman\u0131 a\u015ft\u0131...<\/p>\r\n <div class=\"bg-slate-900 border border-slate-700 rounded-xl p-4 w-full mb-4 sm:mb-6\">\r\n <p class=\"text-xs sm:text-sm font-bold text-slate-500 uppercase tracking-wider mb-1\">Skorun<\/p>\r\n <p class=\"text-2xl sm:text-3xl font-black text-sky-500 text-center\"><span id=\"ks-final-score\">0<\/span> \/ 20<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"ks-btn-restart\" class=\"w-full bg-white text-slate-950 font-black py-3 sm:py-4 rounded-xl sm:rounded-2xl text-lg sm:text-xl shadow-xl active:scale-95 transition-transform mt-2 shrink-0\">\r\n YEN\u0130DEN DENE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const TARGET_SCORE = 20;\r\n let currentScore = 0;\r\n let enemiesSpawned = 0;\r\n let isPlaying = false;\r\n let playerLane = 1;\r\n let lastTime = 0;\r\n let spawnTimer = 0;\r\n let shootTimer = 0;\r\n let obstacleTimer = 0;\r\n let spawnDelay = 1.0; \r\n let bullets = [];\r\n let enemies = [];\r\n let obstacles = [];\r\n let gameLoopId = null;\r\n let audioCtx = null;\r\n\r\n const viewport = document.getElementById('ks-viewport');\r\n const playerEl = document.getElementById('ks-player');\r\n const entitiesContainer = document.getElementById('ks-entities');\r\n const scoreText = document.getElementById('ks-score');\r\n const menuOverlay = document.getElementById('ks-menu-overlay');\r\n const resultOverlay = document.getElementById('ks-result-overlay');\r\n const winScreen = document.getElementById('ks-win-screen');\r\n const loseScreen = document.getElementById('ks-lose-screen');\r\n\r\n function initAudio() {\r\n if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playShootSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'square';\r\n osc.frequency.setValueAtTime(800, now);\r\n osc.frequency.exponentialRampToValueAtTime(100, now + 0.1);\r\n gain.gain.setValueAtTime(0.1, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.1);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.1);\r\n }\r\n\r\n function playExplosionSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const bufferSize = audioCtx.sampleRate * 0.2;\r\n const buffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);\r\n const data = buffer.getChannelData(0);\r\n for (let i = 0; i < bufferSize; i++) data[i] = Math.random() * 2 - 1;\r\n const noise = audioCtx.createBufferSource();\r\n noise.buffer = buffer;\r\n const filter = audioCtx.createBiquadFilter();\r\n filter.type = 'lowpass';\r\n filter.frequency.setValueAtTime(1000, now);\r\n filter.frequency.exponentialRampToValueAtTime(100, now + 0.2);\r\n const gain = audioCtx.createGain();\r\n gain.gain.setValueAtTime(0.3, now);\r\n gain.gain.exponentialRampToValueAtTime(0.01, now + 0.2);\r\n noise.connect(filter); filter.connect(gain); gain.connect(audioCtx.destination);\r\n noise.start();\r\n }\r\n\r\n function playCrashSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sawtooth';\r\n osc.frequency.setValueAtTime(150, now);\r\n osc.frequency.linearRampToValueAtTime(40, now + 0.5);\r\n gain.gain.setValueAtTime(0.5, now);\r\n gain.gain.linearRampToValueAtTime(0.01, now + 0.5);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(); osc.stop(now + 0.5);\r\n }\r\n\r\n function playWinSound() {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const freqs = [440, 554.37, 659.25, 880]; \r\n freqs.forEach((f, i) => {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'triangle';\r\n osc.frequency.value = f;\r\n const t = now + (i * 0.1);\r\n gain.gain.setValueAtTime(0.1, t);\r\n gain.gain.linearRampToValueAtTime(0, t + 0.2);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(t); osc.stop(t + 0.2);\r\n });\r\n const chordTime = now + 0.4;\r\n freqs.forEach(f => {\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = 'sawtooth';\r\n osc.frequency.value = f;\r\n gain.gain.setValueAtTime(0.05, chordTime);\r\n gain.gain.exponentialRampToValueAtTime(0.001, chordTime + 1.5);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(chordTime); osc.stop(chordTime + 1.5);\r\n });\r\n }\r\n\r\n function getLaneTop(laneIndex) {\r\n return (laneIndex * 33.333) + 16.666;\r\n }\r\n\r\n function updatePlayerPosition() {\r\n playerEl.style.top = `${getLaneTop(playerLane)}%`;\r\n }\r\n\r\n viewport.addEventListener('pointerdown', (e) => {\r\n if (!isPlaying) return;\r\n const rect = viewport.getBoundingClientRect();\r\n const y = e.clientY - rect.top;\r\n const laneHeight = rect.height \/ 3;\r\n playerLane = Math.floor(y \/ laneHeight);\r\n if (playerLane < 0) playerLane = 0;\r\n if (playerLane > 2) playerLane = 2;\r\n updatePlayerPosition();\r\n });\r\n\r\n function shoot() {\r\n playShootSound();\r\n const bulletEl = document.createElement('div');\r\n bulletEl.className = 'ks-bullet';\r\n bulletEl.innerText = '\u26a1';\r\n bulletEl.style.top = `${getLaneTop(playerLane)}%`;\r\n bulletEl.style.left = `10%`; \r\n entitiesContainer.appendChild(bulletEl);\r\n bullets.push({ el: bulletEl, x: 10, lane: playerLane, speed: 80 });\r\n }\r\n\r\n function spawnEnemy() {\r\n const enemyEl = document.createElement('div');\r\n const randomLane = Math.floor(Math.random() * 3);\r\n enemyEl.className = 'ks-enemy';\r\n enemyEl.innerText = '\ud83d\udc7e';\r\n enemyEl.style.top = `${getLaneTop(randomLane)}%`;\r\n enemyEl.style.left = `100%`;\r\n entitiesContainer.appendChild(enemyEl);\r\n const speedMod = 1 + (currentScore * 0.05); \r\n enemies.push({ el: enemyEl, x: 100, lane: randomLane, speed: 25 * speedMod });\r\n enemiesSpawned++;\r\n }\r\n\r\n function spawnObstacle() {\r\n const obsEl = document.createElement('div');\r\n const randomLane = Math.floor(Math.random() * 3);\r\n obsEl.className = 'ks-obstacle';\r\n obsEl.innerText = '\ud83e\udea8';\r\n obsEl.style.top = `${getLaneTop(randomLane)}%`;\r\n obsEl.style.left = `100%`;\r\n entitiesContainer.appendChild(obsEl);\r\n const speedMod = 1 + (currentScore * 0.05); \r\n obstacles.push({ el: obsEl, x: 100, lane: randomLane, speed: (20 + Math.random() * 10) * speedMod });\r\n }\r\n\r\n function createExplosion(x, lane) {\r\n playExplosionSound();\r\n const expEl = document.createElement('div');\r\n expEl.className = 'ks-explosion';\r\n expEl.innerText = '\ud83d\udca5';\r\n expEl.style.left = `${x}%`;\r\n expEl.style.top = `${getLaneTop(lane)}%`;\r\n entitiesContainer.appendChild(expEl);\r\n setTimeout(() => expEl.remove(), 300);\r\n }\r\n\r\n function loop(timestamp) {\r\n if (!isPlaying) return;\r\n if (!lastTime) lastTime = timestamp;\r\n const dt = (timestamp - lastTime) \/ 1000;\r\n lastTime = timestamp;\r\n shootTimer += dt;\r\n if (shootTimer >= 0.4) { shoot(); shootTimer = 0; }\r\n spawnTimer += dt;\r\n const currentSpawnDelay = Math.max(0.4, spawnDelay - (currentScore * 0.02));\r\n if (spawnTimer >= currentSpawnDelay && enemiesSpawned < TARGET_SCORE) { spawnEnemy(); spawnTimer = 0; }\r\n obstacleTimer += dt;\r\n const currentObsDelay = Math.max(1.0, 2.5 - (currentScore * 0.05));\r\n if (obstacleTimer >= currentObsDelay) { spawnObstacle(); obstacleTimer = 0; }\r\n for (let i = bullets.length - 1; i >= 0; i--) {\r\n const b = bullets[i];\r\n b.x += b.speed * dt;\r\n b.el.style.left = `${b.x}%`;\r\n if (b.x > 110) { b.el.remove(); bullets.splice(i, 1); }\r\n }\r\n for (let i = enemies.length - 1; i >= 0; i--) {\r\n const e = enemies[i];\r\n e.x -= e.speed * dt;\r\n e.el.style.left = `${e.x}%`;\r\n if (e.x <= 5) { endGame(false, 'breach'); return; }\r\n for (let j = bullets.length - 1; j >= 0; j--) {\r\n const b = bullets[j];\r\n if (b.lane === e.lane && Math.abs(b.x - e.x) < 5) {\r\n createExplosion(e.x, e.lane);\r\n b.el.remove(); e.el.remove();\r\n bullets.splice(j, 1); enemies.splice(i, 1);\r\n currentScore++;\r\n scoreText.innerText = currentScore;\r\n if (currentScore >= TARGET_SCORE) { endGame(true); return; }\r\n break; \r\n }\r\n }\r\n }\r\n for (let i = obstacles.length - 1; i >= 0; i--) {\r\n const o = obstacles[i];\r\n o.x -= o.speed * dt;\r\n o.el.style.left = `${o.x}%`;\r\n if (o.lane === playerLane && o.x < 12 && o.x > 2) { endGame(false, 'crash'); return; }\r\n if (o.x < -10) { o.el.remove(); obstacles.splice(i, 1); }\r\n }\r\n gameLoopId = requestAnimationFrame(loop);\r\n }\r\n\r\n function startGame() {\r\n initAudio();\r\n menuOverlay.classList.add('hidden');\r\n resultOverlay.classList.add('hidden');\r\n resultOverlay.classList.remove('flex');\r\n entitiesContainer.innerHTML = '';\r\n bullets = []; enemies = []; obstacles = [];\r\n currentScore = 0; enemiesSpawned = 0;\r\n scoreText.innerText = '0';\r\n playerLane = 1; updatePlayerPosition();\r\n lastTime = 0; spawnTimer = 0; shootTimer = 0; obstacleTimer = 0;\r\n isPlaying = true;\r\n gameLoopId = requestAnimationFrame(loop);\r\n }\r\n\r\n function endGame(isWin, reason = '') {\r\n isPlaying = false;\r\n cancelAnimationFrame(gameLoopId);\r\n if (isWin) {\r\n playWinSound();\r\n setTimeout(() => {\r\n resultOverlay.classList.remove('hidden');\r\n resultOverlay.classList.add('flex');\r\n winScreen.classList.remove('hidden');\r\n winScreen.classList.add('flex');\r\n loseScreen.classList.add('hidden');\r\n document.getElementById('ks-prize-code').innerText = 'KOR' + Math.floor(1000 + Math.random() * 9000);\r\n if (typeof confetti !== 'undefined') { confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 }, zIndex: 100 }); }\r\n }, 1500); \r\n } else {\r\n playCrashSound();\r\n viewport.classList.add('flash-red');\r\n setTimeout(() => viewport.classList.remove('flash-red'), 300);\r\n setTimeout(() => {\r\n resultOverlay.classList.remove('hidden');\r\n resultOverlay.classList.add('flex');\r\n winScreen.classList.add('hidden');\r\n loseScreen.classList.remove('hidden');\r\n loseScreen.classList.add('flex');\r\n const loseTitle = document.getElementById('ks-lose-title');\r\n const loseDesc = document.getElementById('ks-lose-desc');\r\n const loseIcon = document.getElementById('ks-lose-icon');\r\n if (reason === 'crash') {\r\n loseIcon.innerText = '\ud83e\udea8';\r\n loseTitle.innerText = 'KAYAYA \u00c7ARPTIN!';\r\n loseDesc.innerText = 'Uzay kayalar\u0131na dikkat etmeliydin...';\r\n } else {\r\n loseIcon.innerText = '\ud83d\udca5';\r\n loseTitle.innerText = 'HATTINI YARDILAR!';\r\n loseDesc.innerText = 'Bir d\u00fc\u015fman savunman\u0131 a\u015ft\u0131...';\r\n }\r\n document.getElementById('ks-final-score').innerText = currentScore;\r\n }, 1500); \r\n }\r\n }\r\n\r\n document.getElementById('ks-btn-start').onclick = startGame;\r\n document.getElementById('ks-btn-restart').onclick = startGame;\r\n updatePlayerPosition();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b27c6e0 e-flex e-con-boxed e-con e-parent\" data-id=\"b27c6e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d23987 elementor-widget elementor-widget-html\" data-id=\"5d23987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n <title>Lezzetli Top Maceras\u0131 3D<\/title>\r\n \r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1.6.0\/dist\/confetti.browser.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;900&display=swap');\r\n\r\n #tm-game-root {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Nunito', sans-serif;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n padding: 1rem 0;\r\n }\r\n\r\n .tm-main-frame {\r\n width: 100%;\r\n max-width: 28rem;\r\n height: 85vh;\r\n max-height: 800px;\r\n min-height: 550px;\r\n background-color: #020617;\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);\r\n border: 4px solid #1e293b;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n #tm-canvas-container {\r\n flex: 1;\r\n position: relative;\r\n background-color: #000;\r\n overflow: hidden;\r\n touch-action: none;\r\n }\r\n\r\n .tm-hud {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n right: 1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n pointer-events: none;\r\n z-index: 20;\r\n }\r\n\r\n .tm-hud-item {\r\n background: rgba(15, 23, 42, 0.9);\r\n backdrop-filter: blur(8px);\r\n padding: 0.6rem 1.2rem;\r\n border-radius: 1.2rem;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .pop-in { animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\r\n @keyframes popIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n\r\n * { -webkit-tap-highlight-color: transparent; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"tm-game-root\">\r\n <div class=\"tm-main-frame\">\r\n \r\n <div class=\"bg-slate-900 p-4 text-center border-b-4 border-slate-800 z-20 shrink-0 text-white\">\r\n <h1 class=\"text-xl font-black italic uppercase text-red-500 tracking-tighter\">Keskin H\u0131z 3D<\/h1>\r\n <\/div>\r\n\r\n <div id=\"tm-canvas-container\">\r\n <div class=\"tm-hud\">\r\n <div class=\"tm-hud-item flex flex-col text-white\">\r\n <span class=\"text-[10px] font-black text-slate-400 uppercase leading-none mb-1\">Mesafe<\/span>\r\n <span id=\"tm-score\" class=\"text-xl font-black italic\">0 \/ 300m<\/span>\r\n <\/div>\r\n <div class=\"tm-hud-item flex flex-col text-right text-white\">\r\n <span class=\"text-[10px] font-black text-slate-400 uppercase leading-none mb-1\">\u00d6d\u00fcl<\/span>\r\n <span class=\"text-sm font-black text-red-500 leading-none\">%10 \u0130ndirim<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"tm-overlay-start\" class=\"absolute inset-0 bg-slate-950\/90 backdrop-blur-md z-50 flex flex-col items-center justify-center p-8 text-center text-white\">\r\n <div class=\"pop-in w-full\">\r\n <div class=\"text-7xl mb-6 animate-pulse\">\ud83c\udfaf<\/div>\r\n <h2 class=\"text-3xl font-black text-white mb-2 italic uppercase tracking-widest\">KESK\u0130N KONTROL!<\/h2>\r\n <p class=\"text-slate-400 text-sm mb-8 px-4 font-medium leading-relaxed\">\r\n Top art\u0131k hareketlerini an\u0131nda takip ediyor!<br>\r\n Sola\/Sa\u011fa kayd\u0131r, z\u0131plamak i\u00e7in <b>Dokun<\/b>.<br>\r\n <b>300 metreyi<\/b> bu h\u0131zla ge\u00e7ebilecek misin?\r\n <\/p>\r\n <button id=\"tm-btn-start\" class=\"w-full bg-red-600 hover:bg-red-500 text-white font-black text-xl py-5 rounded-2xl shadow-[0_6px_0_#7f1d1d] active:translate-y-1 active:shadow-none transition-all\">\r\n YARI\u015eI BA\u015eLAT\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"tm-overlay-result\" class=\"absolute inset-0 bg-slate-950\/95 backdrop-blur-md z-50 hidden flex flex-col items-center justify-center p-8 text-center text-white\">\r\n <div class=\"my-auto w-full pop-in\">\r\n <div id=\"tm-result-icon\" class=\"text-7xl mb-4 text-white\">\ud83d\udca5<\/div>\r\n <h2 id=\"tm-result-title\" class=\"text-3xl font-black text-white mb-2 uppercase\">EYVAH!<\/h2>\r\n \r\n <div id=\"tm-win-content\" class=\"hidden w-full\">\r\n <div class=\"bg-red-900\/30 border-2 border-dashed border-red-500 p-6 rounded-3xl mb-8 w-full text-center text-white\">\r\n <p class=\"text-red-200 text-sm mb-4\">M\u00fckemmel refleksler! \u00d6d\u00fcl\u00fcn:<\/p>\r\n <span id=\"tm-prize-code\" class=\"text-3xl font-black text-red-400 tracking-widest uppercase\">SHARP-300<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"tm-lose-content\" class=\"hidden w-full\">\r\n <div class=\"bg-slate-900 border border-slate-800 p-6 rounded-3xl mb-8 w-full text-center\">\r\n <p class=\"text-slate-500 text-xs font-bold uppercase mb-1 text-white text-center\">Ula\u015f\u0131lan Mesafe<\/p>\r\n <p id=\"tm-final-score\" class=\"text-4xl font-black text-red-600 italic text-center\">0m<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <button id=\"tm-btn-restart\" class=\"w-full bg-white text-slate-950 font-black py-4 rounded-2xl text-xl shadow-xl active:scale-95 transition-transform\">\r\n TEKRAR DENE\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-3 bg-slate-950 text-center border-t-2 border-slate-900 shrink-0 z-20\">\r\n <p class=\"text-slate-600 text-[10px] font-bold uppercase tracking-wider italic text-white text-center\">Top parma\u011f\u0131n\u0131 (veya fareyi) birebir takip eder!<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n window.onload = function () {\r\n \r\n const container = document.getElementById('tm-canvas-container');\r\n const scoreDisplay = document.getElementById('tm-score');\r\n \r\n let scene, camera, renderer, ball;\r\n let obstacles = [];\r\n let isPlaying = false;\r\n let score = 0;\r\n const TARGET_DISTANCE = 300;\r\n \r\n \/\/ FPS Lock (60 FPS)\r\n let lastTime = 0;\r\n const fpsInterval = 1000 \/ 60; \r\n\r\n \/\/ F\u0130Z\u0130K VE KESK\u0130N TAK\u0130P AYARLARI\r\n let targetBallX = 0; \/\/ Topun gitmesi gereken hedef X\r\n let ballVelocityY = 0;\r\n let ballIsJumping = false;\r\n const gravity = -0.045; \r\n const jumpForce = 0.70; \r\n let currentSpeed = 0.55; \r\n \r\n let lastSpawnZ = 0;\r\n\r\n let audioCtx = null;\r\n function initAudio() {\r\n if(!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();\r\n if(audioCtx.state === 'suspended') audioCtx.resume();\r\n }\r\n\r\n function playNote(freq, dur = 0.1, type = 'sine') {\r\n if(!audioCtx) return;\r\n const now = audioCtx.currentTime;\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.type = type;\r\n osc.frequency.setValueAtTime(freq, now);\r\n gain.gain.setValueAtTime(0.05, now);\r\n gain.gain.exponentialRampToValueAtTime(0.001, now + dur);\r\n osc.connect(gain); gain.connect(audioCtx.destination);\r\n osc.start(now); osc.stop(now + dur);\r\n }\r\n\r\n function init3D() {\r\n scene = new THREE.Scene();\r\n scene.background = new THREE.Color(0x020617);\r\n scene.fog = new THREE.FogExp2(0x020617, 0.04);\r\n\r\n const aspect = container.clientWidth \/ container.clientHeight;\r\n camera = new THREE.PerspectiveCamera(70, aspect, 0.1, 1000);\r\n camera.position.set(0, 5, 10);\r\n camera.lookAt(0, 0, -5);\r\n\r\n renderer = new THREE.WebGLRenderer({ antialias: true });\r\n renderer.setSize(container.clientWidth, container.clientHeight);\r\n renderer.shadowMap.enabled = true;\r\n container.appendChild(renderer.domElement);\r\n\r\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.8);\r\n scene.add(ambientLight);\r\n\r\n const sunLight = new THREE.DirectionalLight(0xffaa00, 1.0);\r\n sunLight.position.set(5, 15, 5);\r\n sunLight.castShadow = true;\r\n scene.add(sunLight);\r\n\r\n const ballGeo = new THREE.SphereGeometry(0.5, 32, 32);\r\n const ballMat = new THREE.MeshPhongMaterial({ color: 0xff4444, shininess: 150 });\r\n ball = new THREE.Mesh(ballGeo, ballMat);\r\n ball.position.y = 0.5;\r\n ball.castShadow = true;\r\n scene.add(ball);\r\n\r\n createTrack();\r\n }\r\n\r\n function createTrack() {\r\n const trackGeo = new THREE.PlaneGeometry(12, 1500); \r\n const trackMat = new THREE.MeshPhongMaterial({ color: 0x1e293b });\r\n const track = new THREE.Mesh(trackGeo, trackMat);\r\n track.rotation.x = -Math.PI \/ 2;\r\n track.position.z = -700;\r\n track.receiveShadow = true;\r\n scene.add(track);\r\n\r\n for(let i = 0; i < 100; i++) {\r\n const lineGeo = new THREE.PlaneGeometry(0.2, 5);\r\n const lineMat = new THREE.MeshBasicMaterial({ color: 0xffffff, transparent: true, opacity: 0.2 });\r\n const line = new THREE.Mesh(lineGeo, lineMat);\r\n line.rotation.x = -Math.PI \/ 2;\r\n line.position.set(0, 0.02, -i * 15);\r\n scene.add(line);\r\n }\r\n }\r\n\r\n function spawnObstacle() {\r\n const rand = Math.random();\r\n let type, geo, mat, obs;\r\n const lanes = [-3.8, 0, 3.8];\r\n const lane = lanes[Math.floor(Math.random() * lanes.length)];\r\n\r\n if (rand < 0.25) {\r\n type = 'log';\r\n geo = new THREE.BoxGeometry(9.0, 0.9, 0.9);\r\n mat = new THREE.MeshPhongMaterial({ color: 0x78350f });\r\n } else if (rand < 0.70) {\r\n type = 'box';\r\n geo = new THREE.BoxGeometry(1.8, 1.8, 1.8);\r\n mat = new THREE.MeshPhongMaterial({ color: 0xef4444 });\r\n } else {\r\n type = 'wall';\r\n geo = new THREE.BoxGeometry(5.5, 1.2, 0.6); \r\n mat = new THREE.MeshPhongMaterial({ color: 0x3b82f6 });\r\n }\r\n\r\n obs = new THREE.Mesh(geo, mat);\r\n obs.position.z = ball.position.z - 45 - (Math.random() * 15);\r\n \r\n if (type === 'log') {\r\n const logOffsets = [-1.5, 0, 1.5];\r\n obs.position.x = logOffsets[Math.floor(Math.random() * logOffsets.length)];\r\n } else if (type === 'wall') {\r\n obs.position.x = (Math.random() > 0.5 ? -3.0 : 3.0);\r\n } else {\r\n obs.position.x = lane;\r\n }\r\n \r\n obs.position.y = geo.parameters.height \/ 2;\r\n obs.castShadow = true;\r\n obs.receiveShadow = true;\r\n \r\n scene.add(obs);\r\n obstacles.push(obs);\r\n lastSpawnZ = ball.position.z;\r\n }\r\n\r\n function update() {\r\n if (!isPlaying) return;\r\n\r\n currentSpeed = 0.55 + (score \/ 800); \r\n ball.position.z -= currentSpeed;\r\n ball.rotation.x -= currentSpeed \/ 0.4;\r\n\r\n camera.position.z = ball.position.z + 8.5;\r\n camera.position.x = ball.position.x * 0.5; \r\n\r\n \/\/ --- KESK\u0130N TAK\u0130P S\u0130STEM\u0130 ---\r\n \/\/ Hedef pozisyona yumu\u015fatma (lerp) uyguluyoruz ama de\u011fer \u00e7ok y\u00fcksek oldu\u011fu i\u00e7in keskin hissettiriyor.\r\n ball.position.x += (targetBallX - ball.position.x) * 0.45; \r\n ball.position.x = Math.max(-5.3, Math.min(5.3, ball.position.x));\r\n\r\n if (ballIsJumping) {\r\n ball.position.y += ballVelocityY;\r\n ballVelocityY += gravity;\r\n if (ball.position.y <= 0.5) {\r\n ball.position.y = 0.5;\r\n ballIsJumping = false;\r\n ballVelocityY = 0;\r\n }\r\n }\r\n\r\n score = Math.abs(Math.floor(ball.position.z \/ 2.5));\r\n scoreDisplay.innerText = `${score} \/ ${TARGET_DISTANCE}m`;\r\n\r\n if (score >= TARGET_DISTANCE) endGame(true);\r\n\r\n if (Math.abs(ball.position.z - lastSpawnZ) > 13 && obstacles.length < 12) {\r\n if(Math.random() < 0.25) spawnObstacle();\r\n }\r\n\r\n for (let i = obstacles.length - 1; i >= 0; i--) {\r\n const obs = obstacles[i];\r\n const dx = Math.abs(ball.position.x - obs.position.x);\r\n const dy = Math.abs(ball.position.y - obs.position.y);\r\n const dz = Math.abs(ball.position.z - obs.position.z);\r\n\r\n const hitX = dx < (obs.geometry.parameters.width\/2 + 0.4);\r\n const hitY = dy < (obs.geometry.parameters.height\/2 + 0.4);\r\n const hitZ = dz < (obs.geometry.parameters.depth\/2 + 0.4);\r\n\r\n if (hitX && hitY && hitZ) endGame(false);\r\n\r\n if (obs.position.z > ball.position.z + 10) {\r\n scene.remove(obs);\r\n obstacles.splice(i, 1);\r\n }\r\n }\r\n }\r\n\r\n function animate(currentTime) {\r\n requestAnimationFrame(animate);\r\n if (!isPlaying && scene) {\r\n renderer.render(scene, camera);\r\n return;\r\n }\r\n const elapsed = currentTime - lastTime;\r\n if (elapsed > fpsInterval) {\r\n lastTime = currentTime - (elapsed % fpsInterval);\r\n update();\r\n renderer.render(scene, camera);\r\n }\r\n }\r\n\r\n function jump() {\r\n if (!ballIsJumping && isPlaying) {\r\n ballIsJumping = true;\r\n ballVelocityY = jumpForce;\r\n playNote(350, 0.1, 'triangle');\r\n }\r\n }\r\n\r\n \/\/ --- INPUT Y\u00d6NET\u0130M\u0130 (KESK\u0130N TAK\u0130P \u0130\u00c7\u0130N) ---\r\n\r\n function handlePositionUpdate(clientX) {\r\n if (!isPlaying) return;\r\n const rect = container.getBoundingClientRect();\r\n \/\/ Ekrana olan oran\u0131 bul (0 ile 1 aras\u0131)\r\n const ratio = (clientX - rect.left) \/ rect.width;\r\n \/\/ Bu oran\u0131 yol geni\u015fli\u011fi ile e\u015fle (-5.3 ile 5.3 aras\u0131)\r\n targetBallX = (ratio * 10.6) - 5.3;\r\n }\r\n\r\n container.addEventListener('mousedown', (e) => {\r\n if (e.button === 0) jump();\r\n });\r\n\r\n container.addEventListener('mousemove', (e) => {\r\n handlePositionUpdate(e.clientX);\r\n });\r\n\r\n container.addEventListener('touchstart', (e) => {\r\n jump();\r\n handlePositionUpdate(e.touches[0].clientX);\r\n }, { passive: true });\r\n\r\n container.addEventListener('touchmove', (e) => {\r\n handlePositionUpdate(e.touches[0].clientX);\r\n }, { passive: true });\r\n\r\n window.addEventListener('keydown', (e) => {\r\n if (e.code === 'Space') jump();\r\n \/\/ Klavye kontrolleri de keskin olsun diye an\u0131nda hedefi kayd\u0131r\u0131yoruz\r\n if (e.code === 'ArrowLeft') targetBallX = Math.max(-5.3, targetBallX - 1.5);\r\n if (e.code === 'ArrowRight') targetBallX = Math.min(5.3, targetBallX + 1.5);\r\n });\r\n\r\n function startGame() {\r\n initAudio();\r\n if (!scene) init3D();\r\n \r\n score = 0;\r\n ball.position.set(0, 0.5, 0);\r\n targetBallX = 0;\r\n ballVelocityY = 0;\r\n ballIsJumping = false;\r\n obstacles.forEach(o => scene.remove(o));\r\n obstacles = [];\r\n currentSpeed = 0.55;\r\n lastSpawnZ = 0;\r\n lastTime = performance.now();\r\n \r\n document.getElementById('tm-overlay-start').classList.add('hidden');\r\n document.getElementById('tm-overlay-result').classList.add('hidden');\r\n \r\n isPlaying = true;\r\n animate(performance.now());\r\n }\r\n\r\n function endGame(win) {\r\n isPlaying = false;\r\n const overlay = document.getElementById('tm-overlay-result');\r\n const winContent = document.getElementById('tm-win-content');\r\n const loseContent = document.getElementById('tm-lose-content');\r\n const title = document.getElementById('tm-result-title');\r\n const icon = document.getElementById('tm-result-icon');\r\n\r\n overlay.classList.remove('hidden');\r\n overlay.classList.add('flex');\r\n\r\n if (win) {\r\n title.innerText = \"SES DUVARINI A\u015eTIN!\";\r\n icon.innerText = \"\u26a1\";\r\n winContent.classList.remove('hidden');\r\n loseContent.classList.add('hidden');\r\n document.getElementById('tm-prize-code').innerText = \"SONIC-300\";\r\n confetti({ particleCount: 300, spread: 100, origin: { y: 0.6 }, zIndex: 100 });\r\n playNote(650, 0.5, 'sine');\r\n } else {\r\n title.innerText = \"YOK OLDUK!\";\r\n icon.innerText = \"\ud83d\udca5\";\r\n winContent.classList.add('hidden');\r\n loseContent.classList.remove('hidden');\r\n loseContent.classList.add('flex');\r\n document.getElementById('tm-final-score').innerText = Math.floor(score) + \"m gidildi\";\r\n playNote(70, 0.7, 'sawtooth');\r\n }\r\n }\r\n\r\n document.getElementById('tm-btn-start').onclick = startGame;\r\n document.getElementById('tm-btn-restart').onclick = startGame;\r\n\r\n window.addEventListener('resize', () => {\r\n if (renderer) {\r\n renderer.setSize(container.clientWidth, container.clientHeight);\r\n camera.aspect = container.clientWidth \/ container.clientHeight;\r\n camera.updateProjectionMatrix();\r\n }\r\n });\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b18a21 e-flex e-con-boxed e-con e-parent\" data-id=\"4b18a21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5edd414 elementor-widget elementor-widget-heading\" data-id=\"5edd414\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Model Y<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d43107 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9d43107\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.youtube.com\/watch?v=jp0PoHHigEs\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">G\u00fcncellemerleri Al<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ca2b5f e-grid e-con-boxed e-con e-parent\" data-id=\"3ca2b5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-389c0e5 e-con-full e-flex e-con e-child\" data-id=\"389c0e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b2d1f45 e-con-full e-flex e-con e-child\" data-id=\"b2d1f45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3fef2 elementor-widget elementor-widget-heading\" data-id=\"9d3fef2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">568<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d60f39 elementor-widget elementor-widget-heading\" data-id=\"2d60f39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">km<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4c8b10 elementor-widget elementor-widget-text-editor\" data-id=\"c4c8b10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Menzil(WLTP)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60db4db e-con-full e-flex e-con e-child\" data-id=\"60db4db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20daed3 e-con-full e-flex e-con e-child\" data-id=\"20daed3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-381e179 elementor-widget elementor-widget-heading\" data-id=\"381e179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">266<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f1132d elementor-widget elementor-widget-heading\" data-id=\"7f1132d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">km<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-077a368 elementor-widget elementor-widget-text-editor\" data-id=\"077a368\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>15 Dakikada \u015farj<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5154d16 e-con-full e-flex e-con e-child\" data-id=\"5154d16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ce98bc5 e-con-full e-flex e-con e-child\" data-id=\"ce98bc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0299eb elementor-widget elementor-widget-heading\" data-id=\"e0299eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AWD<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e24b632 elementor-widget elementor-widget-text-editor\" data-id=\"e24b632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00c7ift Motor<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f21bd e-con-full e-flex e-con e-parent\" data-id=\"67f21bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-594036f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"594036f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/model-y-29-1-riy4teweetq7mnlbf4x8xw86sa1ugzhncskuuy85ww.jpg\" title=\"model-y-29.jpg\" alt=\"model-y-29.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eef0563 e-flex e-con-boxed e-con e-parent\" data-id=\"eef0563\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b8c6f4 elementor-widget elementor-widget-spacer\" data-id=\"3b8c6f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-565c752 elementor-widget elementor-widget-heading\" data-id=\"565c752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">U\u00e7tan Uca Yeniden Tasarland\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25caa92 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"25caa92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00d6n tampondan arka lambaya kadar olan d\u0131\u015f y\u00fczey, her \u015farjda en fazla menzili elde edebilmeniz i\u00e7in maksimum verimlilik sa\u011flayacak \u015fekilde tamamen yeniden tasarland\u0131. G\u00fcncellenen s\u00fcspansiyon, jantlar ve lastikler ile s\u00fcr\u00fc\u015f\u00fcn\u00fcz daha yumu\u015fak ve daha sessiz olacak.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9098aa e-flex e-con-boxed e-con e-parent\" data-id=\"b9098aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ca6dc elementor-widget elementor-widget-spacer\" data-id=\"b0ca6dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a14e395 elementor-pagination-type-progressbar elementor-arrows-position-inside elementor-widget elementor-widget-n-carousel\" data-id=\"a14e395\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"c41bf24"},{"slide_title":"Slide #2","_id":"375c7ce"},{"slide_title":"Slide #3","_id":"db905cd"}],"slides_to_show":"1","offset_sides":"both","speed":600,"pagination":"progressbar","slides_to_show_tablet":"2","slides_to_show_mobile":"1","infinite":"yes","offset_width":{"unit":"px","size":80,"sizes":[]},"offset_width_tablet":{"unit":"px","size":"","sizes":[]},"offset_width_mobile":{"unit":"px","size":"","sizes":[]},"arrows":"yes","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01df6ee e-con-full e-flex e-con e-child\" data-id=\"01df6ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-19b0626 e-con-full e-flex e-con e-child\" data-id=\"19b0626\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1079a2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"d1079a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Carousel1-scaled-1-1-riy4teweetq7mnlbf4x8xw86sa1ugzhncskuuy85ww.jpg\" title=\"Carousel1-scaled-1.jpg\" alt=\"Carousel1-scaled-1.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f275640 elementor-widget elementor-widget-heading\" data-id=\"f275640\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c7ok Daha Sessiz<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9800417 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"9800417\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>G\u00fcncellenen jant ve lastik packeti daha yumu\u015fak bir s\u00fcr\u00fc\u015f deneyimi sunar. Yeniden tasarlanan g\u00f6vde d\u00f6k\u00fcmleri, daha az bo\u015fluk i\u00e7in par\u00e7a say\u0131s\u0131n\u0131 70’ten 1’e d\u00fc\u015f\u00fcr\u00fcr. Tech ama\u00e7, f\u0131s\u0131lt\u0131 d\u00fczeyinde sessiz bir s\u00fcr\u00fc\u015f yap\u0131lmas\u0131n\u0131 sa\u011flamak.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b7b77d e-con-full e-flex e-con e-child\" data-id=\"7b7b77d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e949fa3 e-con-full e-flex e-con e-child\" data-id=\"e949fa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dd2d84 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"3dd2d84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Carousel2-scaled-1-1-riy4thpwzbu2lhh7yo54ndikkfny42sud6jbas3ze8.jpg\" title=\"Carousel2-scaled-1.jpg\" alt=\"Carousel2-scaled-1.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38dc2d3 elementor-widget elementor-widget-heading\" data-id=\"38dc2d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Daha Verimli<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a755b1 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"6a755b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Menzil, performans ve uzun \u00f6m\u00fcrl\u00fcl\u00fc\u011f\u00fc artt\u0131rmak i\u00e7in yeniden tasarland\u0131.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f3df0d e-con-full e-flex e-con e-child\" data-id=\"1f3df0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8a07046 e-con-full e-flex e-con e-child\" data-id=\"8a07046\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f962b5b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"f962b5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Carousel3-scaled-1-1-riy4tfu8lnrhy9jy9nbvidzndnx7ooldox8cc86rqo.jpg\" title=\"Carousel3-scaled-1.jpg\" alt=\"Carousel3-scaled-1.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e65790e elementor-widget elementor-widget-heading\" data-id=\"e65790e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fark Yaratan Ayd\u0131nlatma<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07841c2 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"07841c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tek par\u00e7a ve ara\u00e7 boyunca uzanan lambam\u0131z, t\u00fcr\u00fcn\u00fcn ilk dolayl\u0131 yans\u0131t\u0131c\u0131 g\u00f6vde paneli arka lambas\u0131d\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b070e7 e-con-full e-flex e-con e-parent\" data-id=\"9b070e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947bc95 elementor-widget elementor-widget-video\" data-id=\"947bc95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=jp0PoHHigEs","start":20,"end":22,"video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c37856 e-flex e-con-boxed e-con e-parent\" data-id=\"6c37856\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9329bd8 elementor-widget elementor-widget-heading\" data-id=\"9329bd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Yepyeni \u0130\u00e7 Mekan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57b9dae elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"57b9dae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Kaliteli malzemeler, geli\u015fmi\u015f \u00f6zelliklerle b\u00fct\u00fcnle\u015ferek ara\u00e7ta yolculu\u011fun verdi\u011fi hisse ili\u015fkin alg\u0131n\u0131z\u0131 de\u011fi\u015ftiren, yeniden tasarlayan bir kabin ortam\u0131 yarat\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-968801a e-grid e-con-full e-con e-parent\" data-id=\"968801a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2469f9 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c2469f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-bullhorn\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tHacimsel Ses D\u00fczeni\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u0130\u00e7eri girin, kap\u0131y\u0131 kapat\u0131n ve \u00f6zel tasar\u0131m akustik cam\u0131n sundu\u011fu muazzam sessizli\u011fi deneyimleyin. En sevdi\u011finiz \u015fark\u0131lar\u0131 listeleyin ve kendi \u00f6zel ses st\u00fcdyonuza d\u00f6n\u00fc\u015fen kabinde dinleyin.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c27c3b elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8c27c3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-procedures\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 224H272c-8.8 0-16 7.2-16 16v144H64V144c0-8.8-7.2-16-16-16H16c-8.8 0-16 7.2-16 16v352c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48h512v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V336c0-61.9-50.1-112-112-112zM136 96h126.1l27.6 55.2c5.9 11.8 22.7 11.8 28.6 0L368 51.8 390.1 96H512c8.8 0 16-7.2 16-16s-7.2-16-16-16H409.9L382.3 8.8C376.4-3 359.6-3 353.7 8.8L304 108.2l-19.9-39.8c-1.4-2.7-4.1-4.4-7.2-4.4H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm24 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tT\u00fcm Koltuklarda Konfor\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tOn ve arka dokunmatik ekranlar, t\u00fcm klima ve e\u011flence ayarlar\u0131na eri\u015febilmenizi sa\u011flar. Is\u0131tmal\u0131 ve havaland\u0131rmal\u0131 koltuklar, elektrikli yat\u0131r\u0131labilir \u00f6zelli\u011fi ve yumu\u015fak dokunu\u015flu kuma\u015flar ilave konfor sa\u011flar.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9edcf10 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"9edcf10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-bluetooth-b\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M196.48 260.023l92.626-103.333L143.125 0v206.33l-86.111-86.111-31.406 31.405 108.061 108.399L25.608 368.422l31.406 31.405 86.111-86.111L145.84 512l148.552-148.644-97.912-103.333zm40.86-102.996l-49.977 49.978-.338-100.295 50.315 50.317zM187.363 313.04l49.977 49.978-50.315 50.316.338-100.294z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\u00c7ok Daha Fazla Ba\u011flant\u0131l\u0131\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAramalar nettir. Veriler h\u0131zl\u0131ca indirilir. Kap\u0131lar\u0131n ve bagajlar\u0131n kilidi yakla\u015ft\u0131\u011f\u0131n\u0131zda a\u00e7\u0131l\u0131r. Geli\u015ftirilmi\u015f ba\u011flant\u0131 ve sinyal menzili, arac\u0131n\u0131zla senkronize olman\u0131z\u0131 sa\u011flar. Bluetooth \u00f6zelli\u011fi yolcular\u0131n e\u011flenmesini sa\u011flar.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ee20c9 e-con-full e-flex e-con e-parent\" data-id=\"8ee20c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce8ad90 elementor-widget elementor-widget-video\" data-id=\"ce8ad90\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=jp0PoHHigEs","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aff31de e-flex e-con-boxed e-con e-parent\" data-id=\"aff31de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-182d403 elementor-widget elementor-widget-heading\" data-id=\"182d403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Geni\u015f Depolama Alan\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa5e73 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"0aa5e73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elektrikli yat\u0131r\u0131labilen ikinci s\u0131ra koltuklar, d\u00fcz bir \u015fekilde katlanarak bagaj alan\u0131n\u0131z\u0131 toplam 2.130 litreden fazla depolama alan\u0131na sahip olacak \u015fekilde geni\u015fletir. T\u00fcm e\u015fyalar\u0131n\u0131z\u0131 kolayca yerle\u015ftirebilmeniz i\u00e7in eller serbest \u00f6zellikli bagaj\u0131n kilidi yakla\u015ft\u0131\u011f\u0131n\u0131zda otomatik olarak a\u00e7\u0131l\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c9b008 e-con-full e-flex e-con e-child\" data-id=\"3c9b008\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0247bc elementor-widget elementor-widget-spacer\" data-id=\"f0247bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db96f02 elementor-pagination-type-bullets elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"db96f02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"carousel_items":[{"slide_title":"Slide #1","_id":"c41bf24"},{"slide_title":"Slide #2","_id":"375c7ce"},{"slide_title":"Slide #3","_id":"db905cd"}],"slides_to_show":"1","offset_sides":"both","slides_to_scroll":"1","offset_width":{"unit":"px","size":90,"sizes":[]},"slides_to_show_tablet":"2","slides_to_show_mobile":"1","autoplay":"yes","autoplay_speed":5000,"pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"offset_width_tablet":{"unit":"px","size":"","sizes":[]},"offset_width_mobile":{"unit":"px","size":"","sizes":[]},"arrows":"yes","pagination":"bullets","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ee23dc e-con-full e-flex e-con e-child\" data-id=\"8ee23dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2d8a614 e-con-full e-flex e-con e-child\" data-id=\"2d8a614\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c11b16 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6c11b16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Model-Y-Standard-FSD-Carousel-Slide-1-Desktop-EMEA-rl9sqxpw73kjddns5w7ankzc84qgls6gp3q156oxkg.avif\" title=\"Model-Y-Standard-FSD-Carousel-Slide-1-Desktop-EMEA\" alt=\"Model-Y-Standard-FSD-Carousel-Slide-1-Desktop-EMEA\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a183928 elementor-widget elementor-widget-heading\" data-id=\"a183928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Full Self-Driving Kabiliyeti<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc285ee elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"bc285ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-0 tcl-freeflow-carousel-container__slide-container--active\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_0\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-content\"><h4 class=\"tcl-text-line tcl-text--h4 tcl-text-family--display tds-text--regular tcl-color-theme-foreground-low-contrast tcl-freeflow-carousel__slide-description\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_0_d_tl\">Daha fazla aktif rehberlik ve aktif g\u00f6zetiminiz alt\u0131nda destekli s\u00fcr\u00fc\u015f sa\u011flamak i\u00e7in tasarlanan daha geli\u015fmi\u015f s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri seti.<sup>3<\/sup><\/h4><\/div><\/div><\/div><div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-1\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_1\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-media-container\">\u00a0<\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5628bb e-con-full e-flex e-con e-child\" data-id=\"c5628bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0d8aabd e-con-full e-flex e-con e-child\" data-id=\"0d8aabd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ff6f90 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"9ff6f90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/Model-Y-Standard-FSD-Carousel-Slide-2-Desktop-rl9sr0jerloec7jopff6d29q0ack8vhnphohl0kr1s.avif\" title=\"Model-Y-Standard-FSD-Carousel-Slide-2-Desktop\" alt=\"Model-Y-Standard-FSD-Carousel-Slide-2-Desktop\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81aa119 elementor-widget elementor-widget-heading\" data-id=\"81aa119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00d6n Kameralar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30d8b75 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"30d8b75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-1 tcl-freeflow-carousel-container__slide-container--active\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_1\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-content\"><h4 class=\"tcl-text-line tcl-text--h4 tcl-text-family--display tds-text--regular tcl-color-theme-foreground-low-contrast tcl-freeflow-carousel__slide-description\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_1_d_tl\">Daha fazla g\u00fcvenlik, daha kolay park ve Actually Smart Summon gibi s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri i\u00e7in geli\u015fmi\u015f g\u00f6r\u00fc\u015f.<\/h4><\/div><\/div><\/div><div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-2\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_2\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-media-container\"><div class=\"tcl-react-video tds-video-player tcl-react-media tcl-clip tcl-freeflow-carousel__slide-media tds-clip-top-left tcl-media--rounded-corners\">\u00a0<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e953364 e-con-full e-flex e-con e-child\" data-id=\"e953364\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2e4e68f e-con-full e-flex e-con e-child\" data-id=\"2e4e68f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a10e66 elementor-widget elementor-widget-video\" data-id=\"4a10e66\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=jp0PoHHigEs","video_type":"youtube","controls":"yes"}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6bd65 elementor-widget elementor-widget-heading\" data-id=\"ff6bd65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">K\u00f6r nokta izleme\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c2919d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"8c2919d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div id=\"Standard-Autonomy\" class=\"tcl-section\" data-unique-id=\"Standard-Autonomy\" data-section-id=\"1f27fd8e-f933-4db0-b13d-e6b411c8d60e\"><section class=\"tcl-container--no-inline-padding tds-content_container tcl-container tcl-section-padding tcl-layout--one-column\"><div class=\"tds-flex\"><div class=\"tds-flex-item\"><div class=\"block block-layout-builder block-inline-blockfreeflow-carousel\"><section id=\"tesla_freeflow_slides_189\" class=\"tcl-component-padding\" data-gtm-key=\"tesla-freeflow-slides-189\"><div id=\"react-data-tesla_freeflow_slides_189\" class=\"drupal-freeflow-carousel tcl-react-glue-container\" data-component-status=\"initialized\"><div><section class=\"tcl-freeflow-carousel__container\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc\"><div class=\"tcl-freeflow-carousel tcl-freeflow-carousel--medium tcl-freeflow-carousel--mandatory-scroll-snap\"><div class=\"tcl-freeflow-carousel-container__slides\"><div class=\"tcl-freeflow-carousel-container__slide-container tcl-freeflow-carousel-container__slide-container-2 tcl-freeflow-carousel-container__slide-container--active\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_2\"><div class=\"tcl-freeflow-carousel__slide tcl-freeflow-carousel__slide--layout-asset-block-start\"><div class=\"tcl-freeflow-carousel__slide-content\"><h4 class=\"tcl-text-line tcl-text--h4 tcl-text-family--display tds-text--regular tcl-color-theme-foreground-low-contrast tcl-freeflow-carousel__slide-description\" data-tcl-gtm-drawer=\"tesla-freeflow-slides-189_ffc_2_d_tl\">I\u015f\u0131kl\u0131 fla\u015f\u00f6rler ve ekran g\u00f6rselle\u015ftirmeleri, \u00e7evrenizi g\u00fcvenle kontrol etmenize yard\u0131mc\u0131 olur.<\/h4><\/div><\/div><\/div><\/div><p>\u00a0<\/p><\/div><\/section><\/div><\/div><\/section><\/div><\/div><\/div><\/section><\/div><div id=\"Standard-Specs\" class=\"tcl-section tds-scrim--black tds-colorscheme--dark\" data-unique-id=\"Standard-Specs\" data-section-id=\"ce9a2b32-730f-4ebf-a3d5-bd591976c1eb\"><section class=\"tcl-container--no-inline-padding tds-content_container tcl-container tcl-section-padding tcl-layout--one-column\"><div class=\"tds-flex\"><div class=\"tds-flex-item\"><div class=\"block block-layout-builder block-inline-blockspecs-table\"><section class=\"tcl-specs-table tds-scrim--black tds-colorscheme--dark\" data-gtm-key=\"tesla-specs-table-1000\" data-component-status=\"initialized\"><section class=\"tds-layout tcl-layout tcl-layout--spacious tds-layout--constrained tcl-specs-table__layout\"><section class=\"tds-layout-main tcl-layout__main\"><section class=\"tcl-tab-list\"><div class=\"tcl-tab-list__wrapper\"><div class=\"tcl-tab-list__heading\">\u00a0<\/div><\/div><\/section><\/section><\/section><\/section><\/div><\/div><\/div><\/section><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10f78cb e-con-full e-flex e-con e-parent\" data-id=\"10f78cb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-e2cd502 e-con-full e-flex e-con e-child\" data-id=\"e2cd502\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddeb9fd elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"ddeb9fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/elementor\/thumbs\/tesla-model-y-2025-1-riy4sw3mm50h6gcmgwspk0yywkmi71f0m7j59f01dc.jpg\" title=\"tesla-model-y-2025.jpg\" alt=\"tesla-model-y-2025.jpg\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6a79d8 e-grid e-con-full e-con e-child\" data-id=\"b6a79d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-709a80e elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"709a80e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-wheelchair\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496.101 385.669l14.227 28.663c3.929 7.915.697 17.516-7.218 21.445l-65.465 32.886c-16.049 7.967-35.556 1.194-43.189-15.055L331.679 320H192c-15.925 0-29.426-11.71-31.679-27.475C126.433 55.308 128.38 70.044 128 64c0-36.358 30.318-65.635 67.052-63.929 33.271 1.545 60.048 28.905 60.925 62.201.868 32.933-23.152 60.423-54.608 65.039l4.67 32.69H336c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H215.182l4.572 32H352a32 32 0 0 1 28.962 18.392L438.477 396.8l36.178-18.349c7.915-3.929 17.517-.697 21.446 7.218zM311.358 352h-24.506c-7.788 54.204-54.528 96-110.852 96-61.757 0-112-50.243-112-112 0-41.505 22.694-77.809 56.324-97.156-3.712-25.965-6.844-47.86-9.488-66.333C45.956 198.464 0 261.963 0 336c0 97.047 78.953 176 176 176 71.87 0 133.806-43.308 161.11-105.192L311.358 352z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tHacimsel Ses D\u00fczeni\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDaha fazla aktif rehberlik ve aktif g\u00f6zetiminiz alt\u0131nda destekli s\u00fcr\u00fc\u015f sa\u011flamak i\u00e7in tasarlanan daha geli\u015fmi\u015f s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri seti.3\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58a9e6c elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"58a9e6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-camera\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tT\u00fcm Koltuklarda Konfor\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDaha fazla g\u00fcvenlik, daha kolay park ve Actually Smart Summon gibi s\u00fcr\u00fcc\u00fc yard\u0131m\u0131 \u00f6zellikleri i\u00e7in geli\u015fmi\u015f g\u00f6r\u00fc\u015f.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee03521 elementor-position-inline-start elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"ee03521\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-blind\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.15 510.837a8 8 0 0 1-10.989-2.687l-125.33-206.427a31.923 31.923 0 0 0 12.958-9.485l126.048 207.608a8 8 0 0 1-2.687 10.991zM142.803 314.338l-32.54 89.485 36.12 88.285c6.693 16.36 25.377 24.192 41.733 17.501 16.357-6.692 24.193-25.376 17.501-41.734l-62.814-153.537zM96 88c24.301 0 44-19.699 44-44S120.301 0 96 0 52 19.699 52 44s19.699 44 44 44zm154.837 169.128l-120-152c-4.733-5.995-11.75-9.108-18.837-9.112V96H80v.026c-7.146.003-14.217 3.161-18.944 9.24L0 183.766v95.694c0 13.455 11.011 24.791 24.464 24.536C37.505 303.748 48 293.1 48 280v-79.766l16-20.571v140.698L9.927 469.055c-6.04 16.609 2.528 34.969 19.138 41.009 16.602 6.039 34.968-2.524 41.009-19.138L136 309.638V202.441l-31.406-39.816a4 4 0 1 1 6.269-4.971l102.3 129.217c9.145 11.584 24.368 11.339 33.708 3.965 10.41-8.216 12.159-23.334 3.966-33.708z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\u00c7ok Daha Fazla Ba\u011flant\u0131l\u0131\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tI\u015f\u0131kl\u0131 fla\u015f\u00f6rler ve ekran g\u00f6rselle\u015ftirmeleri, \u00e7evrenizi g\u00fcvenle kontrol etmenize yard\u0131mc\u0131 olur.\n\n\n\n\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-354815d e-grid e-con-full e-con e-child\" data-id=\"354815d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0bf8399 e-con-full e-flex e-con e-child\" data-id=\"0bf8399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41c3fbc elementor-widget elementor-widget-heading\" data-id=\"41c3fbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">G\u00fcvenli\u011finiz \u0130\u00e7in Tasarland\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-377e520 elementor-widget elementor-widget-text-editor\" data-id=\"377e520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ara\u00e7lar\u0131m\u0131z\u0131 d\u00fcnyan\u0131n en g\u00fcvenli arac\u0131 olacak \u015fekilde tasarl\u0131yoruz. Aktif g\u00fcvenlik \u00f6zellikleri, darbe \u015fiddetini azaltmaya veya kazalar\u0131 hepten \u00f6nlemeye yard\u0131mc\u0131 olabilir. Onden \u00c7arp\u0131\u015fma Uyar\u0131s\u0131, Aktif Acil Frenleme ve \u015eeritten Ayr\u0131lmay\u0131 Onleme standart olarak gelir. Sert g\u00f6vde yap\u0131s\u0131 \u00e7arp\u0131\u015fma enerjisini daha iyi emerken, hava yast\u0131klar\u0131 yolcular\u0131 korumaya yard\u0131mc\u0131 olur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b26a035 e-con-full e-flex e-con e-child\" data-id=\"b26a035\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47d8601 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"47d8601\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"457\" src=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/2026\/03\/PERT_BELGELI_ARAC_01.jpg\" class=\"attachment-full size-full wp-image-915\" alt=\"\" srcset=\"https:\/\/alperen.405found.tr\/wp-content\/uploads\/2026\/03\/PERT_BELGELI_ARAC_01.jpg 730w, https:\/\/alperen.405found.tr\/wp-content\/uploads\/2026\/03\/PERT_BELGELI_ARAC_01-300x188.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u015eansl\u0131 Kart\u0131n\u0131 Se\u00e7 G\u00fcn\u00fcn \u015eansl\u0131s\u0131 S\u00fcrpriz indirimini kap! \u0130\u00e7inden gelen kart\u0131 se\u00e7, g\u00fcn\u00fcn s\u00fcrprizi ve sana \u00f6zel mesaj\u0131n ortaya \u00e7\u0131ks\u0131n. S\u00fcrprizSenin! S\u00fcrprizSenin! S\u00fcrprizSenin! \ud83c\udf89 G\u00fcn\u00fcn Fal\u0131 \u0130\u015fte sana \u00f6zel mesaj\u0131n ve s\u00fcrprizin: “Mesaj buraya gelecek.” Fal\u0131m\u0131 Ald\u0131m, Men\u00fcye D\u00f6n Lezzet E\u015fle\u015ftirme Hedef 6 E\u015fle\u015fme Lezzet Haf\u0131zas\u0131 0 \/ 6 30 \ud83e\udde0 Lezzet E\u015fle\u015ftirme Kartlar\u0131 \u00e7evir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-809","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages\/809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=809"}],"version-history":[{"count":244,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages\/809\/revisions"}],"predecessor-version":[{"id":1247,"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=\/wp\/v2\/pages\/809\/revisions\/1247"}],"wp:attachment":[{"href":"https:\/\/alperen.405found.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}