@font-face {font-family:Instrument;src:url('fonts/InstrumentSans-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face {font-family:Instrument;src:url('fonts/InstrumentSans-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F}
@font-face {font-family:Instrument;src:url('fonts/InstrumentSans-600-latin.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face {font-family:Instrument;src:url('fonts/InstrumentSans-600-latin-ext.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0100-024F}
@font-face {font-family:Archivo;src:url('fonts/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root {--orman:#14532d;--koyu:#12392e;--yesil:#1d873c;--kagit:#fbfcf7;--cizgi:#d8e2d7;--golge:0 5px 20px #173f2821;--ust:88px}
html,body,button,input {font-family:Instrument,'Avenir Next',sans-serif}
button:focus-visible,[tabindex]:focus-visible {outline:3px solid var(--yesil);outline-offset:3px}
button {min-height:44px}
.ui-ikon {width:22px;height:22px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ust-cubuk {position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;gap:20px;padding:12px 18px;min-height:88px;background:linear-gradient(115deg,#fffffff5,#f6faf1f5);border-bottom:1px solid #fff;box-shadow:var(--golge)}
#marka {display:flex;align-items:center;gap:10px;flex:0 0 177px;color:var(--koyu)}
#marka .ui-ikon {width:34px;height:34px;color:var(--orman)}
#marka b {font-family:Archivo,Instrument,sans-serif;font-weight:850;font-size:19px;letter-spacing:-.65px;line-height:1.04}
#hud {position:static;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:0;gap:5px;flex:1;min-width:0;justify-content:stretch;pointer-events:none}
.rozet {display:grid;grid-template-columns:20px 1fr;gap:1px 7px;border-radius:0;background:#fff;box-shadow:0 1px 5px #24462e0c;border:1px solid #e5ebe0;padding:9px 7px;min-width:0;white-space:normal;font-size:15px;color:var(--koyu)}
.rozet>.ui-ikon,.rozet>#dongu-halka {grid-row:1/3;width:20px;height:20px;align-self:center;color:var(--orman)}
.rozet .deger {white-space:nowrap;line-height:1.15;letter-spacing:-.25px;font-variant-numeric:tabular-nums}
.rozet small {display:block;font-size:10px;font-weight:400;color:#607368;white-space:nowrap}
.rozet.sehir {grid-template-columns:18px 1fr;font-size:12px}
#gorev .rozet.kriz {position:static;grid-column:1/-1;display:block;width:100%;max-width:none;min-width:0;min-height:0;padding:8px 10px;margin:0;background:#fff6e7;font-size:13px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
#hud-kriz {display:block;max-width:100%}
#hud-hava-ikon {display:none}
#ust-kontroller {display:flex;gap:5px;align-items:center}
#ust-kontroller>button {position:static;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:7px;border:1px solid #e0e8dc;border-radius:0;color:var(--koyu);background:#fff;box-shadow:none;font-size:16px}
#gorev {top:calc(var(--ust) + 18px);left:18px;width:263px;max-width:calc(100vw - 36px);padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:11px 8px;border-radius:0;background:var(--kagit);border:1px solid #fff;box-shadow:var(--golge);color:var(--koyu)}
.g-etiket {display:flex;align-items:center;gap:8px;color:var(--orman);font-size:13px;font-weight:800;grid-column:1/-1;text-transform:none;letter-spacing:0}
#gorev-metin {grid-column:1/-1;font-size:18px;letter-spacing:-.5px;color:var(--koyu)!important;line-height:1.2}
#gorev-cubuk {grid-column:1/-1;height:7px;background:#e4eadf;overflow:hidden}
#gorev-cubuk i {display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--yesil);transition:transform 240ms ease}
#gorev-ilerleme {font-size:12px;color:#466452;font-variant-numeric:tabular-nums;text-align:right;grid-column:2;grid-row:4}
#gorev-odul {font-size:12px;font-weight:600;color:var(--orman);grid-column:1;grid-row:4}
#sdm-panel,#gdt-panel {top:auto;left:18px;width:292px;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:5px 10px;padding:12px;border-radius:0;border:1px solid #ffffff80;background:#123e31ed;box-shadow:var(--golge);color:#fff}
#sdm-panel {bottom:162px}
#gdt-panel {bottom:70px}
#sdm-panel img,#gdt-panel img {grid-row:1/4;width:50px;height:50px;object-fit:contain}
#sdm-panel b,#gdt-panel b {font-size:12px;line-height:1.25;color:#fff;text-align:left}
#sdm-panel span,#gdt-panel span {font-size:11px;line-height:1.35;color:#c9ddd0;font-weight:400}
#sdm-bar,.gdt-bar {height:4px;border-radius:0;background:#ffffff2b}
#sdm-bar i,.gdt-bar i {border-radius:0;background:#6cca70}
#magaza-ac,#liderlik-ac,#etki-ac {display:flex;align-items:center;justify-content:center;gap:8px;bottom:16px;padding:11px 15px;font-size:13px;border-radius:0;box-shadow:var(--golge);border:1px solid #fff;min-height:44px}
#liderlik-ac {left:18px;background:#fff;color:var(--koyu)}
#etki-ac {left:142px;background:#fff;color:var(--koyu)}
#magaza-ac {right:18px;background:var(--orman);border-color:#2e7349;color:#fff}
#magaza-ac[aria-expanded=true] {background:#ecf3e8;color:var(--orman)}
#ipucu {bottom:18px;padding:10px 14px;max-width:calc(100vw - 630px);background:#fffffff2;color:var(--koyu);border-radius:0;font-size:11px;font-weight:600;line-height:1.3;box-shadow:var(--golge)}
#telsiz {left:18px;bottom:264px;max-width:260px}
#surum {bottom:2px;left:18px;font-size:9px;opacity:.45}
/* Yükseltmeler sahnenin üzerinde tek bir dar alana yerleşir. */
#magaza {left:auto;right:18px;top:calc(var(--ust) + 12px);bottom:76px;width:min(340px,36vw);max-height:none;padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid #d4e0d2;border-radius:0;background:var(--kagit);box-shadow:-6px 10px 28px #19372526;z-index:7;animation:panelgir 220ms var(--ease-out)}
.magaza-baslik-satiri {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--cizgi);background:#f3f7ed}
#magaza h2 {margin:0;font-family:Archivo,Instrument,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.6px;color:var(--koyu)}
#magaza-kapat {display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #d4dfcf;border-radius:0;color:var(--koyu);font-size:12px;padding:6px 9px;min-height:44px;cursor:pointer}
#magaza-liste {display:flex;flex-direction:column;gap:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8da68d transparent;min-height:0;padding:0 13px 12px}
.magaza-kart {flex-shrink:0;width:100%;min-width:0;min-height:96px;grid-template-columns:30px minmax(0,1fr) auto;gap:5px 9px;padding:15px 0;animation:none;background:transparent;border:0;border-bottom:1px solid var(--cizgi);border-radius:0}
.magaza-kart:hover:not(:disabled) {background:#edf4e8}
.magaza-kart.alindi {opacity:1;background:#edf5e7;border-color:var(--cizgi)}
.magaza-kart.kilitli {opacity:.7;border-style:solid}
.mk-ikon {display:flex;color:var(--orman);font-size:0}
.mk-ikon .ui-ikon {width:26px;height:26px}
.mk-ad {font-size:13px;color:var(--koyu);line-height:1.3}
.mk-ad small {font-size:10px;font-weight:400;white-space:nowrap}
.mk-alt {font-size:11px;line-height:1.35;color:#5b6f60}
.mk-fiyat {font-size:13px;color:var(--orman);font-variant-numeric:tabular-nums}
@keyframes panelgir {from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
#magaza .ui-kilit {width:13px;height:13px}
#etki,#liderlik,#nasil,#karne,#gorev-over {border-radius:0;border:1px solid #d4e0d2;background:var(--kagit);box-shadow:var(--golge)}
/* v151: karne ve görevden alınma paneli kağıt zemine geçmişti ama yazı renkleri eski koyu zemindeydi, okunmuyordu */
#karne h2{color:var(--yesil)}#karne-unvan{color:var(--koyu)}
#karne-liste div,#gover-liste div{background:#eef3ec;border:1px solid var(--cizgi);border-radius:0}
#karne-liste b{color:var(--orman)}#karne-liste span,#karne-basarim,.karne-not{color:#4d6356}#karne-basarim b{color:var(--koyu)}
.kb{font-size:11px;font-weight:600;padding:3px 7px;border:1px solid var(--cizgi);color:#4d6356;opacity:.5;filter:none}.kb.var{opacity:1;background:#e6f2e7;border-color:#b9d6bd;color:var(--orman)}
#gorev-over h2{color:#b91c1c}#gover-baslik{color:#7f1d1d}.gover-sebep{color:#5c3b3b}#gover-liste b{color:#b91c1c}#gover-liste span{color:#6b4c4c}
#etki,#liderlik {inset:calc(var(--ust) + 14px) 16px 76px auto;width:min(500px,calc(100vw - 32px));margin:0}
#nasil {max-height:calc(100dvh - 100px);overflow-y:auto}
@media (min-width:1700px) {.rozet{font-size:18px;padding:10px 12px}.rozet small{font-size:11px}#marka{flex-basis:218px}#marka b{font-size:23px}}
@media (max-width:1250px) and (min-width:701px) {
  :root{--ust:112px}#ust-cubuk{gap:12px;min-height:112px}#marka{flex-basis:147px}#marka b{font-size:16px}
  #hud{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.rozet{grid-template-columns:17px 1fr;padding:5px 6px;font-size:13px;gap:0 5px}.rozet small{font-size:9px}.rozet>.ui-ikon{width:17px;height:17px}
  #ust-kontroller{display:grid;grid-template-columns:repeat(2,36px)}#ust-kontroller>button{min-width:36px}
  #ipucu{max-width:calc(100vw - 525px);font-size:10px}
}
@media (max-width:700px) {
  :root{--ust:164px}#ust-cubuk{display:grid;grid-template-columns:1fr auto;padding:8px 10px;gap:7px;min-height:0}
  #marka{gap:7px}#marka b{font-size:17px}#marka .ui-ikon{width:28px;height:28px}
  #ust-kontroller{gap:3px;grid-column:2;grid-row:1}#ust-kontroller>button{min-width:36px;padding:6px;min-height:44px}#ust-kontroller .ui-ikon{width:18px;height:18px}
  #nasil-oyun{display:none!important}#hud{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;pointer-events:auto;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#b7c9b0 transparent;padding-bottom:4px}.rozet{flex:0 0 72px;padding:6px;gap:2px;font-size:14px;display:flex;flex-direction:column;align-items:flex-start;min-height:43px}.rozet>.ui-ikon,.rozet>#dongu-halka{display:none}.rozet small{font-size:10px}.rozet.sehir{font-size:12px}
  .rozet.kriz{right:10px;max-width:180px}#gorev{top:calc(var(--ust) + 9px);left:10px;max-width:calc(100vw - 20px);width:240px;padding:10px 12px;gap:6px}.g-etiket{font-size:11px}.g-etiket .ui-ikon{width:16px;height:16px}#gorev-metin{font-size:15px}#gorev-ilerleme,#gorev-odul{font-size:11px}#gorev-cubuk{height:5px}
  #magaza-ac,#liderlik-ac,#etki-ac{bottom:max(10px,env(safe-area-inset-bottom));font-size:12px;padding:9px 10px;gap:6px}#liderlik-ac{left:10px}#etki-ac{left:116px;right:auto}#magaza-ac{right:10px}#magaza-ac .ui-ikon{display:none}
  #ipucu{bottom:66px;max-width:calc(100vw - 20px);width:auto;font-size:10px;padding:7px 10px}#telsiz{display:none}
  #sdm-panel,#gdt-panel{left:10px;width:250px;padding:8px;grid-template-columns:35px 1fr;gap:4px 8px}#sdm-panel img,#gdt-panel img{width:35px;height:35px}#sdm-panel b,#gdt-panel b{font-size:11px}#sdm-panel span,#gdt-panel span{font-size:10px}#gdt-panel{bottom:105px}#sdm-panel{bottom:192px}
  #magaza{top:auto;right:10px;left:10px;bottom:64px;width:auto;height:38dvh;max-height:340px;animation-name:panelmobil}.magaza-baslik-satiri{padding:6px 12px}#magaza h2{font-size:18px}#magaza-liste{padding:0 12px 10px}.magaza-kart{min-height:91px;padding:12px 0}
  body:has(#magaza:not([hidden])) #ipucu{visibility:hidden}
  body:has(#magaza:not([hidden])) #gorev{width:calc(100vw - 20px);padding:8px 10px;gap:6px}
  body:has(#magaza:not([hidden])) #gorev .g-etiket,body:has(#magaza:not([hidden])) #gorev-odul{display:none}
  body:has(#magaza:not([hidden])) #gorev-metin{grid-column:1;grid-row:1;font-size:13px}
  body:has(#magaza:not([hidden])) #gorev-ilerleme{grid-column:2;grid-row:1}
  body:has(#magaza:not([hidden])) #gorev-cubuk{grid-row:2}
  #etki,#liderlik{inset:calc(var(--ust) + 8px) 10px 64px;width:auto}#saha-cagri{top:calc(var(--ust) + 10px);width:calc(100vw - 20px)}
}
@keyframes panelmobil {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media (max-height:500px) and (min-width:701px) {
  #saha-cagri:not([hidden]) ~ #gun-rapor{top:216px} /* v151: v150 kartı 138 px, eski 196 px değeri karta biniyordu */
  :root{--ust:66px}#ust-cubuk{display:flex;padding:6px 10px;gap:7px;min-height:66px}#marka{flex:0 0 117px;gap:5px}#marka b{font-size:14px}#marka .ui-ikon{width:25px;height:25px}
  #hud{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}.rozet{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 3px;font-size:11px}.rozet small{font-size:8px;display:block}.rozet>.ui-ikon,.rozet>#dongu-halka{display:none}.rozet.sehir{font-size:9px}
  #ust-kontroller{display:flex;gap:3px}#ust-kontroller>button{min-width:32px;min-height:44px;padding:4px}#nasil-oyun{display:none!important}
  #gorev{top:76px;left:10px;width:205px;padding:9px 11px;gap:5px}#gorev-metin{font-size:14px}.g-etiket{font-size:11px}.g-etiket .ui-ikon{width:17px;height:17px}#gorev-cubuk{height:5px}
  #magaza{right:10px;top:76px;bottom:65px;width:300px}.magaza-baslik-satiri{padding:5px 11px}#magaza h2{font-size:17px}.magaza-kart{min-height:90px;padding:11px 0}#magaza-liste{padding:0 10px}
  #magaza-ac,#liderlik-ac,#etki-ac{bottom:10px;min-height:44px;padding:8px 11px;font-size:12px}#liderlik-ac{left:10px}#etki-ac{left:125px}#magaza-ac{right:10px}#ipucu{bottom:12px;max-width:calc(100vw - 455px);font-size:10px}
  #sdm-panel,#gdt-panel{left:10px;width:215px;padding:7px;grid-template-columns:30px 1fr;gap:3px 6px}#sdm-panel img,#gdt-panel img{width:30px;height:30px}#sdm-panel b,#gdt-panel b{font-size:10px}#sdm-panel span,#gdt-panel span{font-size:9px}#sdm-panel{bottom:149px}#gdt-panel{bottom:65px}
}
@media (prefers-reduced-motion:reduce) {#magaza{animation:none!important}#gorev-cubuk i{transition:none}}
#oyun-rehberi {position:fixed;inset:0;z-index:1000;background:rgb(19 38 26 / .20);font-family:Instrument,sans-serif}
.rehber-kart {position:absolute;left:50%;bottom:85px;transform:translateX(-50%);width:min(430px,calc(100vw - 24px));padding:18px;background:#fafaf3;color:#143e2f;border:1px solid #cad1bd;box-shadow:0 12px 48px #183b2929;box-sizing:border-box}
.rehber-ust,.rehber-alt {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600}
.rehber-kart h2 {margin:12px 0 7px;font-size:23px;line-height:1.1;letter-spacing:-.7px}
.rehber-kart p {margin:0;font-size:14px;line-height:1.45;min-height:41px}
#rehber-demo {position:static;display:block;width:100%;height:auto;max-height:126px;touch-action:auto}
.rehber-ilerleme {height:3px;background:#e0e5d5;margin:10px 0 14px;overflow:hidden}
.rehber-ilerleme i {display:block;height:100%;background:#17633d;transform-origin:left}
.rehber-alt button,#rehber-tekrar {border:1px solid #b9c6ad;background:#fafaf3;color:#174e33;padding:9px 12px;min-height:44px;font:600 13px Instrument,sans-serif;cursor:pointer}
#rehber-gec {background:#17633d;color:#fff;border-color:#17633d}
.rehber-isaret {position:fixed;pointer-events:none;border:2px solid #226d42;box-shadow:0 0 0 5px #fafaf390}
.rehber-acik #ipucu,.rehber-acik #telsiz,.rehber-acik #gorev {visibility:hidden}
#rehber-tekrar {display:block;margin:14px 0}
@media(max-width:600px){.rehber-kart{bottom:80px;padding:14px}.rehber-kart h2{font-size:21px}}
@media(max-height:500px){.rehber-kart{bottom:10px;left:12px;transform:none;width:350px;padding:12px}.rehber-kart h2{margin-top:8px;font-size:20px}#rehber-demo{height:80px;width:auto;margin:auto}.rehber-kart p{min-height:0;font-size:13px}.rehber-ilerleme{margin:5px 0 8px}}