/* Burger Dükkanı */
.bdKap{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#ffcf8a 0,#ffb867 46%,#8a4b22 46%,#6e3a18 100%);touch-action:manipulation;user-select:none;-webkit-user-select:none;color:#fff}
.bdKonfeti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* menü */
.bdMenu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 16px 28px;text-align:center;overflow:auto;background:radial-gradient(circle at 50% 30%,#ffb04a,#c4561b 60%,#5a2a0e)}
.bdLogo{font-size:76px;line-height:1;filter:drop-shadow(0 8px 10px #0006);animation:bdZipla 1.4s ease-in-out infinite}
@keyframes bdZipla{50%{transform:translateY(-10px) rotate(-6deg)}}
.bdMenu h2{font-size:38px;margin:0;text-shadow:0 3px 0 #0006}
.bdAlt{margin:-6px 0 0;opacity:.92;max-width:380px}
.bdStatlar{display:flex;gap:10px;width:100%;max-width:380px}
.bdStat{flex:1;background:#0004;border:1px solid #ffffff2a;border-radius:14px;padding:8px 4px}
.bdStat b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.bdStat small{opacity:.85}
.bdOyna{width:100%;max-width:380px;font-size:22px;padding:16px;border-radius:16px}
.btnBuyuk{font-size:20px;padding:14px 22px}
.bdBolumler{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:400px}
.bdBol{width:44px;height:48px;border-radius:12px;border:2px solid #ffffff44;background:#0004;color:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.bdBol b{font:800 17px 'Baloo 2',Nunito,sans-serif}
.bdBol small{font-size:8px;letter-spacing:-1px}
.bdBol.simdi{border-color:#ffd23f;background:#ffd23f44}

/* oyun düzeni */
.bdOyun{position:absolute;inset:0;display:flex;flex-direction:column}
.bdHud{display:flex;align-items:center;gap:6px;padding:8px;flex:none}
.bdHudBtn{width:36px;height:36px;flex:none;border-radius:10px;border:1px solid #ffffff55;background:#5a2a0ecc;color:#fff;font-size:16px;cursor:pointer}
.bdKutu{flex:1;text-align:center;background:#5a2a0ecc;border-radius:10px;padding:7px 4px;font-weight:800;white-space:nowrap;font-size:15px}
.bdKutu.bdAz{background:#d6332bdd;animation:bdNabiz .5s ease-in-out infinite alternate}
@keyframes bdNabiz{to{transform:scale(1.06)}}
.bdSahne{flex:1.15;min-height:0;position:relative;display:flex;align-items:flex-end;justify-content:center}
.bdTabela{position:absolute;top:2px;left:50%;transform:translateX(-50%);background:#d6332b;border:3px solid #fff;border-radius:10px;padding:2px 14px;font:900 15px 'Baloo 2',Nunito,sans-serif;letter-spacing:2px;box-shadow:0 4px 0 #0003;white-space:nowrap}
.bdMusteri{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:-6px;margin-right:min(130px,30vw)}
.bdMusteri.gel{animation:bdGel .45s cubic-bezier(.2,1.4,.5,1)}
@keyframes bdGel{from{transform:translateX(120vw)}}
.bdMusteri.mutlu .bdYuz{animation:bdMutlu .5s ease-in-out 2}
@keyframes bdMutlu{50%{transform:translateY(-14px) scale(1.08)}}
.bdMusteri.kizgin .bdYuz{animation:bdKizgin .12s linear 6}
@keyframes bdKizgin{50%{transform:translateX(-8px)}}
.bdYuz{font-size:min(110px,22vw,15vh);line-height:1;filter:drop-shadow(0 6px 6px #0004)}
.bdSabir{position:absolute;left:10px;right:10px;bottom:7px;height:8px;border-radius:5px;background:#0003;overflow:hidden}
.bdSabir div{height:100%;width:100%;background:#4fd17a;transition:background .3s}
.bdBalon{position:absolute;bottom:50%;left:calc(100% + 4px);background:#fff;color:#222;border-radius:16px;padding:8px 10px 20px;box-shadow:0 5px 0 #0002;display:flex;align-items:flex-end;gap:6px;min-width:70px}
.bdBalon::before{content:'';position:absolute;left:-10px;bottom:14px;border:8px solid transparent;border-right:12px solid #fff;border-left:0}
.bdSiparis{display:flex;flex-direction:column-reverse;align-items:center;font-size:min(11px,2.1vw,1.45vh)}
.bdSiparis .sKat{transition:opacity .2s}
.bdSiparis .sKat:not(:first-child){margin-bottom:-.3em}
.bdSiparis .sKat.tamam{opacity:.28}
.bdSiparis .sKat.sirada{animation:bdSirada .7s ease-in-out infinite alternate}
@keyframes bdSirada{to{transform:scale(1.12)}}
.bdYanSiparis{display:flex;flex-direction:column;gap:2px;font-size:22px;line-height:1}
.bdYanSiparis span.tamam{opacity:.3}
.bdUyari{position:absolute;bottom:105%;left:50%;transform:translateX(-50%);background:#d6332b;color:#fff;padding:5px 12px;border-radius:12px;font-weight:800;white-space:nowrap;animation:bdUyari 1.2s ease-out forwards;z-index:3}
@keyframes bdUyari{0%{transform:translate(-50%,8px);opacity:0}15%{transform:translate(-50%,0);opacity:1}80%{opacity:1}100%{opacity:0}}
.bdUcan{position:absolute;left:50%;top:38%;transform:translateX(-50%);font:900 30px 'Baloo 2',Nunito,sans-serif;color:#ffe14d;text-shadow:0 3px 0 #0008;animation:bdUcan 1.1s ease-out forwards;pointer-events:none;white-space:nowrap;z-index:4}
@keyframes bdUcan{from{transform:translate(-50%,20px) scale(.6);opacity:0}25%{transform:translate(-50%,0) scale(1.15);opacity:1}to{transform:translate(-50%,-60px);opacity:0}}

/* tezgâh */
.bdTezgah{flex:.95;min-height:0;position:relative;background:linear-gradient(180deg,#e9e4dc 0,#cfc7bb 12%,#b56a35 12%,#8a4b22);border-top:6px solid #fff8ee;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px}
.bdTabak{position:relative;width:min(220px,52vw);height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px}
.bdTabak::after{content:'';position:absolute;bottom:4px;left:4%;right:4%;height:22px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#fff 0 55%,#dcdcdc 56% 100%);box-shadow:0 4px 0 #0003;z-index:0}
.bdBurger{position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;font-size:min(20px,3.6vw,2.6vh);transition:transform .45s ease-in,opacity .45s}
.bdBurger .bKat:not(:first-child){margin-bottom:-.3em}
.bdBurger .bKat.dus{animation:bdDus .22s cubic-bezier(.3,1.5,.6,1)}
@keyframes bdDus{from{transform:translateY(-120px);opacity:.3}}
.bdBurger.gonder{transform:translateY(-38vh) scale(.4);opacity:0}
.bdTepsi{display:flex;flex-direction:column;gap:4px;font-size:min(40px,9vw);min-width:44px}
.bdYanUrun{animation:bdDus .25s ease-out}

/* malzeme düğmeleri */
.bdMalzemeler{flex:none;display:grid;grid-template-columns:repeat(var(--sutun,4),1fr);gap:7px;padding:8px 8px max(10px,env(safe-area-inset-bottom));background:#5a2a0e}
.bdTus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;border-radius:14px;border:0;border-bottom:4px solid #0003;background:#fff6e6;color:#5a2a0e;font:inherit;cursor:pointer;padding:6px 2px;touch-action:manipulation}
.bdTus small{font-weight:800;font-size:12px;line-height:1.1}
.bdTus:active,.bdTus.bas{transform:translateY(2px);border-bottom-width:2px}
.bdTus.salla{animation:bdSalla .3s;background:#ffc2bd}
@keyframes bdSalla{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.bdTus.ipucu{box-shadow:0 0 0 3px #ffd23f,0 0 16px #ffd23f;animation:bdIpucu .8s ease-in-out infinite alternate}
@keyframes bdIpucu{to{box-shadow:0 0 0 3px #ffd23f,0 0 4px #ffd23f}}
.bdTusResim{display:flex;align-items:center;justify-content:center;height:26px;font-size:7px}
.bdTusResim.bdEmoji{font-size:24px}
.bdDurdu .bdOyun{filter:blur(3px)}

/* hamburger katları (boyut: em) */
.kat{width:9em;margin:0 auto;position:relative}
.k_alt{height:1.4em;background:linear-gradient(180deg,#f6c06b,#d98c2e);border-radius:.4em .4em 1.6em 1.6em/.4em .4em 1.1em 1.1em;box-shadow:inset 0 -.2em 0 #b8701f}
.k_ust{height:3em;background:radial-gradient(ellipse .28em .16em at 28% 32%,#fff6dc 70%,#0000 75%),radial-gradient(ellipse .28em .16em at 50% 20%,#fff6dc 70%,#0000 75%),radial-gradient(ellipse .28em .16em at 70% 34%,#fff6dc 70%,#0000 75%),radial-gradient(ellipse .28em .16em at 40% 50%,#fff6dc 70%,#0000 75%),radial-gradient(ellipse .28em .16em at 61% 52%,#fff6dc 70%,#0000 75%),radial-gradient(ellipse .28em .16em at 18% 55%,#fff6dc 70%,#0000 75%),radial-gradient(ellipse .28em .16em at 82% 56%,#fff6dc 70%,#0000 75%),linear-gradient(180deg,#f7c46e,#e0952f 70%,#c97d22);border-radius:50% 50% .6em .6em/85% 85% .6em .6em;box-shadow:inset .5em -.3em 0 #0000000d}
.k_kofte{width:9.5em;height:1.35em;background:radial-gradient(circle at 20% 40%,#8a4a24 .12em,#0000 .14em),radial-gradient(circle at 45% 65%,#8a4a24 .12em,#0000 .14em),radial-gradient(circle at 72% 35%,#8a4a24 .12em,#0000 .14em),linear-gradient(180deg,#7a3c1a,#4f2410);border-radius:.75em;box-shadow:inset 0 .15em 0 #9a5a30}
.k_peynir{width:9.7em;height:1.1em;background:linear-gradient(180deg,#ffd84a,#ffbf1a);clip-path:polygon(0 0,100% 0,100% 45%,92% 45%,88% 100%,84% 45%,58% 45%,54% 85%,50% 45%,24% 45%,19% 100%,14% 45%,0 45%)}
.k_marul{width:10em;height:.9em;background:linear-gradient(180deg,#8fe05a,#4fa52c);clip-path:polygon(0 30%,5% 0,12% 25%,20% 0,28% 28%,36% 0,44% 25%,52% 0,60% 28%,68% 0,76% 25%,84% 0,92% 26%,100% 0,100% 70%,94% 100%,86% 72%,78% 100%,70% 72%,62% 100%,54% 72%,46% 100%,38% 72%,30% 100%,22% 72%,14% 100%,6% 72%,0 100%)}
.k_domates{width:9em;height:.7em;background:radial-gradient(ellipse .25em .12em at 22% 50%,#ffd0b0 70%,#0000 75%),radial-gradient(ellipse .25em .12em at 50% 50%,#ffd0b0 70%,#0000 75%),radial-gradient(ellipse .25em .12em at 78% 50%,#ffd0b0 70%,#0000 75%),linear-gradient(180deg,#ff6b5a,#d6332b);border-radius:.35em}
.k_sogan{width:9em;height:.5em;background:#fbf2ff;border:.13em solid #c39ae0;border-radius:.5em;box-sizing:border-box}
.k_tursu{width:8.6em;height:.55em;background:radial-gradient(ellipse .9em .27em,#7ab83f 80%,#3d7a1c 90%,#0000 95%) 0 50%/2.15em 100% repeat-x}
.k_ketcap{width:8.8em;height:.55em;background:#d61f1f;clip-path:polygon(0 0,100% 0,100% 40%,90% 100%,80% 45%,66% 90%,52% 40%,40% 100%,28% 40%,14% 85%,0 40%)}
@media (max-height:620px){.bdTus{min-height:52px}.bdTus small{font-size:11px}.bdTusResim{height:20px;font-size:5.5px}}
@media (min-width:760px){.bdMalzemeler{max-width:760px;margin:0 auto;width:100%;border-radius:18px 18px 0 0}}

/* sonuç */
.bdSonuc{text-align:center;color:inherit}
.bdBuyuk{font-size:58px;line-height:1}
.bdSonuc h2{margin:6px 0}
.bdYildizlar{font-size:40px;letter-spacing:4px;margin:4px 0 8px}
.bdYildizlar span{filter:grayscale(1) opacity(.3)}
.bdYildizlar span.dolu{filter:none;animation:bdYildiz .5s ease-out both}
.bdYildizlar span.dolu:nth-child(2){animation-delay:.2s}.bdYildizlar span.dolu:nth-child(3){animation-delay:.4s}
@keyframes bdYildiz{from{transform:scale(0) rotate(-90deg)}to{transform:scale(1)}}
.bdSonucSatir{display:flex;gap:8px;justify-content:center;margin:6px 0}
.bdSonucSatir div{flex:1;max-width:110px;background:#0001;border-radius:12px;padding:8px 4px}
.bdSonucSatir b{display:block;font:800 22px 'Baloo 2',Nunito,sans-serif}
.bdSonucSatir small{opacity:.75}