:root{--brown:#3a2a1a;--cream:#fff4d6;--green:#6fbf3f}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
html,body{margin:0;height:100%;background:#17110a;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;position:fixed;inset:0;width:100%;
  font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;color:#fff}
#game{position:relative;margin:0 auto;height:100dvh;width:min(100vw,calc(100dvh*390/844));overflow:hidden;background:#bfe6f5}
#c{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
#topbar{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;height:58px;display:flex;align-items:center;gap:8px;
  padding:6px 8px;background:rgba(58,42,26,.82);border-radius:20px;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.lvl{width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(#ffd45a,#f5a623);border:3px solid #fff4d6;display:grid;place-items:center;font-size:22px;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.xp{flex:1;min-width:0}
.xpbar{height:16px;border-radius:9px;background:#241709;overflow:hidden;padding:2px}
.xpbar i{display:block;height:100%;width:42%;border-radius:7px;background:linear-gradient(#a6ee72,#5fc23a);transition:width .4s}
.xp small{display:block;font-size:11px;margin-top:2px;color:#f6e7c3;font-weight:700}
.pill{display:flex;align-items:center;gap:4px;height:36px;padding:0 10px 0 6px;border-radius:18px;background:#241709;font-size:15px}
.pill .ic{font-size:18px}
#goal{position:absolute;top:calc(76px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:7px 16px;border-radius:16px;
  background:rgba(255,244,214,.95);color:#5b3a1a;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 3px 0 rgba(0,0,0,.2)}
#bottombar{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));height:78px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;
  padding:6px;background:rgba(58,42,26,.88);border-radius:22px;box-shadow:0 4px 0 rgba(0,0,0,.25)}
#bottombar button{border:0;border-radius:16px;color:#fff;font-weight:800;font-size:12px;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-height:44px;background:#8e9ba8;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);transition:transform .08s}
#bottombar button span{font-size:26px;line-height:1}
#bottombar button:nth-child(1){background:#6fbf3f}#bottombar button:nth-child(2){background:#f28c28}
#bottombar button:nth-child(3){background:#4f9de8}#bottombar button:nth-child(4){background:#b07a45}
#bottombar button:active{transform:scale(.92)}
#loading{position:absolute;inset:0;background:linear-gradient(#7cc24a,#3e9a3f);display:grid;place-content:center;gap:18px;text-align:center;transition:opacity .5s}
#loading.hide{opacity:0;pointer-events:none}
.logo{font-size:38px;font-weight:900;text-shadow:0 4px 0 rgba(0,0,0,.25)}
.bar{width:180px;height:12px;border-radius:8px;background:rgba(0,0,0,.25);margin:auto;overflow:hidden}
.bar i{display:block;height:100%;width:40%;background:#ffe08a;border-radius:8px;animation:ld 1s infinite alternate}
@keyframes ld{to{margin-left:60%}}

/* ---- M0.2/0.3: etiketler, paneller, geri bildirim */
#labels,#fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.flabel{position:absolute;left:0;top:0;padding:3px 9px;border-radius:12px;background:rgba(36,23,9,.82);font-size:13px;font-weight:800;white-space:nowrap}
.flabel.ripe{background:none;padding:0;font-size:34px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3));animation:bob .7s ease-in-out infinite alternate}
@keyframes bob{to{margin-top:-10px}}
#toast{position:absolute;left:50%;bottom:calc(104px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;padding:9px 16px;border-radius:16px;
  background:rgba(36,23,9,.92);font-weight:800;font-size:14px;pointer-events:none;transition:.25s;z-index:5;white-space:nowrap}
#toast.show{opacity:1;transform:translate(-50%,0)}
[data-iname]{cursor:help}.nm{display:inline-block;padding:3px 5px;margin:-3px -1px;border-radius:8px}
#itip{position:absolute;z-index:9;transform:translateX(-50%);padding:6px 12px;border-radius:12px;background:rgba(36,23,9,.95);color:#fff;font-weight:800;font-size:14px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
#itip.show{opacity:1}
.floater{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:24px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 8px rgba(0,0,0,.35);animation:floatup 1.2s ease-out forwards;white-space:nowrap}
.floater.xp{color:#9be7ff;font-size:18px}.floater.minus{color:#ffd45a;font-size:18px}
@keyframes floatup{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}15%{transform:translate(-50%,-70%) scale(1.25);opacity:1}100%{transform:translate(-50%,-190%) scale(1);opacity:0}}

#sheet{position:absolute;left:8px;right:8px;bottom:calc(94px + env(safe-area-inset-bottom));padding:16px 14px 14px;border-radius:26px;background:#fff4d6;color:#5b3a1a;
  box-shadow:0 6px 0 rgba(0,0,0,.25);transform:translateY(calc(100% + 140px));visibility:hidden;transition:transform .28s cubic-bezier(.2,1.2,.4,1),visibility 0s .28s;z-index:4}
#sheet.open{transform:translateY(0);visibility:visible;transition:transform .28s cubic-bezier(.2,1.2,.4,1),visibility 0s}
#sheet h2{margin:0;font-size:22px}#sheet p{margin:2px 0 12px;font-size:13px;opacity:.7;font-weight:700}
#sheet-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#e8d3a2;color:#5b3a1a;font-size:18px;font-weight:900}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.card{border:0;border-radius:20px;padding:12px 6px;background:#fff;color:#5b3a1a;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;
  box-shadow:inset 0 -5px 0 #e6d3a8;min-height:132px;transition:transform .08s}
.card:active{transform:scale(.94)}.card .big{font-size:42px;line-height:1.1}.card b{font-size:17px}.card small{font-size:11.5px;font-weight:800;opacity:.75}
.card.locked{opacity:.5;filter:grayscale(.6)}.card.poor{box-shadow:inset 0 -5px 0 #f1a39a}
.shake{animation:shake .35s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.siloBar{height:14px;border-radius:8px;background:#e8d3a2;overflow:hidden;margin-bottom:12px}.siloBar i{display:block;height:100%;background:linear-gradient(#ffd45a,#f5a623);border-radius:8px;transition:width .3s}
.cells{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cell{background:#fff;border-radius:16px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 -4px 0 #e6d3a8}
.cell .big{font-size:30px}.cell b{font-size:17px}.cell small{font-size:11px;font-weight:700;opacity:.7}.cell.zero{opacity:.45}

#levelup{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;z-index:6}
#levelup.show{animation:lu 2.6s ease-out}
@keyframes lu{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.12)}22%{transform:scale(1)}85%{opacity:1}100%{opacity:0;transform:scale(1.05)}}
.lu-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 34px;border-radius:30px;background:radial-gradient(#ffd45a,#f5a623);border:5px solid #fff4d6;box-shadow:0 8px 0 rgba(0,0,0,.3);text-shadow:0 3px 0 rgba(0,0,0,.3)}
.lu-box small{font-size:15px;font-weight:900;letter-spacing:1px}.lu-box b{font-size:64px;line-height:1}.lu-box span{font-size:16px;font-weight:800}

#debug{position:absolute;top:calc(112px + env(safe-area-inset-top));right:8px;display:flex;flex-direction:column;gap:5px;z-index:7}
#debug button{min-height:36px;border:0;border-radius:10px;padding:0 10px;background:rgba(0,0,0,.6);color:#fff;font-weight:800;font-size:12px}

/* ---- fırın paneli */
.recipes{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.recipe{display:flex;align-items:center;gap:12px;border:0;border-radius:20px;padding:10px 12px;background:#fff;color:#5b3a1a;font-family:inherit;text-align:left;
  box-shadow:inset 0 -5px 0 #e6d3a8;min-height:76px;transition:transform .08s}
.recipe:active{transform:scale(.97)}.recipe .big{font-size:44px}
.rtxt{flex:1;display:flex;flex-direction:column;gap:1px}.rtxt b{font-size:18px}.rtxt small{font-size:12.5px;font-weight:800;opacity:.8}
.rtxt .ok{color:#2f8a2f}.rtxt .no{color:#c0392b}
.recipe .go{padding:10px 18px;border-radius:14px;background:#6fbf3f;color:#fff;font-weight:900;font-size:16px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}
.recipe.off .go{background:#a9a28f}
.toolh{margin:14px 0 0;font-size:14px;opacity:.75}.recipe[disabled] .go{background:#8fae78}.recipe[disabled]{opacity:.85}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.slots.n4{grid-template-columns:repeat(4,1fr);gap:6px}.slots.n4 .slot{padding:4px 3px}
.slots.n5{grid-template-columns:repeat(5,1fr);gap:5px}.slots.n5 .slot{padding:4px 2px;min-height:76px;border-radius:13px}.slots.n5 .big{font-size:24px}.slots.n5 .sp{font-size:10px;padding:3px 5px}.slots.n5 .qt,.slots.n4 .qt{font-size:11px}
.recipe .go.two{padding:8px 10px;font-size:13px;line-height:1.3;text-align:center;white-space:nowrap}
.slot{position:relative;border-radius:16px;background:#fff;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:inset 0 -4px 0 #e6d3a8;padding:6px}
.slot .sp{border:0;border-radius:10px;background:#4f9de8;color:#fff;font-weight:900;font-size:11px;padding:4px 8px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);white-space:nowrap}.slot .sp.off{background:#a9a28f}
.slot.empty{background:#f0e2b8;opacity:.7;font-size:26px;font-weight:900;color:#c9b27a}
.slot .big{font-size:30px;line-height:1}.qbar{display:block;width:84%;height:9px;border-radius:5px;background:#e8d3a2;overflow:hidden}
.qbar u{display:block;height:100%;width:0;background:linear-gradient(#ffd45a,#f5a623);border-radius:5px;transition:width .3s linear}
.qt{font-size:12px;font-weight:800}
.collect{width:100%;margin-bottom:10px;min-height:56px;border:0;border-radius:18px;background:linear-gradient(#ffd45a,#f5a623);color:#5b3a1a;font-weight:900;font-size:18px;font-family:inherit;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.2);animation:bob2 .8s ease-in-out infinite alternate}
@keyframes bob2{to{transform:scale(1.03)}}

/* ---- siparisler */
.orders{display:flex;flex-direction:column;gap:8px}
.order{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:20px;background:#fff;box-shadow:inset 0 -5px 0 #e6d3a8;min-height:84px}
.order.basket{flex-wrap:wrap;align-items:center;background:linear-gradient(#fff,#fff6d9);box-shadow:inset 0 -5px 0 #e0b54a}
.order{position:relative}
.odel{position:absolute;top:3px;right:6px;width:30px;height:26px;padding:0;border:0;border-radius:10px;background:rgba(0,0,0,.07);font-size:15px;line-height:1;cursor:pointer;opacity:.75;z-index:1}
.odel:active{transform:scale(.9);opacity:1}
.order.wait{background:#efe6cc;box-shadow:inset 0 -5px 0 #cdbb8c}.order.wait .big{font-size:34px}.owait{font-size:20px;font-variant-numeric:tabular-nums;min-width:64px;text-align:right;color:#8a6d2f}
.order.basket .obhead{padding-right:34px}
.obhead{flex:1 1 100%;display:flex;flex-direction:column;gap:1px}.obhead b{font-size:15.5px}.obhead small{font-size:12.5px;font-weight:800;opacity:.85}
.ochips{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.order.basket .deliver{flex:1 1 100%;min-height:44px}
.ochip{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:2px 6px;border-radius:14px;background:#fbf1d2}
.ochip .big{font-size:28px;line-height:1.1}.ochip b{font-size:12.5px}.ochip .ok{color:#2f8a2f}.ochip .no{color:#c0392b}
.oneed{display:flex;flex-direction:column;align-items:center;min-width:58px}
.oneed .big{font-size:36px;line-height:1.1}.oneed b{font-size:14px}.oneed .ok{color:#2f8a2f}.oneed .no{color:#c0392b}
.orew{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.orew b{font-size:17px}.orew small{font-size:12.5px;font-weight:800;opacity:.85}
.deliver{border:0;border-radius:16px;padding:0 12px;min-height:50px;min-width:96px;background:linear-gradient(#8fe05a,#5fc23a);color:#fff;font-weight:900;font-size:13.5px;
  font-family:inherit;box-shadow:inset 0 -5px 0 rgba(0,0,0,.2);text-shadow:0 2px 0 rgba(0,0,0,.25);transition:transform .08s}
.deliver:active{transform:scale(.93)}.deliver.off{background:#b5ae9a;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12)}
/* 8+ siparis (Sv21+): kartlar kompakt, panel kayar (Bolum 25) */
.orders.dense{gap:6px}.orders.dense .order{min-height:68px;padding:6px 9px;gap:8px;border-radius:17px}.orders.dense .oneed{min-width:50px}.orders.dense .oneed .big{font-size:30px}.orders.dense .oneed b{font-size:13px}
.orders.dense .orew b{font-size:15.5px}.orders.dense .orew small,.orders.dense .obhead small{font-size:12px}.orders.dense .obhead b{font-size:14.5px}.orders.dense .deliver{min-height:44px;min-width:88px;border-radius:14px}
.orders.dense .order.basket .deliver{min-height:38px}.orders.dense .ochip .big{font-size:24px}.orders.dense .ochips{gap:4px}.orders.dense .order.wait .big{font-size:28px}
.coin{position:absolute;font-size:26px;transform:translate(-50%,-50%);transition:transform .7s cubic-bezier(.5,0,.8,.4),opacity .7s;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3));z-index:3}
.pill.bump{animation:bump .3s}@keyframes bump{40%{transform:scale(1.18)}}

/* ---- kilitli bina etiketi + magaza */
.flabel.lock{background:rgba(90,96,102,.92);color:#fff}
.flabel.shake{animation:shakem .35s}@keyframes shakem{25%{margin-left:-7px}75%{margin-left:7px}}
.shop h3{margin:10px 0 6px;font-size:14px;opacity:.75}.shop h3:first-child{margin-top:0}
.shopitem{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:8px;border:0;border-radius:20px;padding:10px 12px;background:#fff;color:#5b3a1a;font-family:inherit;text-align:left;
  box-shadow:inset 0 -5px 0 #e6d3a8;min-height:70px;transition:transform .08s}
.shopitem:active{transform:scale(.97)}.shopitem .big{font-size:38px}.shopitem .go{padding:10px 14px;border-radius:14px;background:#6fbf3f;color:#fff;font-weight:900;font-size:15px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);white-space:nowrap}
.shopitem .go.gem{background:#4f9de8}.shopitem.off .go{background:#a9a28f}
.soons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.soon{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:18px;background:#f0e2b8;opacity:.75}
.soon .big{font-size:30px}.soon small{font-size:11.5px;font-weight:800}

/* ---- M0.8: cila */
.bump{animation:bump2 .38s ease-out}
@keyframes bump2{30%{transform:scale(1.22)}100%{transform:scale(1)}}
.lvl.bump{animation:lvlpop .6s ease-out}
@keyframes lvlpop{30%{transform:scale(1.4) rotate(-8deg)}60%{transform:scale(.95) rotate(4deg)}100%{transform:scale(1)}}
#bottombar button.bump{animation:bump2 .38s ease-out}
.xpbar.bump{animation:bump2 .38s ease-out;box-shadow:0 0 0 2px rgba(166,238,114,.7)}
.confetti{position:absolute;left:50%;top:44%;width:9px;height:14px;border-radius:2px;pointer-events:none;animation:conf 1.4s cubic-bezier(.15,.8,.35,1) forwards;z-index:7}
@keyframes conf{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),calc(var(--dy) + 140px)) rotate(var(--rot));opacity:0}}
.setrows{display:flex;flex-direction:column;gap:8px}
.setrow{display:flex;align-items:center;gap:12px;border:0;border-radius:20px;padding:10px 14px;background:#fff;color:#5b3a1a;font-family:inherit;min-height:64px;box-shadow:inset 0 -5px 0 #e6d3a8;text-align:left;transition:transform .08s}
.setrow:active{transform:scale(.97)}.setrow span{font-size:30px}.setrow b{flex:1;font-size:18px}.setrow em{font-style:normal;font-weight:900;font-size:14px;opacity:.8}
.setrow em.ok{color:#2f8a2f;opacity:1}.setrow em.no{color:#c0392b;opacity:1}
.order,.recipe,.card,.cell,.slot{animation:rise .3s ease-out backwards}
@keyframes rise{from{opacity:0;transform:translateY(12px) scale(.97)}}
.order:nth-child(2),.card:nth-child(2){animation-delay:.05s}.order:nth-child(3){animation-delay:.1s}

/* ---- giris ekrani */
#auth, #authlost { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px;
  background: linear-gradient(#bfe6f5, #8fd14f); font-family: inherit; }
#authlost { z-index: 120; background: rgba(36,23,9,.72); }
/* giris: kutu + imza dikey dizilir; kisa ekranda (klavye) kaydirilabilir, imza dar yukseklikte gizlenir */
#auth { flex-direction: column; overflow-y: auto; gap: 16px; }
#auth > .auth-box { margin-top: auto; flex: none; }
#auth > .akcan { margin-bottom: auto; flex: none; }
/* Akcan Games imzasi (yukleme + giris) */
.akcan { display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff8e1; font-weight: 800; letter-spacing: .06em; font-size: 18px; line-height: 1; text-shadow: 0 2px 0 rgba(0,0,0,.28), 0 0 8px rgba(0,0,0,.25); user-select: none; }
.akcan img { display: block; width: 44px; height: 44px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.3); }
#auth .akcan { padding: 6px 14px 6px 8px; border-radius: 16px; background: rgba(36,23,9,.5); }
#loading .akcan { position: absolute; left: 0; right: 0; bottom: calc(22px + env(safe-area-inset-bottom)); }
@media (max-height: 520px) { #auth > .akcan { display: none; } #loading .akcan { bottom: 10px; } #loading .akcan img { width: 32px; height: 32px; } }
@media (max-height: 360px) { #loading .akcan { display: none; } }
#au-note { margin: 0; text-align: center; font-size: 13px; color: #7a6a3a; }
/* baglanti durumu: sakin kucuk hap (sol ust, hedef yazisinin altinda); tiklanmaz, panik yaratmaz */
#netstat { position: absolute; left: 10px; top: calc(118px + env(safe-area-inset-top)); z-index: 6; max-width: 62%; padding: 6px 12px; border-radius: 14px; font-size: 12px; font-weight: 700;
  background: rgba(36,23,9,.78); color: #fff; opacity: 0; transform: translateY(-4px); transition: opacity .25s, transform .25s; pointer-events: none; }
#netstat.show { opacity: 1; transform: none; }
#netstat.off { background: rgba(120,84,20,.9); }
#netstat.ok { background: rgba(47,125,36,.9); }
#netstat.upd { background: rgba(36,23,9,.9); pointer-events: auto; }
.auth-box { width: min(360px, 100%); background: #fffbe9; border-radius: 22px; padding: 22px 20px; box-shadow: 0 10px 30px rgba(0,0,0,.25); display: flex; flex-direction: column; gap: 10px; }
.auth-box .logo { text-align: center; font-size: 26px; font-weight: 800; color: #3a7d2c; margin-bottom: 4px; }
.auth-tabs { display: flex; gap: 6px; background: #efe5c4; border-radius: 12px; padding: 4px; }
.auth-tabs button { flex: 1; border: 0; background: transparent; padding: 9px; border-radius: 9px; font: inherit; font-weight: 700; color: #7a6a3a; }
.auth-tabs button.on { background: #fff; color: #3a7d2c; box-shadow: 0 1px 4px rgba(0,0,0,.15); }
.auth-box input { border: 2px solid #e2d6a8; border-radius: 12px; padding: 12px; font: inherit; font-size: 16px; background: #fff; }
.auth-box input:focus { outline: none; border-color: #6fb03a; }
#au-err { color: #c0392b; font-size: 13px; min-height: 16px; margin: 0; }
.au-main { border: 0; border-radius: 14px; padding: 13px; font: inherit; font-weight: 800; font-size: 16px; color: #fff; background: #4caf3a; box-shadow: 0 3px 0 #2f7d24; }
.au-main:disabled { opacity: .6; }
.au-link { border: 0; background: none; color: #7a6a3a; font: inherit; font-size: 13px; text-decoration: underline; padding: 6px; }

/* ---- oyuncu pazari */
.shoptabs{margin-bottom:10px}
.mk-sub{display:flex;gap:6px;margin:8px 0}.mk-sub button{flex:1;border:0;border-radius:12px;padding:9px;font:inherit;font-weight:800;background:#efe5c4;color:#7a6a3a}.mk-sub button.on{background:#6fbf3f;color:#fff}
.mk-in{width:100%;border:2px solid #e2d6a8;border-radius:12px;padding:10px;font:inherit;font-size:16px;background:#fff;color:#5b3a1a;margin-bottom:8px;box-sizing:border-box}
.mk-form label{display:block;font-size:13px;font-weight:800;color:#7a6a3a}
.mk-note{font-size:13px;font-weight:700;color:#7a6a3a;margin:6px 2px}
.mk-h{margin:12px 0 6px;font-size:14px;opacity:.75}
.mk-inbox{display:block;width:100%;border:0;border-radius:16px;padding:12px;margin-bottom:6px;background:#ffe9a8;color:#7a4b00;font:inherit;font-weight:800;text-align:left;box-shadow:inset 0 -4px 0 #e6c96a}
.mk-inbox b{float:right;background:#6fbf3f;color:#fff;border-radius:10px;padding:2px 12px}
.mk-row .rtxt{flex:1;display:flex;flex-direction:column;text-align:left}.mk-row .rtxt small{font-size:12px;font-weight:700;opacity:.7}
.mk-cancel{border:0;background:#c9663b!important;color:#fff;font:inherit}

#movebtn{position:absolute;top:calc(118px + env(safe-area-inset-top));right:10px;z-index:5;padding:8px 14px;border:0;border-radius:16px;background:rgba(36,23,9,.78);color:#fff;font-weight:800;font-size:13px;font-family:inherit;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
#movebtn.on{background:#6fbf3f}
.speed{display:flex;align-items:center;gap:14px;padding:6px 2px}.speed .big{font-size:44px}.speed .rtxt{flex:1;display:flex;flex-direction:column}.speed small{opacity:.7;font-weight:700}
.speed .go{padding:9px 12px;border:0;border-radius:12px;background:#4f9de8;color:#fff;font-weight:900;font-size:13px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);white-space:nowrap}.speed .go.off{background:#a9a28f}.speed .go.cut{background:#d9534f}

#goalsbtn{position:absolute;top:calc(160px + env(safe-area-inset-top));right:10px;z-index:5;padding:8px 14px;border:0;border-radius:16px;background:rgba(36,23,9,.78);color:#fff;font-weight:800;font-size:13px;font-family:inherit;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
#goalsdot{display:none;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#e5412d;color:#fff;font-size:11px;font-style:normal;text-align:center;margin-left:4px;padding:0 4px}
.goals{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}
.qrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08)}
.qrow .big{font-size:34px}.qrow .rtxt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.qrow small{opacity:.7;font-weight:700}
.qrow.claimed{opacity:.55}.qrow.bonus{background:#fff0c2}
.qrow .go{padding:10px 16px;border:0;border-radius:14px;background:#6fbf3f;color:#fff;font-weight:900;font-size:15px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}.qrow .go.off{background:#a9a28f}
.pbar{display:block;height:9px;border-radius:5px;background:#e8d3a2;overflow:hidden}.pbar u{display:block;height:100%;background:#6fbf3f;border-radius:5px}
.gnote{margin:6px 2px;font-size:13px;opacity:.7;font-weight:700;text-align:center}
.sgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}
.sday{display:flex;flex-direction:column;align-items:center;padding:7px 2px;border-radius:12px;background:#fff;font-size:12px}.sday span{font-size:20px}.sday b{font-size:13px}
.sday.got{background:#d9f0c4;opacity:.7}.sday.now{outline:3px solid #f2b030}
.bigbtn{width:100%;padding:13px;border:0;border-radius:16px;background:#6fbf3f;color:#fff;font-weight:900;font-size:17px;font-family:inherit;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}.bigbtn.off{background:#a9a28f}
/* paneller uzayinca ekrani kaplamasin: govde kayar, HUD dugmeleri panel acikken gizlenir */
#sheet-body{max-height:calc(64vh - 90px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#game.sheetopen #movebtn,#game.sheetopen #goalsbtn,#game.sheetopen #socialbtn,#game.sheetopen #rsbtn{display:none}
.goals{max-height:none}
/* ana ekran simge dugmeleri (yazisiz) */
#movebtn,#goalsbtn{width:46px;height:46px;padding:0;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center;right:10px;line-height:1}
#movebtn{top:calc(120px + env(safe-area-inset-top))}
#goalsbtn{top:calc(174px + env(safe-area-inset-top))}
#goalsdot{position:absolute;top:-4px;right:-4px;margin:0}
#socialbtn{position:absolute;top:calc(228px + env(safe-area-inset-top));right:10px;z-index:5;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:rgba(36,23,9,.78);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
#socialdot{display:none;position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#e5412d;color:#fff;font-size:11px;font-style:normal;text-align:center;padding:0 4px}
#rsbtn{position:absolute;top:calc(282px + env(safe-area-inset-top));right:10px;z-index:5;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:rgba(36,23,9,.78);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
#rsdot{display:none;position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#e5412d;color:#fff;font-size:11px;font-style:normal;text-align:center;padding:0 4px}
/* yol kenari dukkani paneli */
.rs-sum{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:800;margin-bottom:4px}
.rs-slot{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;padding:10px 12px;border:0;border-radius:18px;background:#fff;color:#5b3a1a;font-family:inherit;text-align:left;box-shadow:inset 0 -4px 0 #e6d3a8;box-sizing:border-box}
.rs-slot .big{font-size:34px}.rs-slot .rtxt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.rs-slot .rtxt small{font-size:12.5px;font-weight:700;opacity:.85}.rs-slot em{font-style:normal;opacity:.7}
.rs-slot.empty{background:#fbf1d2;border:2px dashed #d9c38f;box-shadow:none}.rs-slot.lock{opacity:.55;background:#efe5c4;box-shadow:none}
.rs-btns{display:flex;gap:6px;flex-wrap:wrap}.rs-btns.v{flex-direction:column;align-items:stretch;min-width:64px}
.rs-btns .deliver{flex:1;min-height:42px;min-width:0}.deliver.rs-no{background:linear-gradient(#e08a5a,#c9663b)}
.rs-offer{flex-wrap:wrap}.rs-offer .rs-btns{flex:1 1 100%}
.rs-sp.ok{color:#2f8a2f}.rs-sp.mid{color:#b8820f}.rs-sp.no{color:#c0392b}.rs-sp{font-weight:800}
.rs-form{display:flex;flex-direction:column;gap:6px}.rs-form label{font-weight:800;font-size:13px;color:#7a6a3a}.rs-form label small{opacity:.8}
.rs-head{display:flex;align-items:center;gap:10px}.rs-head .big{font-size:40px}.rs-head b{font-size:19px}
.rs-quick{display:flex;gap:6px;flex-wrap:wrap}
.rs-logs{display:flex;flex-direction:column;gap:4px}.rs-log{display:flex;gap:8px;justify-content:space-between;padding:6px 10px;border-radius:12px;background:#fff;font-size:13px;font-weight:700}.rs-log b{color:#2f8a2f}
/* komsular paneli */
.tdot{display:inline-block;min-width:16px;height:16px;line-height:16px;border-radius:8px;background:#e5412d;color:#fff;font-size:10px;text-align:center;padding:0 3px}
.nbadd{display:flex;gap:8px;margin-bottom:10px}
.nbadd input{flex:1;min-width:0;padding:10px 12px;border:2px solid #d9c38f;border-radius:14px;font:inherit;font-size:15px;background:#fff}
.go.sm{padding:8px 10px;font-size:13px}.nbact{display:flex;gap:6px;flex-shrink:0}
.go.gf{background:#e8a33b}
.nbmore{margin:8px 2px;font-size:13px;font-weight:700}.nbmore summary{cursor:pointer;opacity:.7}
.mrow{display:flex;align-items:center;gap:8px;padding:5px 0}.mrow span{flex:1}
.mini{padding:6px 10px;border:0;border-radius:10px;background:#a9a28f;color:#fff;font-weight:800;font-size:12px;font-family:inherit}.mini.bad{background:#c9663b}
.gl{display:inline-block;padding:1px 6px;border-radius:8px;background:#fbf1d2;font-weight:800;font-size:12px;color:#5a3d12}
.gcomp label{display:block;font-weight:800;margin-bottom:6px}.gcomp select{width:100%;padding:10px;border:2px solid #d9c38f;border-radius:14px;font:inherit;background:#fff;margin-top:4px}
.grow{padding:6px 10px}.grow .big{font-size:28px}
.step{display:flex;align-items:center;gap:8px}.step button{width:34px;height:34px;border:0;border-radius:50%;background:#6fbf3f;color:#fff;font-size:20px;font-weight:900;line-height:1;font-family:inherit}.step b{min-width:22px;text-align:center}
.gsend{margin-top:8px;background:#e8a33b}
.vmap{position:relative;height:200px;margin:8px 0;border-radius:18px;background:linear-gradient(#b9e08a,#8cc863);box-shadow:inset 0 -5px 0 rgba(0,0,0,.12);overflow:hidden}
.vmap i{position:absolute;transform:translate(-50%,-50%);font-style:normal;font-size:22px;line-height:1}
/* komsu yazismasi */
.go.ms{position:relative}.go.ms .tdot{position:absolute;top:-6px;right:-6px;border:2px solid #fff4d6;box-sizing:content-box}
.chatback{padding:9px;font-size:14px;margin-bottom:8px}
.chatlog{display:flex;flex-direction:column;gap:6px;min-height:96px;max-height:calc(64vh - 270px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:16px;background:#fffaf0;box-shadow:inset 0 2px 0 rgba(0,0,0,.06)}
.bub{max-width:82%;padding:7px 11px;border-radius:16px;font-weight:700;font-size:15px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}
.bub small{display:block;margin-top:2px;opacity:.55;font-size:11px;text-align:right;white-space:nowrap}
.bub.me{align-self:flex-end;background:#cfeaa8;border-bottom-right-radius:4px}
.bub.them{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.bub.pend{opacity:.6}
.daysep{align-self:center;font-size:11px;font-weight:800;opacity:.5;margin:2px 0}
.chatform{display:flex;gap:8px;margin-top:8px}.chatform.off{opacity:.5;pointer-events:none}
.chatform input{flex:1;min-width:0;padding:11px 12px;border:2px solid #d9c38f;border-radius:14px;font:inherit;font-size:16px;background:#fff}
.chatform .go{padding:10px 16px;border:0;border-radius:14px;background:#6fbf3f;color:#fff;font-weight:900;font-size:15px;font-family:inherit;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}
.chatcount{margin:3px 2px 0;font-size:12px;text-align:right;opacity:.55;font-weight:800}.chatcount.warn{opacity:1;color:#c9663b}
/* haftalik buyuk siparis karti */
.order.weekly{flex-wrap:wrap;background:linear-gradient(#fff,#ffeec2);box-shadow:inset 0 -5px 0 #e8a33b}
.order.weekly.done{opacity:.7;min-height:0}
.order.weekly .obhead{flex:1 1 100%}.order.weekly .deliver{flex:1 1 100%;min-height:44px}
.wbar{flex:1 1 100%;display:flex;flex-direction:column;gap:3px}.wbar small,.wnote{opacity:.75;font-weight:700;font-size:12px}
.wnote{flex:1 1 100%;text-align:center}
.ochip small{font-size:10.5px;opacity:.7;font-weight:700}.ochip.full{opacity:.6}.ochip em{font-style:normal;color:#2f8a2f;font-weight:900}
.wd1{margin-top:2px;padding:3px 9px;border:0;border-radius:10px;background:#6fbf3f;color:#fff;font-weight:900;font-size:12px;font-family:inherit}.wd1.off{background:#a9a28f}

/* magaza sekmesi noktasi: alinabilir arsa var */
#bottombar button{position:relative}
#shopdot{display:none;position:absolute;top:5px;right:9px;width:13px;height:13px;border-radius:50%;background:#e5412d;border:2px solid #fff}

/* ---- genis ekran (masaustu): tuval tum pencereyi kaplar, HUD ortada ~480px'lik telefon sutununda kalir; telefon (<900px) degismez */
@media (min-width:900px) and (min-aspect-ratio:1/1){
  #game{width:100vw}
  #topbar,#bottombar,#sheet{left:max(8px,calc(50% - 240px));right:max(8px,calc(50% - 240px))}
  #movebtn,#goalsbtn,#socialbtn,#rsbtn{right:max(10px,calc(50% - 240px + 10px))}
}