/* =========================================================
   Yeşilçam teması: 70'ler Türk sineması.
   Elle boyanmış afiş kâğıdı, tram baskı noktaları, film şeridi menü, sinema bileti butonlar,
   ampullü tabela başlıklar, sepya "başrol" portreleri, ara yazı (intertitle) bildirimleri.
   Streets (theme.css) yapısının üstüne kurulur; html.yesilcam ile açılır.
   ========================================================= */
html.yesilcam {
  --paper: #f1e3c2;
  --paper2: #e8d4a8;
  --ink: #f1e3c2;
  --ink2: #e8d4a8;
  --surface: #f7ecd2;
  --surface2: #f3e4c0;
  --brown: #3a2314;
  --line: #3a2314;
  --line2: #3a2314;
  --text: #2b1a0f;
  --muted: #6e5238;
  --gold: #e3a21f;
  --gold2: #a3330f;
  --gold3: #8a5a12;
  --red: #c8261b;
  --red2: #b0200f;
  --green: #2f6a2b;
  --blue: #2f5d8a;
  --teal: #2f7a73;
  --lime: #e3a21f;
  --pink: #c8261b;
  --sun: #e9b53a;
  --mint: #9cc7a8;
  --hard: 3px 3px 0 #3a2314;
  --shadow: 5px 5px 0 #3a2314;
  --display: 'Abril Fatface', Georgia, serif;
  --sans: 'Bitter', Georgia, serif;
  --radius: 6px;
}

/* ---------- zemin: afiş kâğıdı + tram noktaları + yanık kenar ---------- */
html.yesilcam body {
  color: var(--text);
  font-family: var(--sans);
  background:
    radial-gradient(circle at 0 0, rgba(200, 38, 27, .16) 1.2px, transparent 1.6px) 0 0 / 7px 7px,
    radial-gradient(130% 100% at 50% 40%, transparent 55%, rgba(120, 70, 20, .38) 100%),
    linear-gradient(180deg, #f4e7c9, #ead6aa);
  background-attachment: fixed;
}
html.yesilcam .grain { display: block; opacity: .22; mix-blend-mode: multiply; z-index: 89; }
html.yesilcam .grain::after {
  content: ''; position: absolute; inset: 0;
  background: repeating-linear-gradient(90deg, transparent 0 57px, rgba(58, 35, 20, .07) 57px 58px, transparent 58px 131px);
  animation: yc-scratch 1.4s steps(3) infinite;
}
@keyframes yc-scratch { 0% { transform: translateX(0); opacity: .5; } 50% { transform: translateX(-9px); opacity: 1; } 100% { transform: translateX(5px); opacity: .6; } }
@media (prefers-reduced-motion: reduce) { html.yesilcam .grain::after { animation: none; } }
html.yesilcam a { color: var(--red); }
html.yesilcam .muted { color: var(--muted); }
html.yesilcam .gold-t { color: #a3330f; }
html.yesilcam .red-t { color: var(--red); }

/* ---------- üst bar: sinema tabelası, ampullü çerçeve ---------- */
html.yesilcam #hud {
  background: linear-gradient(180deg, #7a1a12, #5a120c);
  color: #f7e6c4;
  border-bottom: 0;
  box-shadow: 0 4px 0 #3a2314, 0 8px 18px rgba(58, 35, 20, .35);
  position: relative;
}
html.yesilcam #hud::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 4px; height: 6px; pointer-events: none;
  background: radial-gradient(circle, #ffe9a8 1.8px, #f0b43a 2.4px, transparent 3px) 0 50% / 14px 6px repeat-x;
  filter: drop-shadow(0 0 3px rgba(255, 210, 120, .9));
  animation: yc-bulbs 1.2s steps(2) infinite;
}
@keyframes yc-bulbs { 50% { background-position: 7px 50%; } }
html.yesilcam #hud .who, html.yesilcam #hud .who * { color: #f7e6c4 !important; }
html.yesilcam #hud .meter { background: #f7ecd2; border: 2px solid #3a2314; border-radius: 3px; box-shadow: 2px 2px 0 #1e0f07; }
html.yesilcam #hud .meter, html.yesilcam #hud .meter * { color: #3a2314 !important; }
html.yesilcam #hud .wallet { background: linear-gradient(180deg, #f2c75a, #d9951d); border: 2px solid #3a2314; border-radius: 3px; box-shadow: 2px 2px 0 #1e0f07; }
html.yesilcam #hud .wallet, html.yesilcam #hud .wallet * { color: #2b1407 !important; }
html.yesilcam #hud .btn, html.yesilcam #hud button { background: #f1e3c2; color: #3a2314 !important; border: 2px solid #3a2314; box-shadow: 2px 2px 0 #1e0f07; }
html.yesilcam #hud button * { color: #3a2314 !important; }

/* ---------- bölüm başlığı: afiş yazısı ---------- */
html.yesilcam .shead { position: relative; padding-top: 16px; }
html.yesilcam .shead::before {
  content: '★ YEŞİLÇAM SUNAR ★'; position: absolute; top: 0; left: 0;
  font: 700 10px/1 var(--sans); letter-spacing: 3px; color: var(--muted);
}
html.yesilcam .shead-ic {
  border-radius: 50%; background: radial-gradient(circle, #3a2314 22%, #e9b53a 23% 60%, #3a2314 61%);
  color: #f1e3c2; border: 3px solid #3a2314; box-shadow: 3px 3px 0 #a3330f;
}
html.yesilcam .shead h2 {
  font: 36px/1 var(--display); text-transform: none; letter-spacing: .5px;
  color: var(--red);
  -webkit-text-stroke: 1.2px #3a2314;
  text-shadow: 3px 3px 0 #e9b53a, 5px 5px 0 #3a2314;
  transform: rotate(-2deg); transform-origin: left center;
}
html.yesilcam .shead p { font-style: italic; color: var(--muted); }
html.yesilcam .eyebrow { background: none; border: 0; color: var(--red); font-family: var(--sans); letter-spacing: 2.5px; padding: 0; }
html.yesilcam h2, html.yesilcam .ov-title { font-family: var(--display); }

/* ---------- kartlar: afiş/lobi kartı — çift çizgi çerçeve, yırtık bant köşeler ---------- */
html.yesilcam .card {
  background: linear-gradient(180deg, rgba(255, 250, 235, .7), rgba(241, 227, 194, .9));
  border: 2px solid #3a2314;
  outline: 1px solid rgba(58, 35, 20, .55); outline-offset: -7px;
  border-radius: 4px;
  box-shadow: 4px 4px 0 rgba(58, 35, 20, .85), 0 10px 22px rgba(90, 50, 15, .18);
  color: var(--text);
}
html.yesilcam .card h3 { font-family: var(--display); font-weight: 400; font-size: 17px; letter-spacing: .3px; color: #3a2314; }
html.yesilcam .card b { color: #2b1a0f; }

/* ---------- butonlar: sinema bileti (yan çentikli) ---------- */
html.yesilcam .btn {
  border: 2px solid #3a2314; border-radius: 3px;
  font-family: var(--display); font-weight: 400; letter-spacing: .6px;
  background: #f7ecd2; color: #3a2314;
  box-shadow: 3px 3px 0 #3a2314;
  -webkit-mask: radial-gradient(circle 5px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 5px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat;
          mask: radial-gradient(circle 5px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 5px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat;
}
html.yesilcam .btn:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 #3a2314; }
html.yesilcam .btn.gold { background: linear-gradient(180deg, #f2c75a, #d9951d); color: #2b1407; text-shadow: none; }
html.yesilcam .btn.red { background: linear-gradient(180deg, #d63a2c, #a61d12); color: #fbeacb; text-shadow: 1px 1px 0 #3a2314; }
html.yesilcam .btn.ghost { background: transparent; border: 2px dashed #3a2314; box-shadow: none; }
html.yesilcam .btn.dim { background: #dccaa2; color: #7d6448; box-shadow: 2px 2px 0 #7d6448; }
html.yesilcam .btn[disabled] { filter: grayscale(.6); }

/* ---------- sekmeler: film kareleri ---------- */
html.yesilcam .seg {
  background: #2a1a10; border: 0; border-radius: 3px; padding: 10px 6px;
  box-shadow: 3px 3px 0 #a3330f;
  background-image:
    radial-gradient(circle at 50% 50%, #f1e3c2 2px, transparent 2.6px),
    radial-gradient(circle at 50% 50%, #f1e3c2 2px, transparent 2.6px);
  background-size: 12px 6px, 12px 6px;
  background-position: 0 1px, 0 calc(100% - 1px);
  background-repeat: repeat-x;
}
html.yesilcam .seg button { color: #cdb690; border-radius: 2px; font-family: var(--sans); }
html.yesilcam .seg button.on { background: #f1e3c2; color: #3a2314; box-shadow: inset 0 0 0 2px #e9b53a; }

/* ---------- alt menü: film şeridi ---------- */
html.yesilcam #nav {
  background: #1e120a; border-radius: 4px; border: 0;
  box-shadow: 0 -2px 0 #e9b53a inset, 4px 4px 0 rgba(58, 35, 20, .5);
  padding-top: 10px;
  background-image:
    radial-gradient(circle, #f1e3c2 2.2px, transparent 2.8px),
    radial-gradient(circle, #f1e3c2 2.2px, transparent 2.8px);
  background-size: 16px 8px, 16px 8px;
  background-position: 4px 2px, 4px calc(100% - 1px);
  background-repeat: repeat-x;
}
html.yesilcam #nav button { color: #cdb690; font-family: var(--sans); }
html.yesilcam #nav button.on { color: #3a2314; }
html.yesilcam #nav .pill { background: linear-gradient(180deg, #f2c75a, #d9951d); border-radius: 2px; box-shadow: inset 0 0 0 2px #3a2314; }

/* ---------- avatarlar: sepya başrol portresi, oval çerçeve ---------- */
html.yesilcam svg.avatar { filter: sepia(.55) saturate(.85) contrast(1.08); }
html.yesilcam .face, html.yesilcam .mc-face { border-radius: 46% / 50% !important; }
html.yesilcam .face:has(> svg.avatar), html.yesilcam .mc-face:has(> svg.avatar), html.yesilcam .av:has(> svg.avatar) { background: none !important; }
html.yesilcam .face > svg.avatar, html.yesilcam .mc-face > svg.avatar, html.yesilcam .av > svg.avatar {
  border-radius: 46% / 50%;
  box-shadow: 0 0 0 2px #e9b53a, 0 0 0 4px #3a2314, 3px 3px 0 4px rgba(58, 35, 20, .5);
}
html.yesilcam .face { filter: sepia(.35); }

/* ---------- pencere ve alt çekmece: afiş ---------- */
html.yesilcam .ov-card, html.yesilcam .ov-card.intro {
  background:
    repeating-conic-gradient(from 0deg at 50% -10%, rgba(233, 181, 58, .22) 0 6deg, transparent 6deg 12deg),
    linear-gradient(180deg, #f7ecd2, #ecd8ad) !important;
  border: 3px solid #3a2314; border-radius: 4px;
  outline: 1px solid #3a2314; outline-offset: -9px;
  box-shadow: 6px 6px 0 #a3330f, 0 20px 40px rgba(30, 15, 5, .45);
  color: var(--text);
}
html.yesilcam .ov-card .ov-title, html.yesilcam .ov-card.intro .ov-title {
  font-family: var(--display); color: var(--red); -webkit-text-stroke: 1px #3a2314; text-shadow: 2px 2px 0 #e9b53a, 4px 4px 0 #3a2314;
}
html.yesilcam .sh-panel { background: linear-gradient(180deg, #f7ecd2, #ecd8ad) !important; border-top: 3px solid #3a2314; }

/* ---------- bildirim: sessiz film ara yazısı ---------- */
html.yesilcam .toast {
  background: #140b05; color: #f1e3c2; border: 2px solid #f1e3c2; border-radius: 2px;
  outline: 1px solid #f1e3c2; outline-offset: -6px;
  box-shadow: 4px 4px 0 #a3330f;
  font-family: var(--sans); font-style: italic; text-align: center;
}

/* ---------- kavga: afiş sonucu ---------- */
html.yesilcam .vs { background: radial-gradient(circle at 50% 30%, #e9b53a, #a3330f 70%) !important; }
html.yesilcam .vs.win { background: radial-gradient(circle at 50% 30%, #f2c75a, #8a5a12 75%) !important; }
html.yesilcam .vs.lose { background: radial-gradient(circle at 50% 30%, #6b5a4c, #1e120a 75%) !important; }
html.yesilcam .vs-banner {
  font-family: var(--display) !important; letter-spacing: 2px;
  -webkit-text-fill-color: #f7ecd2 !important; color: #f7ecd2 !important;
  -webkit-text-stroke: 1.5px #3a2314; text-shadow: 4px 4px 0 #c8261b, 7px 7px 0 #3a2314 !important;
}
html.yesilcam .vs.lose .vs-banner::after { content: ' — SON —'; font-size: .5em; letter-spacing: 4px; }
html.yesilcam .vs .vs-mid span { font-family: var(--display); color: #f7ecd2; text-shadow: 3px 3px 0 #3a2314; }

/* ---------- harita: eski kâğıt harita ---------- */
html.yesilcam .mapwrap { filter: sepia(.55) contrast(1.02); border-radius: 4px !important; }

/* ---------- küçük ayrıntılar ---------- */
html.yesilcam .pill-s, html.yesilcam .rtag, html.yesilcam .foetag { border-radius: 2px; font-family: var(--sans); }
html.yesilcam .cand-e { background: #f1e3c2; border: 2px solid #3a2314; border-radius: 50%; }
html.yesilcam .sumchips span { background: #f7ecd2; border: 1.5px solid #3a2314; border-radius: 2px; color: #2b1a0f; }
html.yesilcam .revbox { background: repeating-linear-gradient(-45deg, #f7ecd2 0 14px, #f1dcc0 14px 28px); }
html.yesilcam input, html.yesilcam select { background: #fbf3df; border: 2px solid #3a2314; color: #2b1a0f; font-family: var(--sans); border-radius: 3px; }

/* ---------- Streets'ten kalan beyaz/pembe/neon parçalar → afiş kâğıdı ---------- */
html.yesilcam :is(.iconbtn, .meter, .stats div, .chip, .chips-nav button, .stoprow, .mahrow, .ilrow, .prow, .board li,
  .mapctl button, #ilcechip, .vs-rounds span, .vs .cmp, .vs-rew span, .refcard, .pc-emb .av-edit, .av-parts button,
  .av-opts .thumb, .bagitem, .ih-stats div, .prop, .item, .slot3, .slots3 button, .slot, .lg-cur, .lg-syn, .mapcta,
  .mapcta.ilcechip .x, .revbox.in-ov, .tile) {
  background: #f7ecd2 !important; color: #2b1a0f; border-color: #3a2314 !important;
}
html.yesilcam :is(.rival.foe, .siegebox.bad, .slot.short, .revbox) { background: repeating-linear-gradient(-45deg, #f7ecd2 0 14px, #efd9bf 14px 28px) !important; }
html.yesilcam :is(.chips-nav button.on, .board li.me, .stoprow.next, .av-parts button.on, .av-opts .thumb.on, .regionbox.mine,
  .kahya.on, .till, .plus, .catchup, .vs-rounds .w, .vs-rew .gold-t) {
  background: linear-gradient(180deg, #f2c75a, #d9951d) !important; color: #2b1407 !important;
}
html.yesilcam :is(.adcard, .pw-big + .pw-big, .lg-mine, .mahlead.buy, .mbadge.own, .stoptag.won) { background: #cfe0c4 !important; color: #2b1a0f !important; }
html.yesilcam :is(.vs-rounds .l, .vs-rew .red-t, .bagitem .cnt, .prop .cnt, .nb) { background: #a61d12 !important; color: #fbeacb !important; }
html.yesilcam :is(.btn.dim, .plus.dim, .do.dim, .item.lock .tile, .prop.lock .tile) { background: #dccaa2 !important; color: #7d6448 !important; }
html.yesilcam .pw-big:first-child { background: linear-gradient(180deg, #f2c75a, #d9951d) !important; }
html.yesilcam :is(.card, .item, .prop, .bagitem, .slot, .stoprow, .mahrow, .ilrow, .prow, .board li) { border-radius: 4px !important; }
html.yesilcam .meter .bar i { background: #3f7a3a; }
html.yesilcam .meter.st .bar i { background: #2f5d8a; }
html.yesilcam .meter.hp .bar i { background: #a61d12; }
html.yesilcam .citymap.real .ilce.mine { fill: #f2c75a; }
html.yesilcam .pc-emb.av .avatar, html.yesilcam .vs-face.av .avatar, html.yesilcam .av-big svg.avatar { filter: sepia(.55) saturate(.85) contrast(1.08) drop-shadow(3px 3px 0 #3a2314); }
html.yesilcam .vs-face.av { box-shadow: 0 0 0 3px #e9b53a, 0 0 0 6px #3a2314 !important; border-radius: 46% / 50% !important; }

/* ---------- gazete + yolculuk ---------- */
html.yesilcam .gz-head { border-bottom: 4px double #3a2314; }
html.yesilcam .gz-head h2 { font: 38px/1 var(--display); color: var(--red); -webkit-text-stroke: 1.2px #3a2314; text-shadow: 3px 3px 0 #e9b53a, 5px 5px 0 #3a2314; transform: rotate(-1.5deg); }
html.yesilcam .gz-item { border-bottom: 1.5px solid #3a2314; }
html.yesilcam .gz-item.top { border-bottom: 4px double #3a2314; }
html.yesilcam .gz-item.top p { font: 24px/1.15 var(--display); color: #2b1a0f; }
html.yesilcam .gz-ic { background: #f7ecd2; border: 2px solid #3a2314; border-radius: 50%; color: #a3330f; box-shadow: 2px 2px 0 #a3330f; }
html.yesilcam .gz-item.k-win .gz-ic, html.yesilcam .gz-item.k-loss .gz-ic { background: #a61d12; color: #fbeacb; }
html.yesilcam .gz-item.k-lvl .gz-ic { background: #cfe0c4; color: #2b5d2a; }
html.yesilcam .gz-tag { color: #a3330f; }
html.yesilcam .marchbox { background: repeating-linear-gradient(-45deg, #f7ecd2 0 14px, #efd9bf 14px 28px) !important; }
html.yesilcam .mb-bar { background: #f7ecd2; border: 2px solid #3a2314; border-radius: 2px; }
html.yesilcam .mb-bar i { background: linear-gradient(90deg, #d9951d, #f2c75a); }

html.yesilcam .marchmap { background: #f1e3c2; border: 2px solid #3a2314; border-radius: 3px; filter: sepia(.25); }
html.yesilcam .mm-dots circle { fill: #3a2314; opacity: .35; }
html.yesilcam .mm-route { stroke: #3a2314; }
html.yesilcam .mm-done { stroke: #a61d12; stroke-width: 3.2; }
html.yesilcam .mm-from { fill: #cfe0c4; stroke: #3a2314; } html.yesilcam .mm-to { fill: #a61d12; stroke: #3a2314; }
html.yesilcam .mm-lab { fill: #2b1a0f; stroke: #f1e3c2; font-family: var(--sans); }

/* ---------- sefer hazırlığı ---------- */
html.yesilcam .so-row, html.yesilcam .so-vrow { background: #f7ecd2 !important; border: 2px solid #3a2314; border-radius: 3px; }
html.yesilcam .so-row.on, html.yesilcam .so-vrow.on { background: linear-gradient(180deg, #f2c75a, #d9951d) !important; }
html.yesilcam .so-ck { border: 2px solid #3a2314; background: #fbf3df; border-radius: 2px; }
html.yesilcam .so-row.on .so-ck { background: #a61d12; color: #fbeacb; border-color: #3a2314; }
html.yesilcam .so-step button { background: #f7ecd2; border: 2px solid #3a2314; border-radius: 2px; color: #3a2314; }
html.yesilcam .so-sum { background: repeating-linear-gradient(-45deg, #f7ecd2 0 14px, #efd9bf 14px 28px); border: 2px solid #3a2314; border-radius: 3px; box-shadow: 3px 3px 0 #a3330f; }
html.yesilcam .so-eta b { color: #a3330f; font-family: var(--display); }
html.yesilcam .so-warn { color: #a61d12; }

html.yesilcam .eyebrow { color: #8f1a10; font-weight: 800; }
html.yesilcam .chip.ok { color: #2f6a2b; background: #eaf3e4; border-color: #2f6a2b; }
html.yesilcam .chip.no { color: #8f1a10; background: #f8e6e2; border-color: #8f1a10; }

/* ---- Okunabilirlik toparlaması (Yeşilçam) ---- */
html.yesilcam .threat.hard { color: #9a4a06; }
html.yesilcam .threat.hard .pips i.on { background: #9a4a06; }
html.yesilcam .threat.even { color: #6b4a00; }
html.yesilcam .ov-card .stats small, html.yesilcam .sh-panel .stats small, html.yesilcam .ilstats small, html.yesilcam .ih-stats small,
html.yesilcam .pw-big small { color: #5a3d28 !important; }
html.yesilcam .inbox-list li { text-decoration: none; }
html.yesilcam .inbox-list li span { text-decoration: none; }