/* Web 2.0 — yazdırılabilir üreticiler (y6) ortak görünüm: bulmaca, kelime avı, şifre, labirent, çalışma kâğıdı, QR.
   cekirdek.css'ten SONRA yüklenir. Önekler: w2-ur- (ekran), w2-a4- (A4 sayfa ve yazdırma). Chromium 80: flex gap yok. */

:root {
  --w2-ur-panel: 404px;
  --w2-ur-murekkep: #1A2B4C;
  --w2-ur-fosfor: rgba(255, 222, 74, .62);
  --w2-ur-kalem: #3B36D9;
}

/* ------------------------------------------------ üç görünüm: Hazırla / Çöz / Kâğıt */
.w2-ur-gorunum { position: relative; height: 100%; min-height: 0; }
.w2-ur-gorunum[hidden] { display: none !important; }

/* Hazırla: solda ayar paneli, sağda canlı önizleme sahnesi */
.w2-ur-duzen { display: grid; grid-template-columns: var(--w2-ur-panel) minmax(0, 1fr); grid-gap: 18px; height: 100%; }
.w2-ur-panel { display: flex; flex-direction: column; min-height: 0; padding: 0; overflow: hidden; }
.w2-ur-panel-ic { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 18px 18px 104px; -webkit-overflow-scrolling: touch; }
/* sitenin sol alttaki gezinme yuvası (gz-dok) ve sağ alttaki Araçlar düğmesi için boşluk: önemli denetimler bu köşelere düşmez */
/* main önekli: sayfaya özgü "padding" kuralları bu boşlukları sessizce ezmesin */
main .w2-ur-dok-bosluk { padding-left: 138px; }
main .w2-ur-arac-bosluk { padding-bottom: 96px; }
.w2-ur-panel-alt { flex: none; display: flex; align-items: center; padding: 12px 18px 14px; border-top: 1px solid var(--kare, #E4EBF6); background: linear-gradient(rgba(255,255,255,.6), #fff); border-radius: 0 0 20px 20px; }
.w2-ur-panel-alt > * + * { margin-left: 10px; }
.w2-ur-panel-alt .w2-dugme { flex: 1 1 auto; }
.w2-ur-bolum + .w2-ur-bolum { margin-top: 20px; }
.w2-ur-bolum-bas { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; }
.w2-ur-bolum-bas h2 { display: flex; align-items: center; font-family: var(--baslik); font-weight: 800; font-size: 18px; letter-spacing: -.015em; margin: 0; }
.w2-ur-bolum-bas h2::before { content: ""; width: 8px; height: 20px; border-radius: 3px; background: var(--w2-vurgu); margin-right: 9px; flex: none; }
.w2-ur-bolum-bas .w2-etiket { margin-left: 8px; }
.w2-ur-alan { display: block; }
.w2-ur-alan + .w2-ur-alan { margin-top: 12px; }
.w2-ur-alan > span { display: block; font-size: 14.5px; font-weight: 700; color: var(--soluk, #56647F); margin: 0 0 6px 2px; }
.w2-ur-satir { display: flex; align-items: center; }
.w2-ur-satir > * + * { margin-left: 8px; }
.w2-ur-satir > .w2-girdi { flex: 1 1 auto; min-width: 0; }
.w2-ur-ipucu { font-size: 14px; color: var(--soluk, #56647F); margin: 8px 2px 0; line-height: 1.45; }
.w2-ur-ice { display: flex; flex-wrap: wrap; margin: 10px -4px 0; }
.w2-ur-ice > * { margin: 4px; flex: 1 1 auto; }

/* seçenek düğmeleri (bölümlü) */
.w2-ur-secim { display: flex; flex-wrap: wrap; margin: -3px; }
.w2-ur-secim button {
  flex: 1 1 auto; margin: 3px; min-height: 48px; padding: 6px 12px; border-radius: 12px; border: 1.5px solid var(--cizgi, #D9E1EE); background: #fff;
  font-weight: 700; font-size: 15px; color: var(--murekkep, #1A2B4C); display: inline-flex; align-items: center; justify-content: center; line-height: 1.15;
  transition: background .15s, border-color .15s, color .15s, box-shadow .2s, transform .12s var(--w2-yay);
}
.w2-ur-secim button > * + * { margin-left: 7px; }
.w2-ur-secim button small { display: block; font-weight: 600; font-size: 12.5px; color: var(--soluk, #56647F); }
.w2-ur-secim button:hover { background: var(--panel2, #F4F6FB); }
.w2-ur-secim button:active { transform: scale(.97); }
.w2-ur-secim button[aria-pressed="true"] { background: var(--w2-vurgu-acik); border-color: var(--w2-vurgu-koyu); color: var(--w2-vurgu-koyu); box-shadow: inset 0 0 0 1px var(--w2-vurgu-koyu), 0 4px 12px -8px var(--w2-vurgu-koyu); }
.w2-ur-secim button[aria-pressed="true"] small { color: inherit; opacity: .8; }
.w2-ur-secim-dikey button { flex-direction: column; }
.w2-ur-secim-dikey button > * + * { margin-left: 0; margin-top: 2px; }

/* anahtar (aç/kapa) */
.w2-ur-anahtar { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 6px 4px 6px 2px; cursor: pointer; font-weight: 700; font-size: 16px; }
.w2-ur-anahtar + .w2-ur-anahtar { border-top: 1px dashed var(--kare, #E4EBF6); }
.w2-ur-anahtar span small { display: block; font-weight: 500; font-size: 13.5px; color: var(--soluk, #56647F); }
.w2-ur-anahtar input { position: absolute; opacity: 0; pointer-events: none; }
.w2-ur-anahtar i { position: relative; flex: none; width: 52px; height: 30px; border-radius: 99px; background: var(--panel3, #E9EEF8); box-shadow: inset 0 1px 3px rgba(26,43,76,.18); transition: background .2s; margin-left: 12px; }
.w2-ur-anahtar i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(26,43,76,.3), 0 4px 8px -4px rgba(26,43,76,.4); transition: transform .28s var(--w2-yay); }
.w2-ur-anahtar input:checked + i { background: var(--tukenmez, #3B36D9); }
.w2-ur-anahtar input:checked + i::after { transform: translateX(22px); }
.w2-ur-anahtar input:focus-visible + i { box-shadow: 0 0 0 3px rgba(42,75,215,.3); }

/* "Daha fazla ayar" */
.w2-ur-daha { margin-top: 18px; border-radius: 16px; border: 1.5px solid var(--kare, #E4EBF6); background: var(--panel2, #F4F6FB); }
.w2-ur-daha > summary { list-style: none; display: flex; align-items: center; min-height: 52px; padding: 0 16px; font-weight: 700; cursor: pointer; border-radius: 16px; }
.w2-ur-daha > summary::-webkit-details-marker { display: none; }
.w2-ur-daha > summary::after { content: ""; width: 9px; height: 9px; margin-left: auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-3px); transition: transform .25s var(--w2-yay); }
.w2-ur-daha[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.w2-ur-daha-ic { padding: 4px 14px 14px; }

/* sayı adımlayıcı */
.w2-ur-adim { display: inline-flex; align-items: center; border: 1.5px solid var(--cizgi, #D9E1EE); border-radius: 14px; background: #fff; overflow: hidden; }
.w2-ur-adim button { width: 48px; height: 48px; border: 0; background: transparent; font-size: 24px; font-weight: 700; color: var(--tukenmez, #3B36D9); }
.w2-ur-adim button:hover { background: var(--panel2, #F4F6FB); }
.w2-ur-adim b { min-width: 64px; text-align: center; font-family: var(--baslik); font-size: 20px; font-variant-numeric: tabular-nums; }

/* ------------------------------------------------ önizleme sahnesi (kâğıt masada) */
.w2-ur-sahne { position: relative; display: flex; flex-direction: column; min-height: 0; border-radius: 22px; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(244,246,251,.85)); border: 1.5px solid var(--cizgi, #D9E1EE); box-shadow: inset 0 1px 0 #fff, var(--w2-golge-yuzey); overflow: hidden; }
.w2-ur-sahne-ust { flex: none; display: flex; align-items: center; flex-wrap: wrap; padding: 12px 14px 0 18px; }
.w2-ur-sahne-ust > * { margin: 0 0 8px; }
.w2-ur-sahne-ust > * + * { margin-left: 8px; }
.w2-ur-sahne-baslik { flex: 1 1 100px; min-width: 0; font-family: var(--baslik); font-weight: 800; font-size: clamp(19px, 1.7vw, 24px); letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: auto !important; }
.w2-ur-durum { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; height: 36px; padding: 0 14px; border-radius: 999px; background: #fff; border: 1px solid var(--cizgi, #D9E1EE); font-size: 14.5px; font-weight: 700; color: var(--soluk, #56647F); white-space: nowrap; }
.w2-ur-durum i { width: 9px; height: 9px; border-radius: 50%; background: #7FDB9F; margin-right: 8px; box-shadow: 0 0 0 3px rgba(127,219,159,.25); }
.w2-ur-durum.w2-ur-uyari i { background: #FFB86B; box-shadow: 0 0 0 3px rgba(255,184,107,.28); }
.w2-ur-sahne-ic { position: relative; flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 6px 18px 18px; }
.w2-ur-kagitcik {
  position: relative; background: #fff; border-radius: 6px; padding: 18px; max-width: 100%; max-height: 100%;
  box-shadow: 0 1px 1px rgba(26,43,76,.06), 0 2px 4px rgba(26,43,76,.05), 0 22px 46px -22px rgba(26,43,76,.4);
  transform-origin: 50% 60%;
}
.w2-ur-kagitcik::before { content: ""; position: absolute; top: 0; bottom: 0; left: 10px; width: 1.5px; background: rgba(242,160,163,.75); }
.w2-ur-bos { display: flex; flex-direction: column; align-items: center; text-align: center; color: var(--soluk, #56647F); max-width: 380px; }
.w2-ur-bos > * + * { margin-top: 8px; }
.w2-ur-bos svg { max-width: 260px; height: auto; }
.w2-ur-bos b { font-family: var(--baslik); font-size: 22px; color: var(--murekkep, #1A2B4C); }

/* üretim titreşimi: yeniden karıştırınca hücreler sırayla belirir */
@keyframes w2UrBelir { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
.w2-ur-belir > * { animation: w2UrBelir .42s var(--w2-yay) both; animation-delay: calc(var(--d, 0) * 1ms); }
@keyframes w2UrCiz { from { stroke-dashoffset: var(--uz, 1000); } to { stroke-dashoffset: 0; } }

/* ------------------------------------------------ Çöz görünümü: oyun düzeni */
.w2-ur-oyun { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.w2-ur-hud { flex: none; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.w2-ur-hud > * + * { margin-left: 10px; }
.w2-ur-hud-baslik { flex: 1 1 220px; min-width: 0; font-family: var(--baslik); font-weight: 800; font-size: clamp(22px, 2.2vw, 32px); letter-spacing: -.025em; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w2-ur-sayac { display: inline-flex; align-items: center; height: 48px; padding: 0 16px; border-radius: 14px; background: #fff; border: 1.5px solid var(--cizgi, #D9E1EE); font-family: var(--baslik); font-weight: 800; font-size: 21px; font-variant-numeric: tabular-nums; color: var(--murekkep, #1A2B4C); box-shadow: var(--w2-golge-yuzey); }
.w2-ur-sayac .w2-svg { margin-right: 8px; color: var(--soluk, #56647F); }
.w2-ur-ilerleme { display: inline-flex; align-items: center; height: 48px; padding: 0 16px 0 14px; border-radius: 14px; background: #fff; border: 1.5px solid var(--cizgi, #D9E1EE); box-shadow: var(--w2-golge-yuzey); font-weight: 800; font-size: 17px; font-variant-numeric: tabular-nums; }
.w2-ur-ilerleme-cubuk { position: relative; width: 120px; height: 10px; border-radius: 99px; background: var(--panel3, #E9EEF8); margin-right: 12px; overflow: hidden; }
.w2-ur-ilerleme-cubuk i { position: absolute; top: 0; left: 0; bottom: 0; width: 0; border-radius: 99px; background: linear-gradient(90deg, #7FDB9F, #3BBF74); transition: width .5s var(--w2-yay); }
.w2-ur-oyun-ic { position: relative; flex: 1 1 auto; min-height: 0; }

/* ekran klavyesi (alfabe sırası, tahtada parmakla) */
.w2-ur-klavye { display: flex; flex-direction: column; -webkit-user-select: none; user-select: none; touch-action: manipulation; }
.w2-ur-klavye-satir { display: flex; justify-content: center; width: 100%; }
.w2-ur-klavye-satir + .w2-ur-klavye-satir { margin-top: 6px; }
.w2-ur-tus {
  flex: 1 1 0; max-width: 64px; min-width: 0; height: var(--w2-ur-tus-h, 52px); margin: 0 3px; padding: 0; border: 0; border-radius: 11px; background: #fff;
  font-family: var(--baslik); font-weight: 800; font-size: 21px; color: var(--murekkep, #1A2B4C);
  box-shadow: 0 0 0 1.5px var(--cizgi, #D9E1EE), 0 2px 0 var(--kare-koyu, #D3DDEE), 0 6px 12px -8px rgba(26,43,76,.35);
  transition: transform .08s, box-shadow .08s, background .15s;
}
.w2-ur-tus:active, .w2-ur-tus.w2-ur-basildi { transform: translateY(2px); box-shadow: 0 0 0 1.5px var(--cizgi, #D9E1EE), 0 0 0 var(--kare-koyu, #D3DDEE); background: var(--a-mavi, #E6F0FF); }
.w2-ur-tus-sil { flex: 1.6 1 0; max-width: 104px; color: #C2462A; display: inline-flex; align-items: center; justify-content: center; }
.w2-ur-tus[disabled] { opacity: .35; }
/* tek sarmalı klavye: satır başı tuş sayısı --w2-ur-sira (tahtada en az 48 px tuş) */
.w2-ur-klavye-duz { flex-wrap: wrap; justify-content: center; margin: 0 -3px; width: auto; }
.w2-ur-klavye-duz .w2-ur-tus { flex: 0 0 calc(100% / var(--w2-ur-sira, 8) - 6px); max-width: none; margin: 0 3px 6px; height: var(--w2-ur-tus-h, 56px); }
.w2-ur-klavye-duz .w2-ur-tus-sil { flex: 1 1 calc(100% / var(--w2-ur-sira, 8) - 14px); max-width: none; }
/* okul öncesi: yalnız bulmacadaki harfler, büyük karolar */
.w2-ur-klavye-az .w2-ur-klavye-duz { --w2-ur-sira: 5; }
.w2-ur-klavye-az .w2-ur-tus { --w2-ur-tus-h: 72px; font-size: 32px; border-radius: 16px; }
/* okul öncesi sesli görev düğmesi */
.w2-ur-dinle { color: var(--w2-vurgu-koyu); background: var(--w2-vurgu-acik); }
.w2-ur-dinle[hidden] { display: none !important; }
@keyframes w2UrDinle { 0%, 100% { box-shadow: 0 0 0 0 rgba(42,75,215,.0); } 50% { box-shadow: 0 0 0 8px rgba(42,75,215,.14); } }
.w2-oo .w2-ur-dinle { width: 64px; height: 64px; animation: w2UrDinle 2.4s ease-in-out infinite; }
.w2-oo .w2-ur-hud > .w2-ur-dinle + * { margin-left: 12px; }

/* ------------------------------------------------ Kâğıt görünümü */
.w2-ur-kagit { display: grid; grid-template-columns: 360px minmax(0, 1fr); grid-gap: 18px; height: 100%; }
.w2-ur-kagit .w2-ur-panel-ic { padding-top: 16px; }
.w2-a4-onizleme { position: relative; min-height: 0; display: flex; flex-direction: column; border-radius: 22px; background: #E9EEF8; border: 1.5px solid var(--cizgi, #D9E1EE); box-shadow: inset 0 2px 10px rgba(26,43,76,.08); overflow: hidden; }
.w2-a4-onizleme-ust { flex: none; display: flex; align-items: center; padding: 10px 12px 0 16px; }
.w2-a4-onizleme-ust > * + * { margin-left: 8px; }
.w2-a4-onizleme-ust b { font-family: var(--baslik); font-size: 18px; margin-right: auto; }
.w2-a4-serit { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; padding: 14px 18px 18px; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
.w2-a4-kucuk { position: relative; flex: none; margin-right: 22px; scroll-snap-align: center; }
.w2-a4-kucuk:last-child { margin-right: 0; }
.w2-a4-kucuk-sayfa { position: relative; overflow: hidden; border-radius: 3px; background: #fff; box-shadow: 0 1px 2px rgba(26,43,76,.12), 0 18px 40px -18px rgba(26,43,76,.45); }
.w2-a4-kucuk-sayfa > .w2-a4-sayfa { position: absolute; top: 0; left: 0; transform-origin: 0 0; }
.w2-a4-kucuk-etiket { display: flex; justify-content: center; margin-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--soluk, #56647F); }
.w2-a4-kucuk-etiket span { padding: 3px 10px; border-radius: 99px; background: rgba(255,255,255,.7); }
.w2-a4-kucuk-etiket span.w2-a4-anahtar-etiket { background: var(--fosfor, #FFE66B); color: #5A4600; }
@keyframes w2A4Gir { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
.w2-a4-kucuk { animation: w2A4Gir .5s var(--w2-yay) both; animation-delay: calc(var(--i, 0) * 70ms); }

/* ------------------------------------------------ A4 sayfa (hem önizleme hem baskı) */
.w2-a4-sayfa {
  position: relative; width: 210mm; height: 296.6mm; box-sizing: border-box; padding: 12mm 13mm 9mm 21mm; background: #fff; overflow: hidden;
  display: flex; flex-direction: column; color: #1A2B4C; font-family: var(--govde); font-size: 11.5pt; line-height: 1.4;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.w2-a4-sayfa * { box-sizing: border-box; }
.w2-a4-kenar { position: absolute; top: 0; bottom: 0; left: 15mm; width: .5mm; background: #F6B9BB; }
.w2-a4-sb .w2-a4-kenar { background: #D5D5D5; }
.w2-a4-bas { flex: none; display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 4mm; border-bottom: .45mm solid #1A2B4C; }
.w2-a4-bas-sol { display: flex; align-items: center; min-width: 0; flex: 1 1 auto; }
.w2-a4-rozet { flex: none; width: 15mm; height: 15mm; border-radius: 4mm; display: flex; align-items: center; justify-content: center; background: var(--w2-a4-renk-acik, #E6F0FF); border: .35mm solid var(--w2-a4-renk, #7DB7FF); margin-right: 4mm; }
.w2-a4-rozet svg { width: 9.5mm; height: 9.5mm; }
.w2-a4-sb .w2-a4-rozet { background: #fff; border-color: #1A2B4C; }
.w2-a4-okul { font-size: 9pt; font-weight: 700; color: #56647F; letter-spacing: .01em; margin-bottom: .6mm; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w2-a4-baslik { font-family: var(--baslik); font-weight: 800; font-size: 21pt; line-height: 1.05; letter-spacing: -.02em; margin: 0; color: #1A2B4C; }
.w2-a4-alanlar { flex: none; width: 70mm; margin-left: 6mm; }
.w2-a4-alan { display: flex; align-items: flex-end; font-size: 9.5pt; font-weight: 700; color: #56647F; height: 6.4mm; }
.w2-a4-alan span { flex: none; margin-right: 2mm; }
.w2-a4-alan i { flex: 1 1 auto; border-bottom: .3mm dotted #8792A8; height: 4mm; }
.w2-a4-alan-ikili { display: flex; }
.w2-a4-alan-ikili .w2-a4-alan { flex: 1 1 0; }
.w2-a4-alan-ikili .w2-a4-alan + .w2-a4-alan { margin-left: 3mm; }
.w2-a4-puan { flex: none; width: 21mm; height: 17mm; margin-left: 4mm; border: .35mm solid #1A2B4C; border-radius: 3mm; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; font-size: 8pt; font-weight: 700; color: #56647F; padding-top: 1mm; }
.w2-a4-damga { display: inline-flex; align-items: center; height: 7mm; padding: 0 3.4mm; border-radius: 99px; background: #FFE66B; color: #5A4600; font-weight: 800; font-size: 10pt; margin-left: 4mm; white-space: nowrap; }
.w2-a4-sb .w2-a4-damga { background: #fff; border: .35mm solid #1A2B4C; color: #1A2B4C; }
.w2-a4-yonerge { flex: none; display: flex; align-items: flex-start; margin: 3.4mm 0 0; padding: 2.4mm 3.4mm; border-radius: 2.6mm; background: #F4F6FB; font-size: 10.5pt; line-height: 1.35; }
.w2-a4-yonerge svg { flex: none; width: 5mm; height: 5mm; margin-right: 2.4mm; color: #3B36D9; }
.w2-a4-sb .w2-a4-yonerge { background: #fff; border: .3mm solid #C9D1DE; }
.w2-a4-sb .w2-a4-yonerge svg { color: #1A2B4C; }
.w2-a4-devam { flex: none; display: flex; align-items: center; justify-content: space-between; padding-bottom: 2.4mm; border-bottom: .3mm solid #C9D1DE; font-size: 9.5pt; font-weight: 700; color: #56647F; }
.w2-a4-govde { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; margin-top: 4.5mm; }
.w2-a4-govde.w2-a4-iki { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 8mm; column-gap: 8mm; -webkit-column-fill: auto; column-fill: auto; -webkit-column-rule: .3mm solid #E4EBF6; column-rule: .3mm solid #E4EBF6; }
.w2-a4-alt { flex: none; display: flex; align-items: center; justify-content: space-between; padding-top: 2.2mm; margin-top: 2mm; border-top: .3mm solid #E4EBF6; font-size: 8.5pt; color: #8792A8; font-weight: 700; }
.w2-a4-alt b { font-family: var(--baslik); color: #56647F; }
.w2-a4-merkez { display: flex; flex-direction: column; align-items: center; }
.w2-a4-blok { -webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; }

/* baskı kabı: ekranda gizli */
.w2-a4-baski { display: none; }
.w2-a4-olcer { position: absolute; left: -10000px; top: 0; visibility: hidden; pointer-events: none; }

@media print {
  @page { size: A4; margin: 0; }
  html, body.w2-sayfa { background: #fff !important; }
  body.w2-a4-hazir > *:not(.w2-a4-baski) { display: none !important; }
  body.w2-a4-hazir .w2-a4-baski { display: block !important; }
  .w2-a4-baski .w2-a4-sayfa { page-break-after: always; break-after: page; }
  .w2-a4-baski .w2-a4-sayfa:last-child { page-break-after: auto; break-after: auto; }
}

/* ------------------------------------------------ dar ekran / telefon */
@media (max-width: 1100px) { :root { --w2-ur-panel: 360px; } .w2-ur-kagit { grid-template-columns: 320px minmax(0, 1fr); } }
@media (max-width: 900px) {
  .w2-sayfa .w2-ana.w2-sabit { height: auto; min-height: calc(100vh - var(--w2-serit-h)); overflow: visible; }
  .w2-ur-duzen, .w2-ur-kagit { grid-template-columns: 1fr; height: auto; }
  .w2-ur-panel { overflow: visible; }
  .w2-ur-panel-ic { overflow: visible; padding-bottom: 18px; }
  main .w2-ur-dok-bosluk { padding-left: 0; }
  main .w2-ur-arac-bosluk { padding-bottom: 12px; }
  /* telefonda klavye tepsisi alta yapışır; alttaki gezinme yuvası ve Araçlar düğmesi tepsinin boş alt şeridine düşer */
  .w2-ur-tepsi { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 5; margin: 8px -12px 0; padding: 10px 12px 74px; background: rgba(255,255,255,.96); border-radius: 22px 22px 0 0; box-shadow: 0 -10px 24px -14px rgba(26,43,76,.35), 0 -1px 0 var(--kare, #E4EBF6); }
  .w2-ur-tepsi .w2-ur-klavye-duz { --w2-ur-sira: 8; }
  .w2-ur-tepsi .w2-ur-klavye-az .w2-ur-klavye-duz { --w2-ur-sira: 5; }
  .w2-ur-sahne { min-height: 420px; order: -1; }
  .w2-ur-gorunum { height: auto; }
  .w2-ur-oyun { height: auto; min-height: calc(100vh - var(--w2-serit-h) - 40px); }
  .w2-a4-onizleme { min-height: 520px; }
  .w2-ur-ilerleme-cubuk { width: 70px; }
}
@media (max-width: 560px) {
  .w2-ur-hud > * + * { margin-left: 6px; }
  .w2-ur-hud-baslik { flex-basis: 100%; margin-bottom: 8px; font-size: 22px; }
  .w2-ur-sayac, .w2-ur-ilerleme { height: 44px; font-size: 16px; padding: 0 12px; }
  .w2-ur-tus { margin: 0 2px; font-size: 19px; border-radius: 9px; --w2-ur-tus-h: 48px; }
  .w2-ur-klavye-duz .w2-ur-tus { margin: 0 2px 5px; flex-basis: calc(100% / var(--w2-ur-sira, 8) - 4px); }
  .w2-ur-klavye-duz .w2-ur-tus-sil { flex-basis: calc(100% / var(--w2-ur-sira, 8) - 12px); }
  .w2-ur-klavye-az .w2-ur-tus { --w2-ur-tus-h: 60px; font-size: 26px; }
  /* telefonda satırda 7 tuş: her tuş en az 48 px (8'de 42 px kalıyordu) */
  .w2-ur-tepsi .w2-ur-klavye-duz, .w2-ur-klavye-duz { --w2-ur-sira: 7; }
  .w2-ur-klavye-az .w2-ur-klavye-duz, .w2-ur-tepsi .w2-ur-klavye-az .w2-ur-klavye-duz { --w2-ur-sira: 5; }
  .w2-ur-sayac, .w2-ur-ilerleme { height: 48px; }
  .w2-ur-sahne { min-height: 360px; }
  .w2-ur-sahne-ic { padding: 4px 10px 12px; }
}
@media (hover: none) { .w2-ur-secim button:hover { background: #fff; } .w2-ur-secim button[aria-pressed="true"]:hover { background: var(--w2-vurgu-acik); } }
@media (prefers-reduced-motion: reduce) {
  .w2-ur-belir > *, .w2-a4-kucuk, .w2-ur-dinle { animation: none !important; }
  .w2-ur-anahtar i::after, .w2-ur-ilerleme-cubuk i { transition: none !important; }
}