/* © 2026 Cep Oyunları – cepoyunlari.com. Tüm hakları saklıdır. */
:root{--font-baslik:"Unbounded","Arial Black",system-ui,sans-serif;--font-govde:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--y-12:12px;--y-14:14px;--y-16:16px;--y-20:20px;--y-24:24px;--y-32:32px;--y-44:44px;--satir-sik:1.15;--satir:1.5;--satir-uzun:1.6;--b-4:4px;--b-8:8px;--b-12:12px;--b-16:16px;--b-24:24px;--b-32:32px;--b-48:48px;--k-kucuk:8px;--k-kart:16px;--k-tam:999px;--sure:.18s;--egri:cubic-bezier(.2,.7,.2,1);color-scheme:dark;--zemin:#0d1322;--yuzey:#151d31;--yuzey-2:#1e2842;--cizgi:#27324f;--metin-1:#f2eee6;--metin-2:#b7bdcc;--metin-3:#8f98ad;--vurgu:#f0a93a;--vurgu-koyu:#d8901f;--vurgu-ust:#1d1405;--basari:#5fc48c;--uyari:#f0875a;--golge-1:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.22);--golge-2:0 6px 14px rgba(0,0,0,.35),0 18px 36px rgba(0,0,0,.35)}*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:100%}body{margin:0;font:14px/1.4 system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}img{max-width:100%}[hidden]{display:none!important}:root{--yard:#1f272b;--ink:#f6f2e9;--muted:#a7b5ba;--jet:#5fd4ff;--soap:#ff8fc7;--machine:#9ad0c2;--squeegee:#7ee081;--sun:#ffc21f;--card:#1a2125;--phase:var(--jet);--display:"Bagel Fat One","Arial Rounded MT Bold",system-ui,sans-serif;--body:"Figtree",system-ui,-apple-system,sans-serif;color-scheme:dark}html,body{height:100%}body{margin:0;overflow:hidden;color:var(--ink);font-family:var(--body);background:var(--yard)}.app{height:100%;box-sizing:border-box;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px}.meter{flex:none;display:flex;flex-direction:column;gap:6px;padding:0 var(--b-4)}.meter-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.meter-row span{color:var(--phase);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter-row em{font-style:normal;color:var(--ink);font-variant-numeric:tabular-nums}.track{height:12px;border-radius:99px;background:#0006;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.fill{height:100%;width:0;border-radius:99px;background:var(--phase);transition:width .25s ease-out,background-color .3s}@media (orientation:landscape) and (max-height:500px){.app{gap:6px;padding-block:8px}.meter{flex-direction:row;align-items:center;gap:var(--b-8)}.meter-row{display:contents}.track{flex:1;order:1;height:8px}.meter-row em{order:2}}.seq{display:flex;gap:5px}.seg{flex:1;min-width:0;height:28px;border-radius:8px;background:#ffffff0f;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:background .3s,color .3s}.seq.many{gap:3px}.seq.many .seg{font-size:9.5px;letter-spacing:0}.seg.done{background:color-mix(in srgb,var(--c) 30%,transparent);color:var(--ink)}.seg.active{background:var(--c);color:#1a2125}.stage{flex:1;min-height:0;display:grid;place-items:center;position:relative}canvas#game{display:block;touch-action:none;cursor:none;max-width:100%;border-radius:16px;box-shadow:0 10px 30px #00000073}.banner{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-family:var(--display);font-size:clamp(40px,12vw,68px);color:var(--phase);text-shadow:0 4px 0 rgba(0,0,0,.45),0 0 24px rgba(0,0,0,.5);opacity:0;text-align:center}.banner.show{animation:ban 1.4s ease-out forwards}@keyframes ban{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.08)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.05)}}.gauge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#1a2125c7;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);pointer-events:none}.gtrack{width:48px;height:8px;border-radius:99px;background:#ffffff26;overflow:hidden}.gfill{height:100%;width:0;border-radius:99px;background:#a77b4a;transition:width .25s,background-color .25s}.gauge.full .gfill{background:#ff6b4a}.gauge.full{animation:pulse .7s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.06)}}.hint{text-align:center;font-weight:700;color:var(--muted);font-size:15px;min-height:20px;text-wrap:balance}.overlay{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.card{width:min(100%,400px)}.card h2{color:var(--metin-1)}.card p{margin:var(--b-4) 0 0;color:var(--metin-2)}.ba{display:flex;gap:12px;justify-content:center;margin:18px 0 6px}.ba figure{margin:0;display:flex;flex-direction:column;gap:6px;align-items:center}.ba img{width:130px;height:130px;max-width:100%}.ba img{border-radius:var(--k-kucuk)}.ba figcaption{font-size:var(--y-12);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--metin-3)}.coin{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--vurgu);box-shadow:inset 0 0 0 2.5px var(--vurgu-koyu);flex:none;vertical-align:-3px}.stars{font-size:var(--y-32);letter-spacing:4px;color:var(--vurgu);margin-top:var(--b-8);line-height:1}.stars i{font-style:normal;color:var(--cizgi)}.earn{margin-top:var(--b-8);font-weight:700;color:var(--metin-1);font-size:var(--y-16);font-variant-numeric:tabular-nums}.earn small{display:block;font-weight:600;color:var(--metin-2);font-size:var(--y-14);margin-top:2px}.card .btn.odul{width:100%;margin-top:var(--b-16)}.card .cc-ikili{margin-top:var(--b-8)}.card .cc-ikili .btn{width:100%;padding:0 var(--b-12)}.card .btn .cc-nokta{top:6px;right:10px}.gizlilik{text-align:center;font-size:var(--y-12)!important;margin-top:var(--b-8)!important}.gizlilik a{color:var(--metin-3)}#shop,#menu{z-index:21}.card.shopcard{max-height:calc(100% - 32px);overflow:auto;text-align:left}.shopcard h2{text-align:center}.shopgold{display:flex;justify-content:center;margin-top:var(--b-4)!important}#shopList{margin-top:var(--b-12);padding:0 var(--b-16);border-radius:var(--k-kucuk);background:var(--yuzey-2)}.item{display:flex;gap:12px;align-items:center;padding:var(--b-12) 0;border-top:1px solid var(--cizgi)}.item:first-child{border-top:0}.item .txt{flex:1;min-width:0}.item b{font:800 var(--y-16)/1.3 var(--font-govde);color:var(--metin-1)}.item .now{display:block;font-size:var(--y-14);color:var(--metin-1);font-weight:600}.item .nx{display:block;font-size:var(--y-12);color:var(--metin-2);font-weight:600;margin-top:3px}.pips{display:flex;gap:3px;margin-top:5px}.pips i{width:14px;height:5px;border-radius:3px;background:var(--cizgi)}.pips i.on{background:var(--vurgu)}.buy{flex:none;min-width:80px;min-height:44px;border:0;border-radius:var(--k-tam);padding:0 var(--b-12);font:800 var(--y-14) var(--font-govde);font-variant-numeric:tabular-nums;background:var(--vurgu);color:var(--vurgu-ust);display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--golge-1);transition:background-color var(--sure) var(--egri),transform var(--sure) var(--egri)}@media (hover:hover) and (pointer:fine){.buy:not(:disabled):hover{background:var(--vurgu-koyu)}}.buy:not(:disabled):active{transform:translateY(1px);box-shadow:none}.buy .coin{background:var(--vurgu-ust);box-shadow:inset 0 0 0 2.5px var(--vurgu-koyu)}.buy.odul{background:transparent;color:var(--vurgu);box-shadow:inset 0 0 0 1.5px var(--vurgu)}.buy:disabled{background:transparent;color:var(--metin-3);box-shadow:inset 0 0 0 1px var(--cizgi);cursor:default}.buy:disabled .coin{background:var(--metin-3);box-shadow:none}.buy:focus-visible,.trybtn:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}.tri{display:inline-block;width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;flex:none}.trybtn{position:absolute;right:10px;bottom:10px;min-height:44px;border:0;border-radius:var(--k-tam);padding:0 var(--b-16);font:700 var(--y-14) var(--font-govde);background:var(--cc-cam);color:var(--metin-1);box-shadow:inset 0 0 0 1.5px var(--vurgu);display:flex;gap:var(--b-8);align-items:center;cursor:pointer;max-width:48%}.trybtn .tri{color:var(--vurgu)}.trybtn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trybtn b{color:var(--vurgu)}#odul{z-index:8}.odulkart .odulust{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--muted);margin:0}.odulkutu{margin:14px 0 4px;height:170px;border-radius:14px;border:2px dashed rgba(255,255,255,.2);display:grid;place-items:center;color:var(--muted);font-weight:700;padding:12px;text-wrap:balance}@media (prefers-reduced-motion:reduce){.banner.show{animation:none}.fill{transition:none}}.demo .top,.demo .meter,.demo .seq,.demo .hint,.demo .banner,.demo .gauge,.demo .trybtn{display:none!important}.demo .app{max-width:none;padding:0;gap:0}.demo canvas#game{border-radius:0;box-shadow:none}:root{--cc-ust-h:52px;--cc-cam:rgba(9,13,24,.74);--cc-perde:rgba(5,8,16,.64);--cc-kenar:rgba(242,238,230,.26);--cc-ust-renk:rgba(255,255,255,.08)}.cc-ust{position:relative;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--b-4);width:100%;height:var(--cc-ust-h);min-height:var(--cc-ust-h);flex:none;padding:0 var(--b-4);border-radius:var(--k-kart);background:var(--cc-cam);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);color:var(--metin-1);font-family:var(--font-govde)}.cc-ad{min-width:0;text-align:center;line-height:var(--satir-sik)}.cc-ad b,.cc-ad h1{display:block;margin:0;font:800 var(--y-16)/var(--satir-sik) var(--font-govde);color:var(--metin-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ad span{display:block;margin-top:2px;font:700 var(--y-12)/1.3 var(--font-govde);color:var(--metin-2);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ad span i{font-style:normal}.cc-sag{display:flex;align-items:center;gap:var(--b-4)}.cc-ikon,.cc-ev{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:var(--k-tam);background:transparent;color:var(--metin-1);text-decoration:none;cursor:pointer;transition:background-color var(--sure) var(--egri)}.cc-ikon svg{width:22px;height:22px}.cc-menu:before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E") center/contain no-repeat}.cc-ev:before{content:"";width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect x='5' y='1.5' width='18' height='25' rx='4.5' fill='%23f2eee6'/%3E%3Crect x='7.5' y='5' width='13' height='16' rx='2' fill='%23f0a93a'/%3E%3Cpath d='M12 9.6v6.8l5.4-3.4z' fill='%231d1405'/%3E%3Ccircle cx='14' cy='23.6' r='1.3' fill='%230d1322'/%3E%3C/svg%3E") center/contain no-repeat}@media (hover:hover) and (pointer:fine){.cc-ikon:hover,.cc-ev:hover{background:var(--cc-ust-renk)}}.cc-ikon:active,.cc-ev:active{background:var(--cc-ust-renk)}.cc-kredi{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--b-12) 0 var(--b-8);border-radius:var(--k-tam);background:var(--yuzey-2);color:var(--metin-1);font:800 var(--y-14)/1 var(--font-govde);font-variant-numeric:tabular-nums;white-space:nowrap}.cc-kredi i{width:16px;height:16px;flex:none;border-radius:50%;background:var(--vurgu);box-shadow:inset 0 0 0 2.5px var(--vurgu-koyu)}.cc-kredi-d{position:relative;height:44px;display:grid;place-items:center;padding:0 2px;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}@media (hover:hover) and (pointer:fine){.cc-kredi-d:hover .cc-kredi{background:var(--cizgi)}}.cc-nokta{position:absolute;top:4px;right:0;width:10px;height:10px;border-radius:50%;background:var(--uyari);box-shadow:0 0 0 2px var(--zemin)}.cc-nokta[hidden]{display:none}.btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:var(--b-8) var(--b-24);border:0;border-radius:var(--k-tam);background:var(--vurgu);color:var(--vurgu-ust);font:700 var(--y-16)/1.25 var(--font-govde);letter-spacing:0;text-align:center;text-decoration:none;text-shadow:none;box-shadow:var(--golge-1);overflow:visible;cursor:pointer;transition:background-color var(--sure) var(--egri),transform var(--sure) var(--egri),box-shadow var(--sure) var(--egri),color var(--sure) var(--egri)}.btn:before,.btn:after{content:none}.btn[hidden],.cc-joker[hidden],.cc-ikon[hidden]{display:none}.btn small{display:block;font:600 var(--y-12)/1.3 var(--font-govde);text-shadow:none;opacity:.8}.btn.alt{background:transparent;color:var(--metin-1);box-shadow:inset 0 0 0 1.5px var(--cc-kenar)}.btn.odul{background:transparent;color:var(--vurgu);box-shadow:inset 0 0 0 1.5px var(--vurgu)}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--vurgu-koyu);transform:translateY(-1px)}.btn.alt:hover,.btn.odul:hover{background:var(--cc-ust-renk)}}.btn:active{transform:translateY(1px);box-shadow:none}.btn.alt:active{box-shadow:inset 0 0 0 1.5px var(--cc-kenar)}.btn.odul:active{box-shadow:inset 0 0 0 1.5px var(--vurgu)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;transform:none;filter:none}.btn:focus-visible,.cc-ikon:focus-visible,.cc-ev:focus-visible,.cc-kredi-d:focus-visible,.cc-joker:focus-visible,.evDon:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}.cc-joker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:var(--b-4) var(--b-8);border:0;border-radius:var(--k-kart);background:var(--cc-cam);color:var(--metin-1);box-shadow:inset 0 0 0 1px var(--cc-kenar);font:700 var(--y-14)/1.15 var(--font-govde);text-shadow:none;cursor:pointer;transition:background-color var(--sure) var(--egri),transform var(--sure) var(--egri)}.cc-joker span{font:700 var(--y-14)/1.15 var(--font-govde)}.cc-joker small{font:600 var(--y-12)/1.2 var(--font-govde);color:var(--metin-2);text-shadow:none}.cc-joker .n{position:absolute;top:-6px;right:-4px;z-index:2;min-width:20px;height:20px;padding:0 6px;border-radius:var(--k-tam);display:grid;place-items:center;background:var(--vurgu);color:var(--vurgu-ust);font:800 var(--y-12)/1 var(--font-govde);font-style:normal;border:0;text-shadow:none}.cc-joker .n.bedava{background:var(--basari);color:var(--vurgu-ust)}.cc-joker .n:empty{display:none}.cc-joker.acik,.cc-joker[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--vurgu);color:var(--vurgu)}.cc-joker.acik small,.cc-joker[aria-pressed=true] small{color:var(--vurgu)}@media (hover:hover) and (pointer:fine){.cc-joker:hover:not(:disabled){background:var(--yuzey-2)}}.cc-joker:active:not(:disabled){transform:translateY(1px)}.cc-joker:disabled{opacity:.45;cursor:default;filter:none}.cc-perde{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:var(--b-16);background:var(--cc-perde);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cc-perde[hidden]{display:none}.pencere,.cc-pencere{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--b-24) var(--b-16) var(--b-16);border:1px solid var(--cizgi);border-radius:var(--k-kart);background:var(--yuzey);color:var(--metin-1);box-shadow:var(--golge-2);text-align:center;font-family:var(--font-govde);animation:cc-gel var(--sure) var(--egri)}.pencere h2,.cc-pencere h2{margin:0 0 var(--b-8);font:600 var(--y-24)/var(--satir-sik) var(--font-baslik);letter-spacing:-.01em;color:var(--metin-1);text-shadow:none;text-wrap:balance}.pencere p,.cc-pencere p{color:var(--metin-2);font-size:var(--y-16);font-weight:500;line-height:var(--satir)}.pencere p b,.cc-pencere p b{color:var(--metin-1)}.cc-panel{margin:var(--b-12) 0;padding:var(--b-12) var(--b-16);border-radius:var(--k-kucuk);background:var(--yuzey-2);color:var(--metin-1);font-size:var(--y-14);font-weight:600;line-height:var(--satir);text-align:left}.cc-eylem{display:grid;gap:var(--b-8);margin-top:var(--b-16)}.cc-eylem .btn{width:100%}.cc-ikili{display:grid;grid-template-columns:1fr 1fr;gap:var(--b-8)}.cc-kapat{position:absolute;top:var(--b-4);right:var(--b-4);width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--k-tam);background:transparent;color:var(--metin-2);font:700 var(--y-20)/1 var(--font-govde);cursor:pointer}@media (hover:hover) and (pointer:fine){.cc-kapat:hover{background:var(--cc-ust-renk);color:var(--metin-1)}}.evDon{display:flex;align-items:center;justify-content:center;gap:var(--b-8);width:max-content;min-height:44px;margin:var(--b-4) auto 0;padding:0 var(--b-16);border:0;border-radius:var(--k-tam);background:transparent;color:var(--metin-2);font:700 var(--y-14)/1.2 var(--font-govde);text-decoration:none;box-shadow:none;cursor:pointer}.evDon:before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11.5h3V21h5.5v-6h3v6H19v-9.5h3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11.5h3V21h5.5v-6h3v6H19v-9.5h3z'/%3E%3C/svg%3E") center/contain no-repeat}@media (hover:hover) and (pointer:fine){.evDon:hover{color:var(--metin-1);background:var(--cc-ust-renk)}}.cc-toast{position:fixed;left:50%;top:calc(var(--cc-ust-h) + 20px + env(safe-area-inset-top,0px));z-index:30;max-width:min(88vw,420px);transform:translate(-50%);padding:var(--b-12) var(--b-16);border-radius:var(--k-kart);background:var(--yuzey-2);border:1px solid var(--cizgi);box-shadow:var(--golge-2);color:var(--metin-1);font:700 var(--y-14)/var(--satir) var(--font-govde);text-align:center;pointer-events:none;animation:cc-toast 2.6s var(--egri) forwards}@keyframes cc-toast{0%{opacity:0;transform:translate(-50%,6px)}8%,82%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes cc-gel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cc-rozet{display:inline-flex;align-items:center;gap:var(--b-4);padding:2px var(--b-8);border-radius:var(--k-tam);background:var(--yuzey-2);color:var(--metin-2);font:800 var(--y-12)/1.5 var(--font-govde);letter-spacing:.04em}.cc-rozet.yeni{background:var(--vurgu);color:var(--vurgu-ust);text-transform:uppercase}.cc-basari{padding:var(--b-8) var(--b-12);border-radius:var(--k-kucuk);background:var(--yuzey-2);color:var(--metin-2);font:600 var(--y-12)/1.35 var(--font-govde);text-align:left;box-shadow:inset 0 0 0 1px var(--cizgi)}.cc-basari b{display:block;font:800 var(--y-14)/1.3 var(--font-govde);color:var(--metin-1)}.cc-basari.acik{box-shadow:inset 0 0 0 1.5px var(--vurgu)}@media (prefers-reduced-motion:reduce){.btn,.cc-joker,.cc-ikon,.cc-ev{transition:none}.btn:hover,.btn:active,.cc-joker:active{transform:none}.pencere,.cc-pencere{animation:none}.cc-toast{animation-name:cc-toast-sabit}}@keyframes cc-toast-sabit{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}