:root{
  --mavi:#2b9bf4;--mavi2:#1769c4;--koyu:#1c2b45;--cerceve:#1f2d47;--yesil:#3fd06e;--yesil2:#1f9e49;--sari:#ffd23f;--sari2:#e89a00;
  --turuncu:#ff9a2e;--turuncu2:#d8650a;--kirmizi:#ff4d4d;--kirmizi2:#c42525;--mor:#9d6bff;--mor2:#6a3fd6;
  --krem:#fff7e6;--krem2:#f3e7cc;--yazi:#1c2b45;--soluk:#6f7f96;
  --oyun:'Lilita One','Fredoka',system-ui,sans-serif;--font:'Fredoka',system-ui,-apple-system,sans-serif;--font2:'Inter',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html,body{margin:0;height:100%;overflow:hidden;background:#7fc456;font-family:var(--font);color:var(--yazi);touch-action:manipulation;user-select:none;-webkit-user-select:none}
button{font-family:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
#app{position:relative;height:100%;max-width:560px;margin:0 auto;overflow:hidden;background:#8fd06a}

/* konturlu oyun yazısı */
.para-kutu b,.elmas-kutu b,.kb-ad,.yuv-btn span,.serit,.al,.gb,.aksiyon,.p-bas h2{text-shadow:0 2px 0 rgba(0,0,0,.35),1px 1px 0 rgba(0,0,0,.25),-1px 1px 0 rgba(0,0,0,.25)}

/* Sahne tam ekran */
#sahne{position:absolute;inset:0}
#cv{position:absolute;inset:0;display:block;touch-action:none}
#katman{position:absolute;inset:0;pointer-events:none}
#katman>*{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}

/* HUD */
#hud{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:flex-start;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) max(10px,env(safe-area-inset-right,0px)) 0 max(10px,env(safe-area-inset-left,0px));pointer-events:none}
#hud>*{pointer-events:auto}
.plaka{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(28,43,69,.92),rgba(20,32,54,.92));border:3px solid #0f1a2e;border-radius:18px;box-shadow:0 4px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.12);color:#fff}
.para-kutu{flex:1;min-width:0;padding:4px 12px 4px 4px}
.coin{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a6,#ffcb1f 55%,#e59a00);border:3px solid #a86a00;color:#8a4f00;font:400 22px var(--oyun);display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.pk-ic{min-width:0}
.para-kutu b{display:block;font:400 26px/1 var(--oyun);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.para-kutu small{display:block;font:700 12px var(--font);color:#7dff9f;margin-top:2px}
.para-kutu.zipla b{animation:zipla .35s}
@keyframes zipla{40%{transform:scale(1.15)}}
.elmas-kutu{flex-shrink:0;padding:5px 6px 5px 8px}
.gem{font-size:22px}
.elmas-kutu b{font:400 21px var(--oyun)}
.arti-k{width:26px;height:26px;border-radius:9px;background:linear-gradient(180deg,#5be38a,#1f9e49);border:2px solid #0f6b2c;font:400 18px/22px var(--oyun);text-align:center;color:#fff}
.ikon-img{width:100%;height:100%;object-fit:contain;display:block}

/* Sol menü */
#solMenu{position:absolute;left:max(10px,env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 74px);z-index:5;display:flex;flex-direction:column;gap:12px}
.sm-sat{display:flex;align-items:center;gap:10px}
.kare-btn{position:relative;width:66px;height:66px;flex-shrink:0;border-radius:18px;border:3px solid var(--cerceve);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 0 var(--cerceve),inset 0 3px 0 rgba(255,255,255,.35);color:#fff}
.kare-btn.mavi{background:linear-gradient(180deg,#56b8ff,#1f7fe0)}
.kare-btn.sari{background:linear-gradient(180deg,#ffe066,#ffae1a)}
.kare-btn.mor{background:linear-gradient(180deg,#b693ff,#6a3fd6)}
.kb-ik.kb-yazi{font-size:30px;line-height:40px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}
.kare-btn.sari.aktif{background:linear-gradient(180deg,#ffb35c,#ff6a1f)}
.kare-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--cerceve)}
.kb-ik{width:34px;height:34px;font-size:28px;line-height:34px;text-align:center}
.kb-ad{font:400 11.5px/1.1 var(--oyun);letter-spacing:.3px;white-space:nowrap}
.kare-btn.hazir{animation:nabiz 1s infinite}
.kare-btn.hazir.mavi{background:linear-gradient(180deg,#6be895,#1f9e49)}
.balon{position:relative;max-width:190px;background:#fff;border:3px solid var(--cerceve);border-radius:14px;padding:6px 10px;font:600 12.5px/1.25 var(--font);box-shadow:0 3px 0 rgba(0,0,0,.2)}
.balon:empty{display:none}
.balon::before{content:"";position:absolute;left:-11px;top:50%;margin-top:-7px;border:7px solid transparent;border-right:9px solid var(--cerceve);border-left:0}
.rozet{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:12px;background:linear-gradient(180deg,#ff6b6b,#e01f1f);border:2px solid #fff;color:#fff;font:400 13px/20px var(--oyun);font-style:normal;padding:0 5px;text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.3)}
@keyframes nabiz{50%{transform:scale(1.08)}}

/* Alt menü */
#alt{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:18px;padding:0 12px calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:none}
.yuv-btn{pointer-events:auto;position:relative;width:78px;height:78px;border-radius:50%;border:3px solid var(--cerceve);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 0 var(--cerceve),inset 0 4px 0 rgba(255,255,255,.35);color:#fff}
.yuv-btn em{font-style:normal;font-size:30px;line-height:1;width:38px;height:38px;display:grid;place-items:center}
.yuv-btn span{font:400 12.5px var(--oyun);letter-spacing:.3px;margin-top:1px}
.yuv-btn.turuncu{background:linear-gradient(180deg,#ffbb5c,#ff7d1a)}
.yuv-btn.mavi{background:linear-gradient(180deg,#56b8ff,#1f7fe0)}
.yuv-btn.yesil{background:linear-gradient(180deg,#6be895,#1f9e49)}
.yuv-btn.on{filter:brightness(1.08);transform:translateY(-3px)}
.yuv-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--cerceve)}
.yuv-btn .rozet{top:-4px;right:-4px}

/* Sahne üstü etiketler */
.etiket{display:flex;align-items:center;gap:5px;background:#fff;border:3px solid var(--cerceve);border-radius:20px;padding:2px 4px 2px 10px;font:400 13px var(--oyun);letter-spacing:.2px;white-space:nowrap;box-shadow:0 3px 0 rgba(0,0,0,.25);z-index:2}
.etiket .bilgi{color:var(--mavi2)}
.etiket .ok{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#c9d3df;color:#fff;font:400 14px var(--oyun);border:2px solid #9fb0c4}
.etiket.alinir .ok{background:linear-gradient(180deg,#5be38a,#1f9e49);border-color:#0f6b2c;animation:nabiz 1.2s infinite}
.etiket.ek{background:linear-gradient(180deg,#fff2b3,#ffd23f)}
.aksiyon{background:linear-gradient(180deg,#ffbb5c,#ff7d1a);border:3px solid var(--cerceve);color:#fff;font:400 14px/1.1 var(--oyun);border-radius:14px;padding:7px 12px;text-align:center;box-shadow:0 4px 0 var(--cerceve);white-space:nowrap;letter-spacing:.3px}
.aksiyon small{display:block;font:400 13px var(--oyun);color:#fff6c2}
.aksiyon.yetmez{background:linear-gradient(180deg,#a9b6c6,#7d8ea3)}
.arti{width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#6be895,#1f9e49);border:3px solid var(--cerceve);color:#fff;font:400 12px/1 var(--oyun);display:grid;place-items:center;box-shadow:0 3px 0 var(--cerceve);text-shadow:0 1px 0 rgba(0,0,0,.4)}
.arti.yetmez{background:linear-gradient(180deg,#a9b6c6,#7d8ea3)}
.ups{display:flex;align-items:center;gap:5px;background:#fff;border:3px solid var(--cerceve);border-radius:16px;padding:3px 4px 3px 8px;font:400 14px var(--oyun);box-shadow:0 4px 0 rgba(0,0,0,.25);animation:cik .25s ease-out;white-space:nowrap;color:#1f9e49}
.ups::after{content:"";position:absolute;left:50%;bottom:-10px;margin-left:-7px;border:7px solid transparent;border-top:8px solid var(--cerceve);border-bottom:0}
.ups .x2{background:linear-gradient(180deg,#ffe066,#ffae1a);border:2px solid #b26b00;border-radius:10px;padding:1px 6px;font-size:12px;color:#5b3a00}
.ups .zaman{position:absolute;left:10px;right:10px;bottom:2px;height:3px;border-radius:2px;background:var(--turuncu);transform-origin:left}
@keyframes cik{from{transform:translate(-50%,-30%) scale(.6);opacity:0}}
.el{font-size:30px;animation:el 1s infinite;pointer-events:none!important;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}
@keyframes el{50%{transform:translate(-50%,-38%)}}
.pbar{width:62px;height:12px;border-radius:7px;background:#1f2d47;border:2px solid #1f2d47;pointer-events:none!important;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.pbar i{display:block;height:100%;border-radius:5px;background:linear-gradient(180deg,#7dffa5,#22b45a)}
.pbar.kirmizi i{background:linear-gradient(180deg,#ff8a8a,#e01f1f)}
.ucan{position:absolute;transform:translate(-50%,-50%);font:400 19px var(--oyun);text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.6);pointer-events:none!important;animation:ucan 1.2s ease-out forwards;white-space:nowrap}
@keyframes ucan{from{opacity:1;transform:translate(-50%,-50%) scale(.8)}20%{transform:translate(-50%,-80%) scale(1.15)}to{opacity:0;transform:translate(-50%,-190%)}}
.dokun-halka{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid #fff;border-radius:50%;pointer-events:none!important;animation:dhalka .45s ease-out forwards;transform:none!important}
@keyframes dhalka{to{width:64px;height:64px;margin:-32px 0 0 -32px;opacity:0}}

/* Panel */
#perde{position:absolute;inset:0;background:rgba(10,20,35,.45);z-index:10}
#panel{position:absolute;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);max-height:76%;background:var(--krem);border:4px solid var(--cerceve);border-radius:26px;z-index:11;display:flex;flex-direction:column;animation:yuksel .22s ease-out;box-shadow:0 8px 0 rgba(0,0,0,.25)}
@keyframes yuksel{from{transform:translateY(30%);opacity:.4}}
.p-bas{position:relative;display:flex;align-items:center;gap:10px;padding:12px 12px 10px;background:linear-gradient(180deg,#56b8ff,#1f7fe0);border-radius:21px 21px 0 0;border-bottom:4px solid var(--cerceve);color:#fff}
.p-bas .pem{width:48px;height:48px;border-radius:14px;background:#fff;border:3px solid var(--cerceve);display:grid;place-items:center;font-size:26px;flex-shrink:0}
.p-bas h2{margin:0;font:400 22px/1.1 var(--oyun);letter-spacing:.4px}
.p-bas p{margin:2px 0 0;font:600 12.5px var(--font);color:#e6f3ff}
.p-kapat{margin-left:auto;width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#ff7a7a,#e01f1f);border:3px solid var(--cerceve);font:400 18px var(--oyun);color:#fff;box-shadow:0 3px 0 var(--cerceve);flex-shrink:0}
.p-kapat.kose{position:absolute;top:-16px;right:-12px;margin:0}
.p-ic{overflow-y:auto;padding:12px 12px 14px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.kart{background:#fff;border:3px solid var(--krem2);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px}
.kart h3{margin:0;font:400 17px var(--oyun);letter-spacing:.3px}
.kart p{margin:0;font:500 13px/1.45 var(--font);color:var(--soluk)}
.istat{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:7px}
.istat div{background:#fff;border:3px solid var(--krem2);border-radius:14px;padding:7px 9px;text-align:center}
.istat small{display:block;font:600 11px var(--font);color:var(--soluk)}
.istat b{font:400 18px var(--oyun);color:var(--yazi)}
.satir{display:flex;align-items:center;gap:10px}
.satir .ad{flex:1;min-width:0}
.satir .ad b{display:block;font:400 16px var(--oyun);letter-spacing:.2px}
.satir .ad small{display:block;font:500 12px/1.35 var(--font);color:var(--soluk)}
.al{flex-shrink:0;min-width:104px;background:linear-gradient(180deg,#6be895,#1f9e49);border:3px solid var(--cerceve);color:#fff;border-radius:14px;padding:7px 12px;font:400 16px/1.1 var(--oyun);box-shadow:0 4px 0 var(--cerceve);text-align:center;letter-spacing:.3px}
.al small{display:block;font:400 14px var(--oyun);color:#fff6c2}
.al:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cerceve)}
.al:disabled{background:linear-gradient(180deg,#c3ccd8,#98a6b8);box-shadow:0 4px 0 #6d7c90;border-color:#6d7c90}
.al.mavi{background:linear-gradient(180deg,#56b8ff,#1f7fe0)}
.al.sari{background:linear-gradient(180deg,#ffe066,#ffae1a)}
.al.mor{background:linear-gradient(180deg,#b693ff,#6a3fd6)}
.al.kirmizi{background:linear-gradient(180deg,#ff7a7a,#e01f1f)}
.toplu{display:grid;grid-template-columns:repeat(4,1fr);background:var(--krem2);border-radius:14px;padding:4px;gap:4px}
.toplu button{border-radius:10px;padding:6px 0;font:400 15px var(--oyun);color:var(--soluk)}
.toplu button.on{background:linear-gradient(180deg,#56b8ff,#1f7fe0);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.ms-cubuk{height:12px;border-radius:7px;background:var(--krem2);overflow:hidden;border:2px solid #e2d3b0}
.ms-cubuk i{display:block;height:100%;background:linear-gradient(180deg,#ffe066,#ff9d1f)}
.kilitli{opacity:.55}
.etk{display:inline-block;font:400 13px var(--oyun);padding:3px 9px;border-radius:9px;background:var(--krem2);color:var(--soluk);white-space:nowrap}
.etk.y{background:#dff7e7;color:var(--yesil2)}.etk.m{background:#e2f0ff;color:var(--mavi2)}.etk.s{background:#fff1c7;color:#9a6200}

/* Pencere */
#modal{position:absolute;inset:0;z-index:20;background:rgba(10,20,35,.6);display:grid;place-items:center;padding:28px 16px}
.mk{position:relative;width:100%;max-width:350px;background:var(--krem);border:4px solid var(--cerceve);border-radius:26px;padding:26px 16px 16px;text-align:center;display:flex;flex-direction:column;gap:10px;animation:cik2 .25s ease-out;box-shadow:0 8px 0 rgba(0,0,0,.3)}
@keyframes cik2{from{transform:scale(.8);opacity:0}}
.mk .buyuk{font-size:62px;line-height:1;filter:drop-shadow(0 3px 0 rgba(0,0,0,.2))}
.mk h2{margin:0;font:400 25px var(--oyun);letter-spacing:.4px}
.mk p{margin:0;font:500 14px/1.5 var(--font);color:var(--soluk)}
.mk .odul{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.mk .odul span{background:#fff;border:3px solid var(--krem2);border-radius:14px;padding:6px 12px;font:400 19px var(--oyun)}
.mk .btnlar{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.mk .btnlar .al{width:100%;padding:11px}
.serit{position:absolute;left:50%;top:-22px;transform:translateX(-50%);background:linear-gradient(180deg,#56b8ff,#1f7fe0);border:4px solid var(--cerceve);border-radius:14px;padding:5px 26px;font:400 22px var(--oyun);color:#fff;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 0 var(--cerceve)}
.gorev-pop{max-width:390px;text-align:left;padding-top:34px}
.gp-not{text-align:center;font:600 12px var(--font)!important}
#gorevler{display:flex;flex-direction:column;gap:8px}
.gv{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:3px solid var(--krem2);border-radius:18px;padding:8px}
.gv .ik{width:46px;height:46px;border-radius:13px;background:linear-gradient(180deg,#e9f5ff,#cfe6ff);border:2px solid #a9cdf2;display:grid;place-items:center;font-size:24px}
.gv .gt{min-width:0}
.gv .gt b{display:block;font:400 15px/1.2 var(--oyun);letter-spacing:.2px}
.gv .gt small{display:block;font:600 11.5px var(--font);color:var(--soluk);margin-top:2px}
.gv .cubuk{height:10px;border-radius:6px;background:var(--krem2);margin-top:5px;overflow:hidden;position:relative;border:2px solid #e2d3b0}
.gv .cubuk i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#7dffa5,#22b45a)}
.gv.bitti{border-color:#9be3b3;background:#f0fff5}
.gv.bitti .ik{background:linear-gradient(180deg,#dfffe9,#aef0c5);border-color:#6fd394}
.gb{font:400 15px var(--oyun);border-radius:13px;padding:8px 12px;min-width:66px;border:3px solid var(--cerceve);color:#fff;box-shadow:0 3px 0 var(--cerceve);letter-spacing:.3px}
.gb.git{background:linear-gradient(180deg,#56b8ff,#1f7fe0)}
.gb.topla{background:linear-gradient(180deg,#6be895,#1f9e49);animation:nabiz 1s infinite}
.gb.tasin{background:linear-gradient(180deg,#ffe066,#ffae1a);animation:nabiz 1s infinite}
.sandik-serit{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#fff2b3,#ffd23f);border:3px solid #c98a00;border-radius:16px;padding:10px 12px;font:400 16px var(--oyun);color:#5b3a00}
.sandik-serit button{margin-left:auto}
.reklam{background:#111;color:#fff;border-radius:20px;padding:30px 18px;text-align:center;width:100%;max-width:340px;border:4px solid #000}
.reklam b{font:400 44px var(--oyun);display:block}
.sehir{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center}
.sehir .sem{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:30px;border:3px solid var(--cerceve);background:linear-gradient(180deg,#e9f5ff,#cfe6ff)}

/* Tost */
#tost{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:92%}
.ts{background:#fff;color:var(--yazi);border:3px solid var(--cerceve);font:400 15px/1.35 var(--oyun);letter-spacing:.2px;padding:8px 16px;border-radius:16px;text-align:center;animation:tst 2.8s forwards;max-width:100%;box-shadow:0 4px 0 rgba(0,0,0,.25)}
@keyframes tst{0%{opacity:0;transform:translateY(10px) scale(.9)}8%{opacity:1;transform:none}85%{opacity:1}100%{opacity:0}}

.coin-i{width:48px;height:48px;flex-shrink:0;margin:-6px 0 -6px -4px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
.gem-i{width:32px;height:32px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
.kb-ik{width:40px;height:40px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}
.yuv-btn em{width:44px;height:44px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}
.mk .buyuk-img{width:120px;height:120px;margin:0 auto;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}
.etiket .mini{width:22px;height:22px;object-fit:contain;margin-left:-4px}

/* mağaza puanı, müşteri yüzleri, isim, malzeme */
.puan-kutu{flex-shrink:0;padding:5px 10px 5px 7px;gap:4px}
.puan-kutu .yz{font-size:19px;line-height:1}
.puan-kutu b{font:400 21px var(--oyun);text-shadow:0 2px 0 rgba(0,0,0,.35)}
.puan-kutu.dusuk b{color:#ff8a7a}
#katman>.yuz{position:absolute;transform:translate(-50%,-100%);width:34px;height:34px;display:grid;place-items:center;font-size:21px;line-height:1;background:#fff;border:3px solid #2bb673;border-radius:50%;box-shadow:0 3px 0 rgba(0,0,0,.22);pointer-events:none;animation:yuzGel .3s ease-out}
.yuz::after{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-6px;border:6px solid transparent;border-top:7px solid #2bb673;border-bottom:0}
.yuz.kotu{border-color:#e04a3f}.yuz.kotu::after{border-top-color:#e04a3f}
@keyframes yuzGel{from{transform:translate(-50%,-60%) scale(.3);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}
.kalem{width:34px;height:34px;border-radius:50%;background:#fff;border:3px solid var(--cerceve);font-size:16px;display:grid;place-items:center;box-shadow:0 3px 0 rgba(0,0,0,.25);padding:0}
.giris{display:block;margin-top:10px}
.giris span{display:block;font:600 12.5px var(--font2);color:var(--soluk);margin-bottom:4px}
.giris input{width:100%;box-sizing:border-box;font:400 18px var(--oyun);letter-spacing:.4px;padding:9px 12px;border:3px solid var(--cerceve);border-radius:12px;background:#fff;color:#1c2b45;outline:none}
.giris input:focus{border-color:#1f8ff0}
.ekip-ik{display:inline-block;font-size:14px;filter:grayscale(1);opacity:.35;margin-right:1px}
.ekip-ik.var{filter:none;opacity:1}

.btn-ikili{display:flex;gap:6px;flex-shrink:0}
.btn-ikili .al{padding-left:10px;padding-right:10px}
.uyari{color:#e04a3f;font-weight:700}
.ms-cubuk.kirmizi i{background:linear-gradient(90deg,#ff8a7a,#e04a3f)}
.ek-kart .ms-cubuk{margin-top:5px}

.al-grup{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex-shrink:0}
.reklam-al{font:400 12.5px var(--oyun);letter-spacing:.3px;color:#fff;background:linear-gradient(180deg,#b88cff,#7b4be0);border:2px solid #4a2a99;border-radius:10px;padding:4px 8px;box-shadow:0 2px 0 #4a2a99;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.reklam-al:disabled{background:linear-gradient(180deg,#c3cad6,#9aa6b8);border-color:#7d8ea3;box-shadow:0 2px 0 #7d8ea3}
.etiket.ek.bitti{background:linear-gradient(180deg,#ffd0c9,#ff8a7a);animation:nabiz 1.2s infinite}

/* sıralama paneli */
.sira-sekme{display:flex;gap:6px;margin-bottom:10px}
.sira-sekme button{flex:1;padding:9px 0;border-radius:12px;border:3px solid var(--cerceve);background:#e8eef7;font:400 16px var(--oyun);color:var(--cerceve)}
.sira-sekme button.secili{background:linear-gradient(180deg,#b693ff,#6a3fd6);color:#fff}
.sira-satir{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;margin-bottom:6px;border:2px solid #e3e8f0}
.sira-satir.ben{border-color:#6a3fd6;background:#f3edff}
.sira-satir .no{width:34px;text-align:center;font:400 18px var(--oyun);color:var(--cerceve)}
.sira-satir .ad{flex:1;min-width:0}
.sira-satir .ad b{display:block;font:700 14px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sira-satir .ad small{font:500 11.5px var(--font);color:var(--soluk)}
.sira-satir .pu{font:400 16px var(--oyun);color:#1f9e49}