/* Kelime Gezmece — renkler bölüme göre JS'ten (--c1, --c2, --vurgu) */
:root{--o:1;--h:40px;--ara:4px;--c1:#f6a96b;--c2:#b8507a;--vurgu:#a8436a;--cark:300px;--harf:64px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:#3a2240}
body{font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;user-select:none;-webkit-user-select:none;touch-action:none;color:#fff}
button{font:inherit}

#oyun{position:fixed;inset:0;display:flex;flex-direction:column;background:linear-gradient(165deg,var(--c1),var(--c2));transition:background .8s}
#oyun::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;
	background-image:radial-gradient(circle at 20% 15%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 40%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 40% 80%,#fff 0 2px,transparent 3px);
	background-size:120px 120px,90px 90px,150px 150px}

/* Üst çubuk */
#ust{position:relative;height:calc(56px*var(--o));flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top))}
.btn-ust{width:calc(44px*var(--o));height:calc(44px*var(--o));border-radius:calc(14px*var(--o));border:0;background:rgba(255,255,255,.22);color:#fff;display:grid;place-items:center;cursor:pointer}
.btn-ust:hover{background:rgba(255,255,255,.32)}
#bolum{flex:1;text-align:center;font-weight:900;font-size:calc(19px*var(--o));line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.3)}
#bolum small{display:block;font-weight:800;opacity:.9;font-size:calc(13px*var(--o))}
#jeton{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.22);font-weight:900;font-size:calc(18px*var(--o));padding:5px 14px 5px 6px;border-radius:22px;min-width:calc(84px*var(--o))}
#jeton.artti{animation:zipla .5s}
.para{display:inline-block;width:calc(26px*var(--o));height:calc(26px*var(--o));border-radius:50%;flex:0 0 auto;
	background:radial-gradient(circle at 35% 32%,#fff2a8 0 12%,#ffd23f 30%,#f0a500 70%,#c98400);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.2)}
.para.kucuk{width:14px;height:14px}

/* Oyun alanı */
#alan{position:relative;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
#izgara-alan{flex:1 1 auto;min-height:0;position:relative;display:grid;place-items:center;padding:6px}
#izgara{position:relative}
.hucre{position:absolute;width:var(--h);height:var(--h);border-radius:calc(var(--h)*.2);background:rgba(255,255,255,.92);
	box-shadow:0 calc(var(--h)*.05) 0 rgba(0,0,0,.14);display:grid;place-items:center;font-weight:900;font-size:calc(var(--h)*.6);color:transparent;
	transition:background .25s,color .25s}
.hucre.acik{background:var(--vurgu);color:#fff}
.hucre.ipucu{background:#fff;color:var(--vurgu);box-shadow:inset 0 0 0 max(2px,calc(var(--h)*.06)) var(--vurgu)}
.hucre.yeni{animation:pop .4s backwards}
.hucre.parla{animation:parla .6s}
.hucre.hedef{outline:3px dashed #fff;outline-offset:2px;cursor:pointer}

/* Önizleme */
#alt{position:relative;flex:0 0 auto;height:clamp(240px,47vh,560px);display:flex;flex-direction:column}
#onizleme{height:calc(52px*var(--o));flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:3px}
#onizleme span{background:#fff;color:var(--vurgu);font-weight:900;font-size:calc(26px*var(--o));min-width:calc(34px*var(--o));height:calc(42px*var(--o));display:grid;place-items:center;border-radius:10px;padding:0 6px;box-shadow:0 3px 0 rgba(0,0,0,.15);animation:pop .15s}
#onizleme.hata{animation:sarsil .4s}
#onizleme.hata span{background:#ffd9d9;color:#c0392b}
#onizleme.dogru span{background:#dcf8d4;color:#2e8b3a}
#onizleme.ayni span{background:#fff2bf;color:#9a7300}
#onizleme.bonus span{background:#fff2bf;color:#b07d00}
#onizleme.sondur{opacity:0;transition:opacity .3s .25s}

/* Çark */
#cark-alan{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:calc(76px*var(--o)) 1fr calc(76px*var(--o));align-items:center;padding:0 8px max(12px,env(safe-area-inset-bottom))}
.yan{display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:flex-end;height:100%;padding-bottom:6px}
#cark-tut{height:100%;min-height:0;min-width:0;display:grid;place-items:center}
#cark{position:relative;width:var(--cark);height:var(--cark);border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(0,0,0,.2);touch-action:none}
#cizgi{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#cizgi-yol{fill:none;stroke:var(--vurgu);stroke-width:calc(var(--harf)*.16);stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.harf{position:absolute;width:var(--harf);height:var(--harf);border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:calc(var(--harf)*.62);
	color:var(--vurgu);transform:translate(-50%,-50%);transition:left .35s,top .35s,background .1s,color .1s;cursor:pointer;line-height:1}
.harf.secili{background:var(--vurgu);color:#fff}

/* Yan düğmeler */
.btn-oyun{width:calc(60px*var(--o));height:calc(60px*var(--o));border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--vurgu);display:grid;place-items:center;position:relative;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.15)}
.btn-oyun:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.15)}
.btn-oyun > svg:not(.halka){position:relative;width:calc(28px*var(--o));height:calc(28px*var(--o))}
.btn-oyun .fiyat{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:rgba(40,25,45,.85);color:#fff;font-size:13px;font-weight:900;border-radius:10px;padding:1px 7px 1px 3px;display:flex;gap:3px;align-items:center;white-space:nowrap}
.btn-oyun .fiyat.reklam{padding:1px 7px;background:#2e8b3a}
.rozet{position:absolute;top:-4px;right:-4px;background:#ff9f1a;color:#fff;font-size:12px;font-weight:900;min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;padding:0 6px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.halka{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.halka circle{fill:none;stroke-width:5}
.halka-zemin{stroke:rgba(0,0,0,.07)}
.halka-dolu{stroke:#ffb800;stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;transition:stroke-dashoffset .4s}
#b-bonus.zipla{animation:zipla .5s}

/* Yatay ekran: ızgara solda, çark sağda */
body.yatay #alan{flex-direction:row}
body.yatay #izgara-alan{flex:1.35 1 0}
body.yatay #alt{flex:1 1 0;height:auto;min-width:0}
body.yatay #cark-alan{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}
body.yatay #cark-tut{grid-column:1/3;grid-row:1}
body.yatay .yan{flex-direction:row;height:auto;justify-content:center;padding:8px 0 4px;gap:14px}
body.yatay #sol{grid-column:1;grid-row:2;justify-content:flex-end;padding-right:12px}
body.yatay #sag{grid-column:2;grid-row:2;justify-content:flex-start;padding-left:12px}
body.alcak .btn-oyun{width:48px;height:48px}
body.alcak .btn-oyun svg:not(.halka){width:22px;height:22px}
body.alcak #ust{height:46px}
body.alcak .btn-ust{width:38px;height:38px}
body.alcak #onizleme{height:44px}
body.alcak #onizleme span{height:36px;font-size:22px;min-width:28px}

/* Katmanlar */
.katman{position:fixed;inset:0;background:rgba(25,12,35,.6);display:none;place-items:center;z-index:10;padding:16px}
.katman.acik{display:grid}
.kutu{background:#fff;border-radius:24px;padding:24px 22px;max-width:400px;width:100%;max-height:calc(100vh - 32px);overflow:auto;text-align:center;color:#3b2f40;animation:pop .3s;font-weight:700}
.kutu h2{margin:0 0 6px;color:var(--vurgu);font-size:30px;font-weight:900}
.kutu p{margin:6px 0 12px;line-height:1.4}
#nasil{text-align:left;font-size:15px}
.dugme{border:0;background:var(--vurgu);color:#fff;font-weight:900;font-size:20px;padding:12px 30px;border-radius:16px;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.2);margin:6px 4px}
.dugme:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.2)}
.dugme.ikinci{background:#f1e9f3;color:var(--vurgu);font-size:17px;padding:10px 20px;display:block;width:100%;margin:8px 0}
.dugmeler{display:flex;gap:8px;justify-content:center;margin-top:8px}
.dugmeler .dugme{flex:1;margin:0;display:block;width:auto}
#tebrik-kelimeler,#soru-ek{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:4px 0 10px}
#tebrik-kelimeler span,#soru-ek span{background:#f1e9f3;color:var(--vurgu);border-radius:8px;padding:3px 9px;font-weight:900}
#tebrik-kelimeler span{animation:pop .4s backwards}
.odul{display:flex;align-items:center;justify-content:center;gap:6px;font-size:22px;font-weight:900;color:#b07d00}
#bilgi{position:fixed;left:50%;top:70px;transform:translate(-50%,-10px);background:rgba(30,15,35,.88);color:#fff;padding:9px 18px;border-radius:20px;font-size:16px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:20;white-space:nowrap}
#bilgi.goster{opacity:1;transform:translate(-50%,0)}
#konfeti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:11}

@keyframes pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
.harf.secili{animation:none}
@keyframes parla{0%,100%{filter:none;transform:scale(1)}40%{filter:brightness(1.35);transform:scale(1.12)}}
@keyframes sarsil{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
@keyframes zipla{0%,100%{transform:scale(1)}40%{transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition-duration:.01s!important}}

/* Günün Bulmacası (2026-10-29) */
#b-gunluk .i-geri{display:none}
body.gunluk #b-gunluk .i-takvim{display:none}
body.gunluk #b-gunluk .i-geri{display:block}
body.gunluk #sag{visibility:hidden}
body.gunluk #jeton{opacity:.55}
body.gunluk #seviye-yazi{font-variant-numeric:tabular-nums}
#bolum{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.gunluk #bolum-ad{font-size:calc(16px*var(--o))}
.gunluk-tarih{margin:0 0 4px!important;color:#7a6b80;font-weight:800}
.gunluk-sure{font-size:46px;font-weight:900;color:var(--vurgu);font-variant-numeric:tabular-nums;line-height:1.1;margin:4px 0 6px}
.gunluk-form{display:flex;gap:8px;margin:6px 0 4px}
.gunluk-form[hidden]{display:none}
.gunluk-form input{flex:1;min-width:0;border:2px solid #e2d6e6;border-radius:14px;padding:10px 12px;font:inherit;font-size:18px;color:#3b2f40;outline:none}
.gunluk-form input:focus{border-color:var(--vurgu)}
.gunluk-form .dugme{margin:0;padding:10px 18px;font-size:18px}
.gunluk-durum{min-height:1.2em;font-size:15px;color:#7a6b80;margin:6px 0 8px!important}
#k-gunluk .dugme.ikinci{margin:6px 0}

/* Rekor tablosu katmanı (tablonun kendi HTML/CSS'i sunucudan gelir) */
#rekor-kap{position:fixed;inset:0;z-index:40000;background:#f5f5f5;overflow:hidden;display:none;user-select:text;-webkit-user-select:text;touch-action:auto;color:#222;font-weight:400}
#rekor-kap .rekor-yukleniyor{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-size:18px;color:#555;font-weight:800}
#rekor-kap .rekor-yukleniyor .dugme{margin-top:12px}
/* Pencereler: büyük ekranda arayüzle birlikte büyür, alçak ekranda sıkışır */
.katman .kutu{zoom:var(--o)}
body.alcak .kutu{padding:12px 16px}
body.alcak .kutu h2{font-size:22px;margin-bottom:2px}
body.alcak .kutu p{margin:3px 0 6px}
body.alcak .gunluk-sure{font-size:32px;margin:2px 0}
body.alcak .dugme{font-size:17px;padding:8px 22px}
body.alcak .dugme.ikinci{font-size:15px;padding:6px 14px;margin:4px 0}
body.alcak #k-gunluk .dugme.ikinci{margin:4px 0}
body.alcak .gunluk-form input{padding:6px 10px;font-size:16px}

/* Menü: Ayarlar bölümü (2026-10-29) */
.menu-ara{margin:14px 0 2px!important;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9a8aa0;text-align:left}
.dugme.ikinci.tehlike{background:#fdeaea;color:#c0392b}

/* Eğitim balonu ve el (2026-10-29) */
#egitim{position:fixed;z-index:9;max-width:min(340px,calc(100vw - 16px));background:#fff;color:#3b2f40;border-radius:16px;padding:12px 16px;
	font-size:calc(16px*var(--o));font-weight:800;line-height:1.35;box-shadow:0 8px 24px rgba(0,0,0,.25);pointer-events:none;animation:pop .3s}
#egitim.kapanir{pointer-events:auto}
#egitim::after{content:"";position:absolute;left:var(--ok,50%);top:-9px;width:18px;height:18px;margin-left:-9px;background:#fff;transform:rotate(45deg);border-radius:3px}
#egitim.alt-ok::after{top:auto;bottom:-9px}
#egitim .egt-tamam{display:block;margin:10px 0 0 auto;border:0;background:var(--vurgu);color:#fff;font:inherit;font-size:15px;font-weight:900;padding:6px 18px;border-radius:12px;cursor:pointer}
.egt-vurgu{animation:egtNabiz 1.4s ease-in-out infinite!important;position:relative;z-index:8}
@keyframes egtNabiz{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.85)}50%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
#egt-el{position:fixed;left:0;top:0;z-index:9;pointer-events:none;opacity:0;will-change:transform}
#egt-el svg{position:absolute;left:-6px;top:-4px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
#egt-el .egt-iz{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 4px rgba(255,255,255,.3)}
#egitim.sag-ok::after{left:auto;right:-9px;top:var(--ok,50%);margin:-9px 0 0 0}

/* Uçan jetonlar (2026-10-29) */
.para.ucan{position:fixed;left:0;top:0;z-index:30;pointer-events:none;will-change:transform,opacity}
#jeton.azaldi{animation:azaldi .45s}
@keyframes azaldi{0%,100%{transform:translateX(0);background:rgba(0,0,0,.22)}25%{transform:translateX(-4px);background:rgba(160,20,40,.45)}60%{transform:translateX(3px)}}

/* Bomba (2026-10-29) */
#b-bomba{touch-action:none;color:#2b2235}
#b-bomba .kivilcim{animation:kivilcim 1s ease-in-out infinite;transform-origin:20px 4.5px}
@keyframes kivilcim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
#b-bomba.bitti{opacity:.55}
#b-bomba.bitti .kivilcim{animation:none;opacity:0}
#b-bomba.secimde{outline:3px solid #ffb800;outline-offset:3px;animation:zipla .8s infinite}
.btn-oyun .fiyat.bitti{background:#8a8090}
body.bomba-secim .hucre:not(.acik){outline:2px dashed rgba(255,255,255,.9);outline-offset:1px;cursor:crosshair}
.hucre.bomba-merkez{box-shadow:0 0 0 3px #ffb800,0 0 14px 4px rgba(255,184,0,.75)!important;transform:scale(1.06)}
.hucre.bomba-alan{box-shadow:0 0 0 3px rgba(255,184,0,.75)!important}
.bomba-hayalet,.bomba-ucan{position:fixed;left:0;top:0;z-index:30;pointer-events:none;will-change:transform}
.bomba-hayalet{width:56px;height:56px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}
.bomba-hayalet svg,.bomba-ucan svg{width:100%;height:100%;display:block}
.bomba-kivilcim{position:absolute;right:6%;top:2%;width:22%;height:22%;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,#ffd23f 40%,#ff7a2f 70%,transparent 72%);animation:fitil .12s infinite alternate}
@keyframes fitil{from{transform:scale(.7) rotate(0)}to{transform:scale(1.25) rotate(40deg)}}
.bomba-ucan.titre svg{animation:sars .18s infinite}
.bomba-dalga{position:fixed;z-index:29;pointer-events:none;border-radius:50%;border:5px solid #ffb800;background:radial-gradient(circle,rgba(255,240,180,.9),rgba(255,140,40,.35) 60%,transparent 70%);transform:translate(-50%,-50%) scale(.2);animation:dalga .6s ease-out forwards}
@keyframes dalga{to{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
.bomba-parca{position:fixed;left:-4px;top:-4px;width:8px;height:8px;border-radius:2px;z-index:29;pointer-events:none}
/* Alçak yatay ekranda yan yana rozetler (Ücretsiz / Reklam · 2) çakışmasın (2026-10-29) */
body.alcak .btn-oyun .fiyat{font-size:11px;padding:1px 6px}
body.alcak .btn-oyun .fiyat .para.kucuk{width:11px;height:11px}
/* Reklam rozeti: dikte "Reklam · 2", yatayda (yan yana düğmeler) kısa "▶ 2" (2026-10-29) */
.fiyat .r-kisa{display:none;align-items:center;gap:2px}
body.yatay .fiyat .r-uzun{display:none}
body.yatay .fiyat .r-kisa{display:inline-flex}
.fiyat .r-kisa svg{width:.75em;height:.75em}
/* Çok dar yatay ekran (568x320 gibi): dört düğme sığsın */
body.yatay.alcak .yan{gap:8px}
body.yatay.alcak #sol{padding-right:5px}
body.yatay.alcak #sag{padding-left:5px}

/* ---------- Bölüm fotoğrafı, ilerleme ve geçiş animasyonları (2026-10-29) ---------- */
/* Fotoğraf bölüm renkleriyle tonlanır (luminosity): harfler okunaklı kalır */
#zemin{position:absolute;inset:0;background:center/cover no-repeat;mix-blend-mode:luminosity;opacity:.36;transition:opacity .6s ease;pointer-events:none}
body.gunluk #zemin{opacity:0!important}
#ust,#alan{position:relative;z-index:1}
#oyun::before{z-index:1}

/* Üst çubuk: bölüm ilerlemesi */
#bolum{position:relative}
.ust-ilerleme{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.28);margin:4px auto 0;width:min(150px,60%);overflow:hidden}
.ust-ilerleme b{display:block;height:100%;width:0;border-radius:2px;background:#ffd23f;transition:width .8s cubic-bezier(.3,.8,.3,1)}
body.gunluk .ust-ilerleme{visibility:hidden}
#bolum-ad.degisti{animation:baslikGel .6s cubic-bezier(.2,.8,.3,1.2)}
@keyframes baslikGel{0%{transform:translateY(-14px);opacity:0}100%{transform:none;opacity:1}}

/* Seviye açılışı */
.hucre.giris{animation:hgiris .45s cubic-bezier(.3,1.4,.5,1) backwards}
@keyframes hgiris{0%{transform:scale(.3) rotate(-8deg);opacity:0}100%{transform:none;opacity:1}}
.harf.giris{animation:cgiris .4s cubic-bezier(.3,1.5,.5,1) backwards}
@keyframes cgiris{0%{transform:translate(-50%,-50%) scale(0)}100%{transform:translate(-50%,-50%) scale(1)}}

/* Tebrik: bölüm ilerleme şeridi */
.ilerleme{margin:2px 0 10px}
.ilerleme-ust{display:flex;justify-content:space-between;font-size:13px;color:#7a6b80;font-weight:800;margin-bottom:5px}
.dilimler{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}
.dilimler i{height:10px;border-radius:3px;background:#efe6f1;transition:background .3s}
.dilimler i.dolu{background:var(--vurgu)}
.dilimler i.yeni{animation:dilim .6s cubic-bezier(.3,1.6,.5,1);background:#ffb800;box-shadow:0 0 8px #ffb800}
@keyframes dilim{0%{transform:scaleY(.2)}60%{transform:scaleY(1.8)}100%{transform:none}}
.dilimler.tamam i{animation:parilti 1.2s ease-in-out}
.dilimler.tamam i:nth-child(n){animation-delay:calc(var(--d,0) * 1s)}
@keyframes parilti{0%,100%{filter:none}50%{filter:brightness(1.5) saturate(1.3)}}

/* Bölüm sonu: kartpostal + damga */
.kartpostal{position:relative;margin:-6px auto 12px;width:100%;max-width:300px;aspect-ratio:16/10;border-radius:12px;background:#fff;padding:6px;box-shadow:0 6px 16px rgba(0,0,0,.25);transform:rotate(-2deg);animation:kartGel .6s cubic-bezier(.3,1.3,.5,1)}
.kart-resim{width:100%;height:100%;border-radius:8px;background:#ddd center/cover no-repeat}
.damga{position:absolute;right:8%;top:14%;padding:4px 12px;border:4px solid #d0342c;border-radius:8px;color:#d0342c;font-weight:900;font-size:20px;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.75);opacity:0;transform:rotate(-14deg) scale(2.4)}
.kartpostal.bas .damga{animation:damga .35s cubic-bezier(.5,0,.7,1.4) forwards}
@keyframes damga{0%{opacity:0;transform:rotate(-14deg) scale(2.4)}100%{opacity:1;transform:rotate(-14deg) scale(1)}}
.kartpostal.bas{animation:kartSars .3s .3s}
@keyframes kartGel{0%{transform:rotate(-12deg) translateY(30px) scale(.7);opacity:0}100%{transform:rotate(-2deg);opacity:1}}
@keyframes kartSars{0%,100%{transform:rotate(-2deg)}40%{transform:rotate(-3deg) scale(.97)}}

/* Sıradaki bölüm kartı */
.sonraki{display:flex;align-items:center;gap:12px;text-align:left;background:#f6eef7;border-radius:14px;padding:8px;margin:4px 0 6px;opacity:0;transform:translateX(40px)}
.sonraki.gel{animation:sonrakiGel .5s cubic-bezier(.3,1.3,.5,1) forwards}
@keyframes sonrakiGel{to{opacity:1;transform:none}}
.sonraki-resim{width:76px;height:52px;flex:0 0 auto;border-radius:9px;background:#ddd center/cover no-repeat}
.sonraki-yazi small{display:block;font-size:12px;color:#7a6b80}
.sonraki-yazi b{font-size:20px;color:var(--vurgu)}

/* Görsel kaynakları */
.kaynaklar{text-align:left;font-size:12px;font-weight:700;color:#5a4d60;max-height:240px;overflow:auto;margin:4px 0 8px;user-select:text;-webkit-user-select:text}
.kaynaklar p{margin:4px 0!important;line-height:1.35}
.kaynaklar a{color:var(--vurgu)}
body.alcak .kartpostal{max-width:200px;margin-bottom:6px}
body.alcak .sonraki-resim{width:56px;height:40px}
/* display:flex/grid verilen öğelerde hidden özniteliği geçerli olsun */
#tebrik-kelimeler[hidden],.sonraki[hidden],.kartpostal[hidden],.ilerleme[hidden]{display:none}
/* Alçak ekranda bölüm sonu penceresi iki sütun: kartpostal solda, yazılar ve düğme sağda */
body.alcak #k-tebrik .kutu.bolum-sonu{max-width:600px;display:grid;grid-template-columns:minmax(150px,210px) 1fr;column-gap:16px;align-items:center;text-align:center}
body.alcak #k-tebrik .kutu.bolum-sonu .kartpostal{grid-column:1;grid-row:1/span 7;max-width:none;margin:0}
body.alcak #k-tebrik .kutu.bolum-sonu > :not(.kartpostal){grid-column:2}
body.alcak #k-tebrik .kutu.bolum-sonu h2{font-size:20px}
body.alcak #k-tebrik .kutu.bolum-sonu .odul{margin:2px 0}