/* Üretim mini oyunları: tam ekran kaplama, sahne alanı, alt çubuk ve işletmelere özgü oyun stilleri. Tasarım: design/ux/uretim-oyunlari.md */
.uretim-kaplama{--ink:#f1ead9;--mut:#c8cde0;--card:#172038;--card2:#1b2641;--line:#33405f;position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#0d1226,#10182f);color:var(--ink);padding:max(12px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));animation:u-ac 180ms var(--ease-out)}
@keyframes u-ac{from{opacity:0;transform:translateY(8px)}}
body.uretimde{overflow:hidden}
.u-ust{display:flex;align-items:center;gap:12px;max-width:480px;width:100%;margin:0 auto}
.u-ust .ghost{min-height:44px;min-width:44px;color:var(--ink)}
.u-baslik{display:grid;gap:2px;min-width:0}.u-baslik b{font-size:1.15rem}.u-baslik .mut{font-size:.875rem}.u-baslik .kad{font-size:.72rem;margin-left:4px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.12);vertical-align:middle}.u-baslik .kad.k1{color:#c0c6d0}.u-baslik .kad.k2{color:#f2c25b}
.u-sahne{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:auto;padding:8px 0}
.u-alt{display:grid;gap:10px;max-width:480px;width:100%;margin:0 auto}
/* üretim sonucu: ödül dökümü (kalite + seri + kademe), sandık ilerlemesi */
.odul-ozet{display:grid;gap:6px;text-align:center;font-size:.9rem}
.oz-toplam{display:flex;justify-content:center;gap:8px;align-items:baseline}.oz-toplam b{font-size:1.1rem;color:#f2c25b}
.oz-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.oz-chip{padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.1);font-size:.8rem}
.oz-chip.seri{background:rgba(245,165,36,.22);color:#ffd28a}.oz-chip.kademe{background:rgba(242,194,91,.22);color:#f2c25b}
.oz-olay{color:#ffe6a8;font-weight:600;animation:yildiz-gir 300ms var(--ease-out) both}
.oz-sandik{display:flex;align-items:center;gap:8px;justify-content:center}.oz-sandik .usta-bar{flex:none;width:120px;background:rgba(255,255,255,.14)}
@media (prefers-reduced-motion:reduce){.oz-olay{animation:none}}
.u-durum{min-height:1.4em;text-align:center;font-size:.9375rem;color:#ffe6a8}
.u-durum.kotu{color:#ff9b8f;font-weight:600} /* b.uyar: yanlış hamle, ilerleme metninden ayrı */
.uretim-kaplama.bitti .u-sahne{animation:u-parla 900ms var(--ease-out)}
@keyframes u-parla{40%{filter:brightness(1.25) saturate(1.2)}}

/* Tarla: ekim */
.tarla-oyun{display:grid;gap:10px;justify-items:center;width:100%;max-width:460px}
.tarla-bilgi{display:flex;justify-content:space-between;align-items:center;width:100%}
.tohum-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:color-mix(in srgb,#ffc45c 18%,#10182f);border:1px solid color-mix(in srgb,#ffc45c 45%,transparent);font-weight:700}
.tarla-bar{position:relative;width:100%;height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.tarla-bar i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#58b94a,#9be06a);transition:transform 120ms var(--ease-out)}
.tarla-bar u{position:absolute;left:70%;top:0;bottom:0;width:2px;background:#ffe6a8}
.tarla-tuval{touch-action:none;border-radius:16px;box-shadow:0 14px 34px -12px #000;outline-offset:3px;cursor:crosshair;max-width:100%}
.tarla-3b{width:100%;display:flex;justify-content:center}
.u3b-kap{position:relative;width:100%;max-width:460px;display:flex;justify-content:center}
.ahir-et,.ahir-no,.u3b-et{position:absolute;transform:translate(-50%,-50%);pointer-events:none}
.u3b-et{font:600 11px/1 sans-serif;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap}.u3b-et.tamam{color:#8be39a}
.firin-asama{display:flex;gap:6px;justify-content:center;width:100%;max-width:460px}
.firin-asama span{padding:3px 10px;border-radius:99px;font-size:.78rem;background:rgba(255,255,255,.1);color:var(--mut)}
.firin-asama .yapildi{background:rgba(111,208,122,.22);color:#9be6a6}.firin-asama .simdi{background:rgba(255,230,168,.25);color:#ffe6a8;font-weight:600}
.oto-dugmeler{display:flex;gap:8px;justify-content:center;width:100%;max-width:460px}
.oto-dugme{flex:1;min-height:48px;border:0;border-radius:14px;background:#e08a2e;color:#2b1b00;font:800 .95rem var(--yazi,inherit);cursor:pointer;transition:transform 120ms var(--ease-out)}
.oto-dugme:active{transform:scale(.96)}.oto-dugme.takildi{background:#4a7a52;color:#fff;opacity:1}.oto-dugme .mut{opacity:.6;font-weight:600}
.ahir-et{font:600 11px/1 sans-serif;color:#fff;text-shadow:0 1px 3px #000}
.ahir-no{width:22px;height:22px;border-radius:50%;background:#d6402f;color:#fff;font:700 12px sans-serif;display:grid;place-items:center}
.u3b-yukle{display:grid;place-items:center;min-height:160px;color:var(--mut);font-size:.9rem}
.tarla-alt{display:flex;gap:8px}.tarla-alt .ghost{min-height:44px;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.uretim-kaplama,.uretim-kaplama.bitti .u-sahne{animation:none}.tarla-bar i{transition:none}}

/* Çiftlik ve gıda oyunları (Canvas): ortak tuval ve küçük denetimler */
.u-tuval{touch-action:none;border-radius:16px;box-shadow:0 14px 34px -12px #000;max-width:100%;outline-offset:3px;cursor:pointer;display:block}
.u-sahne{flex-direction:column;gap:8px}
.yem-alt{display:flex;justify-content:center}.yem-alt .ghost{min-height:44px;color:var(--ink)}

/* Kaplamadaki düğmeler kendi stilini taşır (genel düğme stili değişse de görünüm sabit kalır) */
.uretim-kaplama button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.uretim-kaplama .ghost{background:color-mix(in srgb,#fff 8%,#10182f);border:1px solid color-mix(in srgb,#ffc45c 40%,transparent);color:var(--ink);border-radius:12px;min-height:44px;min-width:44px;padding:0 14px;box-shadow:none}
.uretim-kaplama .buyuk{display:block;width:100%;min-height:52px;border:0;border-radius:16px;font-weight:800;font-size:1rem;background:linear-gradient(180deg,#ffd37a,#e0a02e);color:#2b1b00;box-shadow:0 3px 0 rgba(0,0,0,.4);transition:transform 120ms var(--ease-out)}
.uretim-kaplama .buyuk:disabled{background:rgba(255,255,255,.12);color:rgba(255,255,255,.5);box-shadow:none}
.uretim-kaplama .buyuk:not(:disabled):active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.uretim-kaplama .buyuk{transition:none}}

/* İlk açılış el demosu (uretim.js elDemo): dokunmayı engellemez, ilk dokunuşta kapanır */
.el-demo{position:absolute;left:50%;top:46%;width:150px;height:110px;margin-left:-75px;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:5}
.el-demo .el{font-size:2.6rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.el-demo .el-yazi{background:rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600;white-space:nowrap}
.el-demo.surukle .el{animation:el-surukle 1.6s ease-in-out infinite}
.el-demo.dokun .el{animation:el-dokun 1.1s ease-in-out infinite}
.el-demo.basili .el{animation:el-basili 1.8s ease-in-out infinite}
.el-demo.daire .el{animation:el-daire 1.6s linear infinite}
@keyframes el-surukle{0%{transform:translateX(-50px)}70%,100%{transform:translateX(50px)}}
@keyframes el-dokun{0%,100%{transform:scale(1)}40%{transform:scale(.8)}}
@keyframes el-basili{0%,15%{transform:scale(1)}30%,80%{transform:scale(.8)}100%{transform:scale(1)}}
@keyframes el-daire{from{transform:rotate(0) translateX(28px) rotate(0)}to{transform:rotate(360deg) translateX(28px) rotate(-360deg)}}
@media (prefers-reduced-motion:reduce){.el-demo .el{animation:none!important}}
.uretimde .koc{display:none}
.uretimde .sahne *,.uretimde .rehber-hedef{animation-play-state:paused!important} /* kaplama açıkken arkadaki sahneler boşuna boyanmasın */
.el-demo button{pointer-events:auto;margin-top:4px;min-height:44px;background:var(--acc,#f5a524);color:#1b1403;border:0;border-radius:999px;padding:6px 16px;font-weight:700}

/* Meslek mesai mini oyunları (meslek.js): esle / sirala / ritim */
.mesai-sahne{align-items:flex-start}
.ms-esle,.ms-sirala,.ms-ritim{width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.ms-ogeler{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ms-oge,.ms-kutu{min-height:56px;border-radius:14px;border:2px solid var(--line);background:var(--card2);color:var(--ink);font:inherit;font-weight:600;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}
.ms-oge small,.ms-kutu small{font-weight:400;font-size:.78rem;color:var(--mut)}
.ms-oge.sec{border-color:#ffb63d;box-shadow:0 0 0 3px rgba(255,182,61,.35)}
.ms-oge.yerlesti{opacity:.7;border-style:dashed}
.ms-kutular{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ms-kutu{background:var(--card);min-height:72px}
.ms-yon{text-align:center;font-weight:700;margin:0}
.ms-serit{position:relative;height:44px;border-radius:12px;background:var(--card2);border:2px solid var(--line);overflow:hidden}
.ms-hedef{position:absolute;top:0;bottom:0;background:rgba(80,200,120,.45);border-inline:2px solid #5ccf86}
.ms-imlec{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;border-radius:2px;background:#ffb63d}
.ms-vur{min-height:64px;font-size:1.2rem}
.ms-vur.bas{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){.ms-vur.bas{transform:none}}