/* Kampüs - "Yeni oyunlu tasarım"
 * Bu dosya yalnızca Ayarlar → Kampüs'te "Yeni oyunlu tasarım" AÇIKKEN yüklenir.
 * Tüm kurallar .oonda.oonda-t2 ile başlar; anahtar kapalıyken hiçbir şey değişmez.
 * Yazı tipleri (Baloo 2, Nunito) SIL Open Font License ile eklentinin içinde gömülüdür; dış bağlantı yoktur. */

@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/baloo-2-latin-ext-700.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/baloo-2-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/baloo-2-latin-ext-800.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/baloo-2-latin-800.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/nunito-latin-ext-600.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/nunito-latin-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/nunito-latin-ext-800.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/nunito-latin-800.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- ANA RENKLER ---------- */
.oonda.oonda-t2 {
	--uc: #2f7bff; --ucd: #1b56d6; --ucl: #e4eeff; --ucs: #bcd4ff;
	--t-ink: #272a5a; --t-soluk: #5f6599; --t-cizgi: #dbe2fb;
	--oo-ana: var(--uc); --oo-ana-koyu: var(--ucd); --oo-vurgu: #ffc928;
	--oo-yazi: var(--t-ink); --oo-soluk: var(--t-soluk); --oo-cizgi: var(--t-cizgi); --oo-bg: transparent; --oo-kart: #fff;
	--oo-dogru: #0f9d58; --oo-dogru-bg: #d7f7e5; --oo-yanlis: #e0364c; --oo-yanlis-bg: #ffe1e6;
	--gol: 0 6px 0 rgba(39, 42, 90, 0.09), 0 18px 30px rgba(39, 42, 90, 0.10);
	--yazi-baslik: 'Baloo 2', 'Nunito', 'Segoe UI', system-ui, sans-serif;
	font-family: 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: var(--t-ink);
	position: relative;
	isolation: isolate;
	border: 0;
	border-radius: 34px;
	padding: 1.1em;
	max-width: 1000px;
	background: linear-gradient(180deg, #e8f3ff 0%, #fff8e6 52%, #ffeef5 100%);
	box-shadow: 0 10px 0 rgba(39, 42, 90, 0.07), 0 30px 60px rgba(39, 42, 90, 0.14);
}
.oonda.oonda-t2[data-u="u1"], .oonda.oonda-t2 [data-u="u1"] { --uc: #2f7bff; --ucd: #1b56d6; --ucl: #e4eeff; --ucs: #bcd4ff; }
.oonda.oonda-t2[data-u="u2"], .oonda.oonda-t2 [data-u="u2"] { --uc: #12b76a; --ucd: #0b8a4e; --ucl: #dcf8ea; --ucs: #a9ebc9; }
.oonda.oonda-t2[data-u="u3"], .oonda.oonda-t2 [data-u="u3"] { --uc: #ff7a1a; --ucd: #d15700; --ucl: #ffead6; --ucs: #ffcfa3; }
.oonda.oonda-t2[data-u="u4"], .oonda.oonda-t2 [data-u="u4"] { --uc: #8b4dff; --ucd: #6a2fd6; --ucl: #efe5ff; --ucs: #d3bcff; }
.oonda.oonda-t2[data-u="u5"], .oonda.oonda-t2 [data-u="u5"] { --uc: #ff4f9a; --ucd: #d12a73; --ucl: #ffe3ef; --ucs: #ffb8d6; }
.oonda.oonda-t2[data-u="u6"], .oonda.oonda-t2 [data-u="u6"] { --uc: #19b6c9; --ucd: #0e8a9a; --ucl: #d9f6fa; --ucs: #a4e6ee; }

.oonda.oonda-t2.oonda-tahta { font-size: 22px; max-width: 1200px; }

/* süs: renkli daireler (arka planda) */
.oonda.oonda-t2::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	background:
		radial-gradient(circle at 6% 6%, rgba(255, 201, 40, 0.30) 0 40px, transparent 41px),
		radial-gradient(circle at 96% 24%, rgba(25, 198, 216, 0.20) 0 56px, transparent 57px),
		radial-gradient(circle at 3% 62%, rgba(255, 92, 154, 0.16) 0 48px, transparent 49px),
		radial-gradient(circle at 94% 82%, rgba(139, 77, 255, 0.14) 0 62px, transparent 63px);
}
.oonda.oonda-t2 h2, .oonda.oonda-t2 h3, .oonda.oonda-t2 h4 { font-family: var(--yazi-baslik); font-weight: 700; letter-spacing: 0.2px; color: var(--ucd); }
.oonda.oonda-t2 h3 { font-size: 1.55em; margin: 0.2em 0 0.55em; line-height: 1.2; }
.oonda.oonda-t2 strong { font-weight: 800; }
.oonda.oonda-t2 p { line-height: 1.6; }
.oonda.oonda-t2 .oonda-metin { font-size: 1.04em; }

/* ---------- DÜĞMELER: basılabilen ---------- */
.oonda.oonda-t2 .oonda-btn {
	--bg: #fff; --bd: #cfd8f5; --sh: #cfd8f5; --fg: var(--t-ink);
	font-family: var(--yazi-baslik);
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 0.2px;
	background: var(--bg);
	color: var(--fg);
	border: 3px solid var(--bd);
	border-radius: 18px;
	padding: 0.6em 1.2em;
	min-height: 48px;
	box-shadow: 0 5px 0 var(--sh);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.oonda.oonda-t2 .oonda-btn-ana { --bg: var(--uc); --bd: var(--ucd); --sh: var(--ucd); --fg: #fff; }
.oonda.oonda-t2 .oonda-btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 7px 0 var(--sh); background: var(--bg); border-color: var(--bd); }
.oonda.oonda-t2 .oonda-btn-ana:hover:not(:disabled) { background: var(--uc); filter: brightness(1.06); }
.oonda.oonda-t2 .oonda-btn-hafif:hover:not(:disabled) { border-color: var(--uc); }
.oonda.oonda-t2 .oonda-btn:active:not(:disabled) { transform: translateY(4px); box-shadow: 0 1px 0 var(--sh); }
.oonda.oonda-t2 button:focus-visible, .oonda.oonda-t2 textarea:focus-visible, .oonda.oonda-t2 summary:focus-visible { outline: 4px solid #ffc928; outline-offset: 3px; }

/* ---------- ÜST BAŞLIK ---------- */
.oonda.oonda-t2 .oonda-ust {
	position: relative;
	background: linear-gradient(135deg, var(--ucd) 0%, var(--uc) 62%, var(--uc) 100%);
	color: #fff;
	border-radius: 30px;
	padding: 1.2em 1.4em 1.5em;
	padding-right: 12.5em;
	margin-bottom: 2.3em;
	box-shadow: 0 8px 0 var(--ucd), 0 22px 34px rgba(39, 42, 90, 0.18);
	align-items: center;
	overflow: visible;
}
.oonda.oonda-t2 .oonda-ust::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background:
		radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.17) 0 52px, transparent 53px),
		radial-gradient(circle at 66% 100%, rgba(255, 255, 255, 0.11) 0 38px, transparent 39px),
		radial-gradient(circle at 3% 100%, rgba(255, 255, 255, 0.13) 0 60px, transparent 61px),
		radial-gradient(circle at 40% 12%, rgba(255, 255, 255, 0.10) 0 14px, transparent 15px);
}
.oonda.oonda-t2 .oonda-ust > * { position: relative; }
.oonda.oonda-t2 .oonda-ust-sol { flex: 1 1 260px; }
.oonda.oonda-t2 .oonda-rozet {
	display: inline-block;
	font-family: var(--yazi-baslik);
	font-weight: 600;
	font-size: 0.82em;
	background: rgba(255, 255, 255, 0.22);
	border: 2px solid rgba(255, 255, 255, 0.55);
	color: #fff;
	border-radius: 999px;
	padding: 0.15em 0.9em;
	margin-bottom: 0.4em;
}
.oonda.oonda-t2 .oonda-baslik {
	font-family: var(--yazi-baslik);
	font-weight: 700;
	font-size: clamp(1.45em, 3.2vw, 2.1em);
	line-height: 1.12;
	color: #fff;
	text-shadow: 0 3px 0 rgba(0, 0, 0, 0.18);
	margin: 0 0 0.4em;
}
.oonda.oonda-t2 .oonda-chip {
	background: #fff;
	color: var(--ucd);
	font-family: var(--yazi-baslik);
	font-weight: 600;
	font-size: 0.8em;
	border: 0;
	border-radius: 999px;
	padding: 0.2em 0.8em;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);
}
.oonda.oonda-t2 .oonda-ust-sag { display: flex; flex-direction: column; gap: 0.5em; align-items: stretch; min-width: 210px; }
.oonda.oonda-t2 .oonda-xpkutu {
	background: #fff;
	color: var(--t-ink);
	border: 0;
	border-radius: 22px;
	padding: 0.6em 0.9em 0.7em;
	box-shadow: 0 5px 0 rgba(0, 0, 0, 0.14);
}
.oonda.oonda-t2 .oonda-xp-ust { display: flex; justify-content: space-between; align-items: center; gap: 0.6em; }
.oonda.oonda-t2 .oonda-xp-seviye { font-family: var(--yazi-baslik); font-weight: 700; color: var(--ucd); }
.oonda.oonda-t2 .oonda-xp-puan { background: #fff1bd; color: #7a4a00; font-family: var(--yazi-baslik); font-weight: 800; border: 2px solid #ffd34d; border-radius: 999px; padding: 0 0.7em; box-shadow: 0 3px 0 #ffd34d; }
.oonda.oonda-t2 .oonda-xp-cubuk { height: 16px; margin: 0.45em 0 0.2em; background: #e8ecfb; border-radius: 999px; border: 2px solid #d6def7; overflow: hidden; }
.oonda.oonda-t2 .oonda-xp-dolu { border-radius: 999px; background: repeating-linear-gradient(135deg, #ffc928 0 12px, #ffb300 12px 24px); animation: t2-serit 1.3s linear infinite; }
@keyframes t2-serit { to { background-position: 34px 0; } }
.oonda.oonda-t2 .oonda-xp-alt { color: var(--t-soluk); font-size: 0.78em; font-weight: 800; }
.oonda.oonda-t2 .oonda-ust-sag .oonda-btn { --bg: rgba(255, 255, 255, 0.2); --bd: rgba(255, 255, 255, 0.6); --sh: rgba(0, 0, 0, 0.18); --fg: #fff; font-size: 0.88em; min-height: 40px; padding: 0.35em 1em; }

/* ---------- MASKOT: Kaşif Tilki ---------- */
.oonda.oonda-t2 .oonda-maskot { position: absolute; right: 16px; bottom: -40px; width: 150px; display: flex; flex-direction: column; align-items: center; z-index: 4; pointer-events: none; }
.oonda.oonda-t2 .oonda-maskot-svg { width: 116px; height: auto; filter: drop-shadow(0 8px 6px rgba(0, 0, 0, 0.22)); }
.oonda.oonda-t2 .oonda-maskot-balon {
	position: relative;
	order: -1;
	margin: 0 0 10px;
	background: #fff;
	color: var(--t-ink);
	font-family: var(--yazi-baslik);
	font-weight: 600;
	font-size: 0.8em;
	line-height: 1.25;
	text-align: center;
	padding: 0.4em 0.8em;
	border-radius: 16px;
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.14);
	max-width: 190px;
	animation: t2-balon 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.oonda.oonda-t2 .oonda-maskot-balon::after { content: ''; position: absolute; left: 62%; bottom: -9px; border: 9px solid transparent; border-top-color: #fff; border-bottom: 0; }
.oonda.oonda-t2 .oonda-maskot.oonda-sevin .oonda-maskot-balon { background: #ffc928; color: #5a3b00; }
.oonda.oonda-t2 .oonda-maskot.oonda-sevin .oonda-maskot-balon::after { border-top-color: #ffc928; }
@keyframes t2-balon { from { transform: scale(0.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ---------- ÜNİTE SEÇİCİ ve SEKMELER ---------- */
.oonda.oonda-t2 .oonda-unite-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.75em; margin: 0 0 1em; overflow: visible; }
.oonda.oonda-t2 .oonda-unite-btn {
	position: relative;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25em;
	background: #fff;
	border: 3px solid var(--ucs);
	border-radius: 22px;
	padding: 0.6em 0.85em 0.7em;
	min-height: 0;
	box-shadow: 0 5px 0 var(--ucs);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.oonda.oonda-t2 .oonda-unite-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-unite-no { display: inline-block; background: var(--uc); color: #fff; font-family: var(--yazi-baslik); font-weight: 600; font-size: 0.74em; border-radius: 999px; padding: 0.05em 0.75em; letter-spacing: 0.3px; text-transform: none; }
.oonda.oonda-t2 .oonda-unite-ad { font-family: var(--yazi-baslik); font-weight: 600; font-size: 0.95em; line-height: 1.2; color: var(--t-ink); }
.oonda.oonda-t2 .oonda-unite-btn.oonda-aktif { background: var(--uc); border-color: var(--ucd); box-shadow: 0 5px 0 var(--ucd); transform: translateY(-3px); }
.oonda.oonda-t2 .oonda-unite-btn.oonda-aktif .oonda-unite-no { background: #fff; color: var(--ucd); }
.oonda.oonda-t2 .oonda-unite-btn.oonda-aktif .oonda-unite-ad { color: #fff; }
.oonda.oonda-t2 .oonda-unite-tik { position: absolute; top: -10px; right: -6px; width: 28px; height: 28px; border-radius: 50%; background: #ffc928; color: #5a3b00; font-size: 0.9em; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 0 #e0a800; }

.oonda.oonda-t2 .oonda-menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 0.65em; margin: 0 0 1.1em; }
.oonda.oonda-t2 .oonda-sekme {
	--tc: #ffb300; --tcd: #cc8f00;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.05em;
	background: #fff;
	color: var(--t-ink);
	font-family: var(--yazi-baslik);
	font-weight: 600;
	line-height: 1.15;
	text-align: center;
	border: 3px solid var(--tc);
	border-radius: 22px;
	padding: 0.5em 0.4em 0.55em;
	min-height: 0;
	box-shadow: 0 5px 0 var(--tc);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.oonda.oonda-t2 .oonda-sekme:nth-child(1) { --tc: #ffb300; --tcd: #cc8f00; }
.oonda.oonda-t2 .oonda-sekme:nth-child(2) { --tc: #2f7bff; --tcd: #1b56d6; }
.oonda.oonda-t2 .oonda-sekme:nth-child(3) { --tc: #ff5c9a; --tcd: #d12a73; }
.oonda.oonda-t2 .oonda-sekme:nth-child(4) { --tc: #12b76a; --tcd: #0b8a4e; }
.oonda.oonda-t2 .oonda-sekme:nth-child(5) { --tc: #8b4dff; --tcd: #6a2fd6; }
.oonda.oonda-t2 .oonda-sekme-ikon { font-size: 1.75em; line-height: 1.1; }
.oonda.oonda-t2 .oonda-sekme:hover { transform: translateY(-3px); box-shadow: 0 8px 0 var(--tc); }
.oonda.oonda-t2 .oonda-sekme.oonda-aktif { background: var(--tc); color: #fff; border-color: var(--tcd); box-shadow: 0 5px 0 var(--tcd); transform: translateY(-3px); }

/* ---------- ANA SAYFA KARTLARI ---------- */
.oonda.oonda-t2 .oonda-ana > .oonda-giris {
	background: #fff;
	border: 3px solid var(--ucs);
	border-radius: 24px;
	padding: 0.9em 1.1em;
	margin: 0 0 1em;
	box-shadow: 0 5px 0 var(--ucs);
	font-size: 1.05em;
}
.oonda.oonda-t2 .oonda-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1em; margin: 0 0 1.2em; }
.oonda.oonda-t2 .oonda-kart {
	--kc: #2f7bff; --kcd: #1b56d6; --kcl: #e4eeff;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.3em;
	background: var(--kcl);
	border: 3px solid var(--kc);
	border-radius: 28px;
	padding: 1em 1em 1.1em;
	box-shadow: 0 7px 0 var(--kc);
	transition: transform 0.14s ease, box-shadow 0.14s ease;
}
.oonda.oonda-t2 .oonda-kart:nth-child(1) { --kc: #2f7bff; --kcd: #1b56d6; --kcl: #e4eeff; }
.oonda.oonda-t2 .oonda-kart:nth-child(2) { --kc: #ff5c9a; --kcd: #d12a73; --kcl: #ffe3ef; }
.oonda.oonda-t2 .oonda-kart:nth-child(3) { --kc: #12b76a; --kcd: #0b8a4e; --kcl: #dcf8ea; }
.oonda.oonda-t2 .oonda-kart:hover { transform: translateY(-5px) rotate(-1deg); box-shadow: 0 12px 0 var(--kc); }
.oonda.oonda-t2 .oonda-kart:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--kc); }
.oonda.oonda-t2 .oonda-kart-ikon { width: 3.3em; height: 3.3em; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.9em; line-height: 1; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 4px var(--kc); }
.oonda.oonda-t2 .oonda-kart strong { font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.22em; color: var(--kcd); }
.oonda.oonda-t2 .oonda-kart-alt { color: var(--t-soluk); font-size: 0.9em; font-weight: 700; }

.oonda.oonda-t2 .oonda-unite-kartlar > h3 { font-size: 1.3em; }
.oonda.oonda-t2 .oonda-unite-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1em; }
.oonda.oonda-t2 .oonda-unite-kart {
	position: relative;
	text-align: left;
	background: var(--ucl);
	border: 3px solid var(--uc);
	border-radius: 26px;
	padding: 0.9em 1em 1em;
	box-shadow: 0 7px 0 var(--uc);
	transition: transform 0.14s ease, box-shadow 0.14s ease;
}
.oonda.oonda-t2 .oonda-unite-kart:hover { transform: translateY(-4px); box-shadow: 0 11px 0 var(--uc); }
.oonda.oonda-t2 .oonda-unite-kart.oonda-aktif { background: var(--uc); color: #fff; box-shadow: 0 7px 0 var(--ucd); border-color: var(--ucd); }
.oonda.oonda-t2 .oonda-unite-kart.oonda-aktif strong, .oonda.oonda-t2 .oonda-unite-kart.oonda-aktif .oonda-kart-alt { color: #fff; }
.oonda.oonda-t2 .oonda-unite-kart strong { font-family: var(--yazi-baslik); font-weight: 700; color: var(--ucd); }

.oonda.oonda-t2 .oonda-cikti { list-style: none; padding: 0; }
.oonda.oonda-t2 .oonda-cikti li { background: #fff; border: 3px solid var(--ucs); border-radius: 18px; padding: 0.55em 0.9em; margin-bottom: 0.5em; box-shadow: 0 4px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-kod { display: inline-block; align-self: flex-start; background: var(--ucl); color: var(--ucd); border-radius: 999px; padding: 0.02em 0.65em; font-family: var(--yazi-baslik); font-weight: 600; font-size: 0.78em; }
.oonda.oonda-t2 .oonda-kaynak { color: var(--t-soluk); font-size: 0.82em; }

.oonda.oonda-t2 .oonda-basari { background: #fff; border: 3px solid #ffd34d; border-radius: 28px; padding: 0.9em 1.1em; box-shadow: 0 7px 0 #f3c01e; margin: 0 0 1em; }
.oonda.oonda-t2 .oonda-rozetler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.7em; }
.oonda.oonda-t2 .oonda-rozet-kart { background: #f1f3fb; border: 3px solid #dbe2fb; border-radius: 22px; padding: 0.7em 0.5em; text-align: center; box-shadow: 0 4px 0 #dbe2fb; filter: grayscale(0.55); opacity: 0.85; }
.oonda.oonda-t2 .oonda-rozet-kart.oonda-kazanildi { background: linear-gradient(160deg, #fff6d3, #ffe08a); border-color: #ffc928; box-shadow: 0 5px 0 #e0a800; filter: none; opacity: 1; }
.oonda.oonda-t2 .oonda-rozet-emoji { font-size: 2.1em; display: block; line-height: 1.2; }
.oonda.oonda-t2 .oonda-rozet-kart.oonda-kazanildi .oonda-rozet-emoji { animation: t2-sallan 2.4s ease-in-out infinite; }
@keyframes t2-sallan { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }

/* ---------- DERS LİSTESİ ---------- */
.oonda.oonda-t2 .oonda-liste { display: flex; flex-direction: column; gap: 0.95em; }
.oonda.oonda-t2 .oonda-ipucu { color: var(--t-soluk); font-weight: 700; }
.oonda.oonda-t2 .oonda-ders {
	display: flex;
	align-items: center;
	gap: 1em;
	width: 100%;
	text-align: left;
	background: #fff;
	border: 3px solid var(--ucs);
	border-radius: 28px;
	padding: 0.9em 1.1em;
	box-shadow: 0 7px 0 var(--ucs);
	transition: transform 0.14s ease, box-shadow 0.14s ease;
}
.oonda.oonda-t2 .oonda-ders:hover { transform: translateY(-4px); box-shadow: 0 11px 0 var(--ucs); border-color: var(--uc); }
.oonda.oonda-t2 .oonda-ders:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-ders-ikon { flex: 0 0 auto; width: 3.4em; height: 3.4em; border-radius: 22px; background: linear-gradient(145deg, var(--uc), var(--ucd)); display: flex; align-items: center; justify-content: center; font-size: 1.9em; line-height: 1; box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.14), 0 4px 0 var(--ucs); filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.12)); }
.oonda.oonda-t2 .oonda-ders-metin { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.15em; }
.oonda.oonda-t2 .oonda-ders-metin strong { font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.12em; color: var(--t-ink); line-height: 1.2; }
.oonda.oonda-t2 .oonda-ders-durum { flex: 0 0 auto; background: var(--uc); color: #fff; font-family: var(--yazi-baslik); font-weight: 600; border-radius: 999px; padding: 0.35em 1em; box-shadow: 0 4px 0 var(--ucd); white-space: nowrap; }
.oonda.oonda-t2 .oonda-ders.oonda-tamam { border-color: #7fdca9; box-shadow: 0 7px 0 #a9ebc9; background: linear-gradient(135deg, #fff, #f0fdf6); }
.oonda.oonda-t2 .oonda-ders.oonda-tamam .oonda-ders-durum { background: #0f9d58; box-shadow: 0 4px 0 #0b7a44; }
.oonda.oonda-t2 .oonda-satir { display: flex; flex-wrap: nowrap; gap: 0.7em; align-items: center; }
.oonda.oonda-t2 .oonda-satir > .oonda-ders { flex: 1 1 0; width: auto; min-width: 0; }
.oonda.oonda-t2 .oonda-satir > .oonda-btn { flex: 0 0 auto; align-self: center; font-size: 0.85em; padding: 0.5em 0.8em; --bg: #fff8e6; --bd: #ffd34d; --sh: #ffd34d; }

/* ---------- DERS OYNATICI ---------- */
.oonda.oonda-t2 .oonda-oyn-ust { display: flex; align-items: center; gap: 0.8em; margin-bottom: 0.7em; flex-wrap: wrap; }
.oonda.oonda-t2 .oonda-oyn-baslik { font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.15em; color: var(--ucd); }
.oonda.oonda-t2 .oonda-ilerleme { height: 20px; background: #e8ecfb; border: 3px solid #fff; border-radius: 999px; box-shadow: inset 0 2px 0 rgba(39, 42, 90, 0.08), 0 3px 0 rgba(39, 42, 90, 0.06); overflow: hidden; }
.oonda.oonda-t2 .oonda-ilerleme-dolu { height: 100%; border-radius: 999px; background: repeating-linear-gradient(135deg, var(--uc) 0 12px, var(--ucd) 12px 24px); animation: t2-serit 1.3s linear infinite; transition: width 0.55s cubic-bezier(0.34, 1.56, 0.64, 1); }
.oonda.oonda-t2 .oonda-adim-no { display: inline-block; margin: 0.45em 0 0.7em; background: #fff; color: var(--ucd); font-family: var(--yazi-baslik); font-weight: 600; font-size: 0.82em; border-radius: 999px; padding: 0.1em 0.85em; box-shadow: 0 3px 0 var(--ucs); }

.oonda.oonda-t2 .oonda-bilgi, .oonda.oonda-t2 .oonda-etk, .oonda.oonda-t2 .oonda-masa, .oonda.oonda-t2 .oonda-detay {
	background: #fff;
	border: 3px solid #fff;
	border-top: 9px solid var(--uc);
	border-radius: 30px;
	padding: 1.15em 1.3em 1.3em;
	box-shadow: var(--gol);
	margin-bottom: 1.1em;
}
.oonda.oonda-t2 .oonda-detay summary { font-family: var(--yazi-baslik); font-weight: 700; color: var(--ucd); }

/* hikâye girişi */
.oonda.oonda-t2 .oonda-bilgi .oonda-giris {
	position: relative;
	background: #fff4cc;
	border: 3px solid #ffd34d;
	border-radius: 26px;
	padding: 1.1em 1.2em 0.9em;
	margin: 0.5em 0 1em;
	box-shadow: 0 6px 0 #f3c01e;
}
.oonda.oonda-t2 .oonda-giris-etiket { display: inline-block; background: #ff8a24; color: #fff; font-family: var(--yazi-baslik); font-weight: 600; border-radius: 999px; padding: 0.1em 0.9em; margin: -1.9em 0 0.5em -0.2em; box-shadow: 0 3px 0 #d9610a; transform: rotate(-2deg); }
.oonda.oonda-t2 .oonda-giris-metin { font-size: 1.06em; color: #4a3500; }
.oonda.oonda-t2 .oonda-giris-soru { font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.08em; color: var(--ucd); background: #fff; border-radius: 18px; padding: 0.5em 0.8em; box-shadow: 0 4px 0 #f3c01e; margin-top: 0.7em; }

/* biliyor muydun / dikkat / uyarı */
.oonda.oonda-t2 .oonda-biliyor, .oonda.oonda-t2 .oonda-dikkat, .oonda.oonda-t2 .oonda-uyari { border-radius: 22px; padding: 0.8em 1em 0.85em; margin: 0.9em 0; border-width: 3px; }
.oonda.oonda-t2 .oonda-biliyor { background: #d8f9ff; border-color: #19c6d8; box-shadow: 0 5px 0 #11a3b3; }
.oonda.oonda-t2 .oonda-dikkat { background: #ffe4ee; border-color: #ff5c9a; box-shadow: 0 5px 0 #d12a73; }
.oonda.oonda-t2 .oonda-uyari { background: #fff0d6; border-color: #ffa63d; box-shadow: 0 5px 0 #d97d0b; }
.oonda.oonda-t2 .oonda-kutu-baslik { font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.05em; }
.oonda.oonda-t2 .oonda-biliyor .oonda-kutu-baslik { color: #0a7d8c; }
.oonda.oonda-t2 .oonda-dikkat .oonda-kutu-baslik { color: #c01f66; }

/* örnek kartları: pastel renk döngüsü */
.oonda.oonda-t2 .oonda-orn { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.8em; margin: 0.8em 0; }
.oonda.oonda-t2 .oonda-orn-kart { --oc: #2f7bff; --ol: #e4eeff; background: var(--ol); border: 3px solid var(--oc); border-radius: 24px; padding: 0.8em 0.9em; box-shadow: 0 5px 0 var(--oc); transition: transform 0.14s ease; }
.oonda.oonda-t2 .oonda-orn-kart:nth-child(6n+1) { --oc: #2f7bff; --ol: #e4eeff; }
.oonda.oonda-t2 .oonda-orn-kart:nth-child(6n+2) { --oc: #ff5c9a; --ol: #ffe3ef; }
.oonda.oonda-t2 .oonda-orn-kart:nth-child(6n+3) { --oc: #12b76a; --ol: #dcf8ea; }
.oonda.oonda-t2 .oonda-orn-kart:nth-child(6n+4) { --oc: #ff9a1a; --ol: #fff0d6; }
.oonda.oonda-t2 .oonda-orn-kart:nth-child(6n+5) { --oc: #8b4dff; --ol: #efe5ff; }
.oonda.oonda-t2 .oonda-orn-kart:nth-child(6n) { --oc: #19b6c9; --ol: #d9f6fa; }
.oonda.oonda-t2 .oonda-orn-kart:hover { transform: translateY(-3px) rotate(-1deg); }
.oonda.oonda-t2 .oonda-orn-emoji { font-size: 2.3em; line-height: 1.1; display: block; }
.oonda.oonda-t2 .oonda-orn-kart strong { font-family: var(--yazi-baslik); font-weight: 700; color: var(--t-ink); }
.oonda.oonda-t2 .oonda-orn-acik { color: var(--t-soluk); font-size: 0.92em; }

/* şema çerçevesi */
.oonda.oonda-t2 .oonda-sema { border: 5px solid #fff; border-radius: 28px; background: #fff; box-shadow: 0 0 0 3px var(--ucs), 0 8px 0 3px var(--ucs), 0 18px 28px rgba(39, 42, 90, 0.10); margin: 1em auto 1.3em; }

/* aşama aşama anlatım */
.oonda.oonda-t2 .oonda-asama-noktalar { gap: 0.55em; margin: 0.9em 0 0.7em; }
.oonda.oonda-t2 .oonda-asama-nokta { width: 2.8em; height: 2.8em; border-radius: 50%; border: 3px solid var(--ucs); background: #fff; color: var(--t-ink); font-family: var(--yazi-baslik); font-weight: 700; font-size: 1em; box-shadow: 0 4px 0 var(--ucs); transition: transform 0.12s ease; }
.oonda.oonda-t2 .oonda-asama-nokta:hover { transform: translateY(-2px); }
.oonda.oonda-t2 .oonda-asama-nokta.oonda-gorulen { background: #d7f7e5; border-color: #0f9d58; box-shadow: 0 4px 0 #0b7a44; color: #0b6b3b; }
.oonda.oonda-t2 .oonda-asama-nokta.oonda-aktif { background: var(--uc); border-color: var(--ucd); box-shadow: 0 4px 0 var(--ucd); color: #fff; animation: t2-nabiz 1.6s ease-in-out infinite; }
@keyframes t2-nabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }
.oonda.oonda-t2 .oonda-asama-kutu { background: var(--ucl); border: 3px solid var(--uc); border-radius: 24px; box-shadow: 0 5px 0 var(--uc); padding: 0.85em 1.1em; }
.oonda.oonda-t2 .oonda-asama-baslik { font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.15em; color: var(--ucd); }
.oonda.oonda-t2 .oonda-say { display: inline-block; background: #fff; color: var(--t-soluk); font-weight: 800; border-radius: 999px; padding: 0.1em 0.8em; box-shadow: 0 3px 0 var(--t-cizgi); }

/* çözümlü örnek */
.oonda.oonda-t2 .oonda-cozumlu-soru { background: #ede9ff; border: 3px solid #8b6cff; border-left-width: 10px; border-radius: 22px; box-shadow: 0 5px 0 #6a4fe0; }
.oonda.oonda-t2 .oonda-cozumlu-soru strong { font-family: var(--yazi-baslik); color: #5a3fd0; }
.oonda.oonda-t2 .oonda-cozumlu-adimlar li { background: #fff; border: 3px solid var(--ucs); border-radius: 20px; box-shadow: 0 4px 0 var(--ucs); padding-left: 3.4em; animation: t2-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.oonda.oonda-t2 .oonda-cozumlu-adimlar li::before { background: var(--uc); font-family: var(--yazi-baslik); width: 2em; height: 2em; box-shadow: 0 3px 0 var(--ucd); }
.oonda.oonda-t2 .oonda-cozumlu-sonuc { background: #d7f7e5; border: 3px solid #0f9d58; border-radius: 22px; box-shadow: 0 5px 0 #0b7a44; font-family: var(--yazi-baslik); font-weight: 700; animation: t2-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
@keyframes t2-pop { from { transform: scale(0.85) translateY(8px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } }

/* ders özeti */
.oonda.oonda-t2 .oonda-ozet { background: linear-gradient(160deg, #e3faee, #fff9db); border: 3px solid #35c47a; border-top-width: 9px; border-radius: 30px; box-shadow: 0 6px 0 #1f9d5b, 0 18px 30px rgba(39, 42, 90, 0.08); }
.oonda.oonda-t2 .oonda-ozet ul { list-style: none; padding: 0; margin: 0.4em 0 0.8em; }
.oonda.oonda-t2 .oonda-ozet li { position: relative; padding-left: 2em; margin: 0.5em 0; }
.oonda.oonda-t2 .oonda-ozet li::before { content: '⭐'; position: absolute; left: 0; top: 0; }
.oonda.oonda-t2 .oonda-ozet-kavramlar span { border-width: 3px; border-radius: 999px; font-family: var(--yazi-baslik); font-weight: 600; box-shadow: 0 3px 0 #86efac; }
.oonda.oonda-t2 .oonda-ozet-kavramlar span:nth-child(3n+2) { border-color: #ffb0cf; box-shadow: 0 3px 0 #ffb0cf; }
.oonda.oonda-t2 .oonda-ozet-kavramlar span:nth-child(3n) { border-color: #a4e6ee; box-shadow: 0 3px 0 #a4e6ee; }

/* ---------- SORULAR VE OYUNLAR ---------- */
.oonda.oonda-t2 .oonda-soru { font-family: var(--yazi-baslik); font-weight: 600; font-size: 1.18em; }
.oonda.oonda-t2 .oonda-sec-btn { background: #fff; border: 3px solid var(--t-cizgi); border-radius: 22px; padding: 0.75em 1em; font-weight: 800; box-shadow: 0 5px 0 var(--t-cizgi); transition: transform 0.12s ease, box-shadow 0.12s ease; }
.oonda.oonda-t2 .oonda-sec-btn:hover:not(:disabled) { transform: translateY(-2px); border-color: var(--uc); box-shadow: 0 7px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-sec-btn:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 1px 0 var(--t-cizgi); }
.oonda.oonda-t2 .oonda-harf { background: var(--ucl); color: var(--ucd); font-family: var(--yazi-baslik); font-weight: 700; box-shadow: 0 3px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-sec-btn.oonda-dogru, .oonda.oonda-t2 .oonda-dogru { background: #d7f7e5; border-color: #0f9d58; box-shadow: 0 5px 0 #0b7a44; animation: t2-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.oonda.oonda-t2 .oonda-sec-btn.oonda-yanlis, .oonda.oonda-t2 .oonda-yanlis { background: #ffe1e6; border-color: #e0364c; box-shadow: 0 5px 0 #b22036; animation: oo-shake 0.35s ease-in-out both; }
.oonda.oonda-t2 .oonda-geri-dogru, .oonda.oonda-t2 .oonda-sonuc { border-radius: 22px; }
.oonda.oonda-t2 .oonda-sonuc { background: #fff9db; border: 3px solid #ffc928; box-shadow: 0 5px 0 #e0a800; font-family: var(--yazi-baslik); }
.oonda.oonda-t2 .oonda-chipbtn { background: #fff; border: 3px solid var(--t-cizgi); border-radius: 999px; font-family: var(--yazi-baslik); font-weight: 600; box-shadow: 0 4px 0 var(--t-cizgi); transition: transform 0.12s ease; }
.oonda.oonda-t2 .oonda-chipbtn:hover { transform: translateY(-2px); border-color: var(--uc); }
.oonda.oonda-t2 .oonda-chipbtn.oonda-secili { background: var(--uc); border-color: var(--ucd); box-shadow: 0 4px 0 var(--ucd); color: #fff; }
.oonda.oonda-t2 .oonda-esl-satir { background: #fff; border: 3px solid var(--ucs); border-radius: 24px; box-shadow: 0 5px 0 var(--ucs); }

/* sınıflandırma oyunu */
.oonda.oonda-t2 .oonda-oge { background: #fff; border: 4px solid #ffc928; border-radius: 28px; box-shadow: 0 8px 0 #e0a800, 0 18px 24px rgba(39, 42, 90, 0.10); animation: t2-yuz 3s ease-in-out infinite alternate; }
@keyframes t2-yuz { from { transform: translateY(0) rotate(-0.8deg); } to { transform: translateY(-5px) rotate(0.8deg); } }
.oonda.oonda-t2 .oonda-oge-emoji { font-size: 3.4em; }
.oonda.oonda-t2 .oonda-oge-ad { font-family: var(--yazi-baslik); font-weight: 700; }
.oonda.oonda-t2 .oonda-kutular { gap: 0.8em; }
.oonda.oonda-t2 .oonda-kutu-btn { --kc: #2f7bff; --kl: #e4eeff; background: var(--kl); border: 3px solid var(--kc); border-radius: 24px; box-shadow: 0 6px 0 var(--kc); font-family: var(--yazi-baslik); font-weight: 700; transition: transform 0.12s ease; }
.oonda.oonda-t2 .oonda-kutu-btn:nth-child(5n+1) { --kc: #2f7bff; --kl: #e4eeff; }
.oonda.oonda-t2 .oonda-kutu-btn:nth-child(5n+2) { --kc: #ff5c9a; --kl: #ffe3ef; }
.oonda.oonda-t2 .oonda-kutu-btn:nth-child(5n+3) { --kc: #12b76a; --kl: #dcf8ea; }
.oonda.oonda-t2 .oonda-kutu-btn:nth-child(5n+4) { --kc: #ff9a1a; --kl: #fff0d6; }
.oonda.oonda-t2 .oonda-kutu-btn:nth-child(5n) { --kc: #8b4dff; --kl: #efe5ff; }
.oonda.oonda-t2 .oonda-kutu-btn:hover:not(:disabled) { transform: translateY(-3px); border-color: var(--kc); }
.oonda.oonda-t2 .oonda-kutu-emoji { font-size: 1.8em; }

/* sıralama, kavram haritası */
.oonda.oonda-t2 .oonda-sira-slot { border-radius: 22px; border-width: 3px; }
.oonda.oonda-t2 .oonda-sira-no { background: var(--uc); font-family: var(--yazi-baslik); box-shadow: 0 3px 0 var(--ucd); }
.oonda.oonda-t2 .oonda-sira-kart { border: 3px solid var(--ucs); border-radius: 20px; box-shadow: 0 5px 0 var(--ucs); font-family: var(--yazi-baslik); font-weight: 600; }
.oonda.oonda-t2 .oonda-sira-kart:hover:not(:disabled) { transform: translateY(-3px); }
.oonda.oonda-t2 .oonda-kavram-dugum { border: 4px solid var(--uc); border-radius: 24px; box-shadow: 0 5px 0 var(--ucd); }
.oonda.oonda-t2 .oonda-kavram-ad { font-family: var(--yazi-baslik); font-weight: 700; }

/* soru çözme alanı bir kart gibi görünsün */
.oonda.oonda-t2 .oonda-soru-alan { background: #fff; border: 3px solid #fff; border-top: 9px solid var(--uc); border-radius: 30px; padding: 1em 1.2em 1.2em; box-shadow: var(--gol); margin-bottom: 1em; }

/* yazılı uygulama adımında alt çubuk akışta kalır: tuş takımını kapatmasın */
.oonda.oonda-t2 .oonda-oyn-uyg .oonda-nav { position: static; backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent; box-shadow: none; border: 0; padding: 0.3em 0; }

/* ---------- ALT GEZİNME: her zaman ulaşılabilir ---------- */
.oonda.oonda-t2 .oonda-nav {
	position: sticky;
	bottom: 10px;
	z-index: 6;
	display: flex;
	justify-content: space-between;
	gap: 0.7em;
	padding: 0.55em;
	margin-top: 0.4em;
	background: rgba(255, 255, 255, 0.88);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 3px solid #fff;
	border-radius: 28px;
	box-shadow: 0 8px 26px rgba(39, 42, 90, 0.16);
}
.oonda.oonda-t2 .oonda-nav .oonda-btn { flex: 0 1 auto; }
.oonda.oonda-t2 .oonda-nav .oonda-btn-ana { margin-left: auto; min-width: 9em; }

/* ---------- BİLDİRİMLER ---------- */
.oonda-toast { font-family: 'Baloo 2', 'Nunito', system-ui, sans-serif; font-weight: 700; background: linear-gradient(135deg, #ffd34d, #ff9a1a); color: #4a2b00; border-radius: 999px; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.18); }
.oonda-toast.oonda-toast-buyuk { background: linear-gradient(135deg, #8b4dff, #ff5c9a); color: #fff; }

/* ---------- DERS / SORU İÇİNDEYKEN ve ana sayfa dışında: kompakt başlık, içerik hemen görünür ---------- */
.oonda.oonda-t2.oonda-icerde .oonda-menu, .oonda.oonda-t2.oonda-icerde .oonda-unite-bar { display: none; }
.oonda.oonda-t2.oonda-kompakt .oonda-ust { padding: 0.55em 1em 0.6em; padding-right: 1em; margin-bottom: 1em; border-radius: 24px; box-shadow: 0 6px 0 var(--ucd), 0 14px 24px rgba(39, 42, 90, 0.14); }
.oonda.oonda-t2.oonda-kompakt .oonda-rozet, .oonda.oonda-t2.oonda-kompakt .oonda-chips, .oonda.oonda-t2.oonda-kompakt .oonda-xp-alt, .oonda.oonda-t2.oonda-kompakt .oonda-ust-sag .oonda-btn-hafif { display: none; }
.oonda.oonda-t2.oonda-kompakt .oonda-baslik { font-size: 1.15em; margin: 0; }
.oonda.oonda-t2.oonda-kompakt .oonda-ust-sag { min-width: 0; flex-direction: row; align-items: center; }
.oonda.oonda-t2.oonda-kompakt .oonda-xpkutu { padding: 0.25em 0.7em; border-radius: 999px; }
.oonda.oonda-t2.oonda-kompakt .oonda-xp-cubuk { display: none; }
.oonda.oonda-t2.oonda-kompakt .oonda-maskot { position: static; width: auto; flex-direction: row; align-items: center; gap: 0.3em; order: 3; pointer-events: auto; }
.oonda.oonda-t2.oonda-kompakt .oonda-maskot-svg { width: 62px; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.22)); }
.oonda.oonda-t2.oonda-kompakt .oonda-maskot-balon { order: 0; margin: 0; font-size: 0.9em; max-width: 240px; animation: none; }
.oonda.oonda-t2.oonda-kompakt .oonda-maskot-balon::after { left: auto; right: -9px; bottom: 50%; margin-bottom: -9px; border: 9px solid transparent; border-left-color: #fff; border-right: 0; border-top-color: transparent; }
.oonda.oonda-t2.oonda-kompakt .oonda-maskot.oonda-sevin .oonda-maskot-balon::after { border-left-color: #ffc928; border-top-color: transparent; }

/* ---------- TELEFON ---------- */
@media (max-width: 720px) {
	.oonda.oonda-t2 { border-radius: 26px; padding: 0.7em; font-size: 16px; }
	.oonda.oonda-t2 .oonda-ust { padding: 1em 1em 1.1em; padding-right: 1em; margin-bottom: 1.2em; }
	.oonda.oonda-t2 .oonda-ust-sag { min-width: 0; width: 100%; flex-direction: row; flex-wrap: wrap; align-items: center; }
	.oonda.oonda-t2 .oonda-ust-sag .oonda-xpkutu { flex: 1 1 170px; }
	.oonda.oonda-t2 .oonda-ust-sag .oonda-btn { flex: 0 0 auto; }
	.oonda.oonda-t2 .oonda-maskot { position: static; width: 100%; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; gap: 0.5em; margin: 0.3em 0 -1.7em; pointer-events: auto; }
	.oonda.oonda-t2 .oonda-maskot-svg { width: 78px; }
	.oonda.oonda-t2 .oonda-maskot-balon { order: 0; margin: 0 0 18px; max-width: none; flex: 1 1 auto; text-align: left; }
	.oonda.oonda-t2 .oonda-maskot-balon::after { left: -9px; bottom: 10px; border: 9px solid transparent; border-right-color: #fff; border-left: 0; border-top-color: transparent; }
	.oonda.oonda-t2 .oonda-maskot.oonda-sevin .oonda-maskot-balon::after { border-right-color: #ffc928; border-top-color: transparent; }
	.oonda.oonda-t2 .oonda-unite-bar { grid-template-columns: 1fr 1fr; gap: 0.55em; }
	.oonda.oonda-t2 .oonda-menu { grid-template-columns: repeat(3, 1fr); gap: 0.5em; }
	.oonda.oonda-t2 .oonda-ders { padding: 0.75em 0.8em; gap: 0.7em; border-radius: 24px; }
	.oonda.oonda-t2 .oonda-ders-ikon { width: 3em; height: 3em; font-size: 1.6em; border-radius: 18px; }
	.oonda.oonda-t2 .oonda-ders-durum { display: none; }
	.oonda.oonda-t2 .oonda-bilgi, .oonda.oonda-t2 .oonda-etk, .oonda.oonda-t2 .oonda-masa, .oonda.oonda-t2 .oonda-detay { padding: 0.9em 0.9em 1.1em; border-radius: 26px; }
	.oonda.oonda-t2.oonda-kompakt .oonda-maskot { margin: 0; width: auto; flex: 0 0 auto; flex-direction: row; }
	.oonda.oonda-t2.oonda-kompakt .oonda-maskot-svg { width: 52px; }
	.oonda.oonda-t2.oonda-kompakt .oonda-ust-sag { flex: 0 1 auto; min-width: 0; }
	.oonda.oonda-t2.oonda-kompakt .oonda-xpkutu { padding: 0.15em 0.5em; }
	.oonda.oonda-t2.oonda-kompakt .oonda-maskot-balon { display: none; }
	.oonda.oonda-t2.oonda-kompakt .oonda-ust { display: flex; flex-wrap: nowrap; gap: 0.5em; }
	.oonda.oonda-t2.oonda-kompakt .oonda-ust-sol { flex: 1 1 auto; }
	.oonda.oonda-t2.oonda-kompakt .oonda-ust-sag { width: auto; flex-wrap: nowrap; }
	.oonda.oonda-t2.oonda-kompakt .oonda-ust-sag .oonda-xpkutu { flex: 0 0 auto; }
	.oonda.oonda-t2.oonda-kompakt .oonda-xp-seviye { display: none; }
	.oonda.oonda-t2.oonda-kompakt .oonda-baslik { font-size: 1em; }
}


/* ---------- AŞAMA 2: ANA EKRAN — "Devam et" kartı ve yol haritası ---------- */
.oonda.oonda-t2 .oonda-unite-ilerleme { display: block; width: 100%; height: 8px; margin-top: 0.2em; border-radius: 999px; background: var(--ucl); overflow: hidden; }
.oonda.oonda-t2 .oonda-unite-ilerleme-dolu { display: block; height: 100%; min-width: 0; border-radius: 999px; background: var(--uc); transition: width 0.6s ease; }
.oonda.oonda-t2 .oonda-unite-btn.oonda-aktif .oonda-unite-ilerleme { background: rgba(255, 255, 255, 0.32); }
.oonda.oonda-t2 .oonda-unite-btn.oonda-aktif .oonda-unite-ilerleme-dolu { background: #fff; }

.oonda.oonda-t2 .oonda-kahraman {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: 1.2em;
	align-items: center;
	background: #fff;
	border: 3px solid #fff;
	border-top: 9px solid var(--uc);
	border-radius: 32px;
	box-shadow: var(--gol);
	padding: 1em 1.1em 1.1em;
	margin: 0 0 1.3em;
}
.oonda.oonda-t2 .oonda-kahraman .oonda-sema { margin: 0; border-width: 4px; box-shadow: 0 0 0 3px var(--ucs), 0 7px 0 3px var(--ucs); }
.oonda.oonda-t2 .oonda-kahraman-bilgi { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35em; min-width: 0; }
.oonda.oonda-t2 .oonda-kahraman-etiket { display: inline-block; background: var(--ucl); color: var(--ucd); font-family: var(--yazi-baslik); font-weight: 800; font-size: 0.88em; border-radius: 999px; padding: 0.05em 0.95em; box-shadow: 0 3px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-kahraman-baslik { font-size: 1.55em; line-height: 1.15; margin: 0.15em 0 0.1em; color: var(--t-ink); }
.oonda.oonda-t2 .oonda-kahraman-ilerleme { width: 100%; display: flex; flex-direction: column; gap: 0.25em; }
.oonda.oonda-t2 .oonda-kahraman-cubuk { height: 20px; background: #e8ecfb; border: 3px solid #fff; border-radius: 999px; box-shadow: inset 0 2px 0 rgba(39, 42, 90, 0.08), 0 3px 0 rgba(39, 42, 90, 0.06); overflow: hidden; }
.oonda.oonda-t2 .oonda-kahraman-dolu { height: 100%; border-radius: 999px; background: repeating-linear-gradient(135deg, var(--uc) 0 12px, var(--ucd) 12px 24px); animation: t2-serit 1.3s linear infinite; transition: width 0.7s cubic-bezier(0.34, 1.56, 0.64, 1); }
.oonda.oonda-t2 .oonda-kahraman-yuzde { font-family: var(--yazi-baslik); font-weight: 800; color: var(--ucd); }
.oonda.oonda-t2 .oonda-kahraman-dugme { width: 100%; font-size: 1.12em; margin-top: 0.5em; animation: t2-nabiz-hafif 2.2s ease-in-out infinite; }

/* yol haritası */
.oonda.oonda-t2 .oonda-yol { margin: 0 0 1.3em; }
.oonda.oonda-t2 .oonda-yol > h3 { text-align: center; }
.oonda.oonda-t2 .oonda-yol-liste { list-style: none; padding: 0; margin: 0 auto; position: relative; max-width: 620px; height: var(--h, 600px); }
.oonda.oonda-t2 .oonda-yol-cizgi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.oonda.oonda-t2 .oonda-yol-cizgi path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.oonda.oonda-t2 .oonda-yol-taban { stroke: var(--ucs); stroke-width: 9; stroke-dasharray: 1 19; }
.oonda.oonda-t2 .oonda-yol-gecilen { stroke: #12b76a; stroke-width: 9; stroke-dasharray: 1 19; }
.oonda.oonda-t2 .oonda-yol-dugum { position: absolute; left: var(--x); top: var(--y); width: 190px; margin: 0; padding: 0; transform: translateX(-50%); }
.oonda.oonda-t2 .oonda-yol-dugme { --hc: var(--uc); --hd: var(--ucd); --hs: var(--ucs); display: flex; flex-direction: column; align-items: center; gap: 0.15em; width: 100%; padding: 0; background: none; border: 0; text-align: center; box-shadow: none; }
.oonda.oonda-t2 .oonda-yol-soru .oonda-yol-dugme { --hc: #ff5c9a; --hd: #d12a73; --hs: #ffb8d6; }
.oonda.oonda-t2 .oonda-yol-deney .oonda-yol-dugme { --hc: #12b76a; --hd: #0b8a4e; --hs: #a9ebc9; }
.oonda.oonda-t2 .oonda-yol-sinav .oonda-yol-dugme { --hc: #ffb300; --hd: #cc8f00; --hs: #ffe08a; }
.oonda.oonda-t2 .oonda-yol-halka { position: relative; width: 88px; height: 88px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 5px solid var(--hs); box-shadow: 0 7px 0 var(--hs); transition: transform 0.14s ease, box-shadow 0.14s ease; }
.oonda.oonda-t2 .oonda-yol-soru .oonda-yol-halka, .oonda.oonda-t2 .oonda-yol-deney .oonda-yol-halka, .oonda.oonda-t2 .oonda-yol-sinav .oonda-yol-halka { border-radius: 30px; }
.oonda.oonda-t2 .oonda-yol-ikon { font-size: 2.3em; line-height: 1; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.10)); }
.oonda.oonda-t2 .oonda-yol-ad { margin-top: 0.4em; font-family: var(--yazi-baslik); font-weight: 800; font-size: 1.02em; color: var(--t-ink); line-height: 1.1; }
.oonda.oonda-t2 .oonda-yol-alt { font-size: 0.82em; font-weight: 700; color: var(--t-soluk); line-height: 1.2; max-width: 170px; }
.oonda.oonda-t2 .oonda-yol-dugme:hover .oonda-yol-halka { transform: translateY(-4px) scale(1.04); box-shadow: 0 11px 0 var(--hs); border-color: var(--hc); }
.oonda.oonda-t2 .oonda-yol-dugme:active .oonda-yol-halka { transform: translateY(4px); box-shadow: 0 2px 0 var(--hs); }
.oonda.oonda-t2 .oonda-yol-dugme:focus-visible { outline: 4px solid #ffc928; outline-offset: 6px; border-radius: 24px; }
.oonda.oonda-t2 .oonda-yol-tamam .oonda-yol-halka { background: #d7f7e5; border-color: #0f9d58; box-shadow: 0 7px 0 #0b7a44; }
.oonda.oonda-t2 .oonda-yol-tik { position: absolute; right: -8px; bottom: -6px; width: 32px; height: 32px; border-radius: 50%; background: #0f9d58; color: #fff; font-size: 1.05em; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 0 #0b7a44; border: 3px solid #fff; }
.oonda.oonda-t2 .oonda-yol-siradaki .oonda-yol-halka { width: 100px; height: 100px; background: var(--hc); border-color: var(--hd); box-shadow: 0 8px 0 var(--hd); animation: t2-nabiz 1.8s ease-in-out infinite; }
.oonda.oonda-t2 .oonda-yol-siradaki .oonda-yol-halka::before { content: ''; position: absolute; inset: -10px; border-radius: inherit; border: 4px solid var(--hc); opacity: 0.55; animation: t2-halka 1.8s ease-out infinite; }
.oonda.oonda-t2 .oonda-yol-siradaki .oonda-yol-ikon { font-size: 2.7em; filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.18)); }
.oonda.oonda-t2 .oonda-yol-etiket { margin-bottom: 0.45em; background: #ffc928; color: #5a3b00; font-family: var(--yazi-baslik); font-weight: 800; font-size: 0.9em; border-radius: 999px; padding: 0.02em 0.9em; box-shadow: 0 3px 0 #e0a800; animation: t2-sek 1.1s ease-in-out infinite alternate; }
@keyframes t2-nabiz-hafif { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } }
@keyframes t2-halka { from { transform: scale(0.9); opacity: 0.6; } to { transform: scale(1.22); opacity: 0; } }
@keyframes t2-sek { from { transform: translateY(0); } to { transform: translateY(-5px); } }

/* rozetler: açılır liste */
.oonda.oonda-t2 .oonda-rozet-detay { margin: 0.5em 0 0.7em; }
.oonda.oonda-t2 .oonda-rozet-detay > summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5em; list-style: none; background: #fff8e6; border: 3px solid #ffd34d; border-radius: 20px; padding: 0.5em 0.9em; box-shadow: 0 4px 0 #f3c01e; font-family: var(--yazi-baslik); font-weight: 800; color: #7a4a00; }
.oonda.oonda-t2 .oonda-rozet-detay > summary::-webkit-details-marker { display: none; }
.oonda.oonda-t2 .oonda-rozet-detay > summary::after { content: '▾ aç'; font-size: 0.85em; background: #fff; border-radius: 999px; padding: 0 0.7em; box-shadow: 0 3px 0 #ffd34d; }
.oonda.oonda-t2 .oonda-rozet-detay[open] > summary::after { content: '▴ kapat'; }
.oonda.oonda-t2 .oonda-rozet-onizleme { font-size: 1.2em; letter-spacing: 0.1em; margin-left: auto; }
.oonda.oonda-t2 .oonda-rozet-detay > .oonda-rozetler { margin-top: 0.8em; }

@media (max-width: 720px) {
	.oonda.oonda-t2 .oonda-kahraman { grid-template-columns: 1fr; padding: 0.8em; gap: 0.9em; }
	.oonda.oonda-t2 .oonda-kahraman-baslik { font-size: 1.35em; }
	.oonda.oonda-t2 .oonda-yol-dugum { width: 160px; }
	.oonda.oonda-t2 .oonda-yol-halka { width: 78px; height: 78px; }
	.oonda.oonda-t2 .oonda-yol-siradaki .oonda-yol-halka { width: 90px; height: 90px; }
}


/* telefon: ilk ekranda "Devam et" kartı görünsün diye üst bölüm sıkıştırılır */
@media (max-width: 720px) {
	.oonda.oonda-t2 .oonda-unite-bar { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0.55em; padding: 0.15em 0.25em 0.7em; margin: 0 -0.25em 0.2em; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
	.oonda.oonda-t2 .oonda-unite-btn { flex: 0 0 62%; scroll-snap-align: start; }
	.oonda.oonda-t2 .oonda-menu { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 0.5em; padding: 0.15em 0.25em 0.8em; margin: 0 -0.25em 0.4em; -webkit-overflow-scrolling: touch; }
	.oonda.oonda-t2 .oonda-sekme { flex: 0 0 auto; min-width: 98px; padding: 0.4em 0.6em 0.45em; }
	.oonda.oonda-t2 .oonda-sekme-ikon { font-size: 1.45em; }
	.oonda.oonda-t2:not(.oonda-kompakt) .oonda-chips, .oonda.oonda-t2:not(.oonda-kompakt) .oonda-xp-alt, .oonda.oonda-t2:not(.oonda-kompakt) .oonda-ust-sag .oonda-btn { display: none; }
	.oonda.oonda-t2:not(.oonda-kompakt) .oonda-ust { padding: 0.8em 0.9em 0.9em; }
	.oonda.oonda-t2:not(.oonda-kompakt) .oonda-baslik { font-size: 1.3em; margin-bottom: 0.2em; }
	.oonda.oonda-t2:not(.oonda-kompakt) .oonda-xp-cubuk { margin: 0.3em 0 0.1em; }
	.oonda.oonda-t2:not(.oonda-kompakt) .oonda-maskot { margin-bottom: -1.5em; }
}


/* ---------- AŞAMA 3: NOKTALI İLERLEME, MASKOT DÜŞÜNME DURUMU, DERS BİTİŞ KUTLAMASI ---------- */
.oonda.oonda-t2 .oonda-ilerleme { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); }
.oonda.oonda-t2 .oonda-noktalar { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; justify-content: center; margin: 0.5em 0 0.2em; }
.oonda.oonda-t2 .oonda-nokta {
	width: 2em; height: 2em; min-height: 0; padding: 0;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
	border: 3px solid var(--ucs);
	background: #fff;
	color: var(--t-soluk);
	font-family: var(--yazi-baslik);
	font-weight: 800;
	font-size: 0.82em;
	box-shadow: 0 3px 0 var(--ucs);
	transition: transform 0.12s ease;
}
.oonda.oonda-t2 .oonda-nokta:not(:disabled):hover { transform: translateY(-3px); }
.oonda.oonda-t2 .oonda-nokta-bitti { background: var(--uc); border-color: var(--ucd); color: #fff; box-shadow: 0 3px 0 var(--ucd); }
.oonda.oonda-t2 .oonda-nokta-simdi { width: 2.6em; height: 2.6em; background: #ffc928; border-color: #e0a800; color: #5a3b00; box-shadow: 0 4px 0 #c98a00; animation: t2-nabiz 1.6s ease-in-out infinite; }
.oonda.oonda-t2 .oonda-nokta-gelecek { opacity: 0.5; cursor: default; box-shadow: none; }
.oonda.oonda-t2 .oonda-adim-no { margin: 0.3em 0 0.7em; }

.oonda.oonda-t2 .oonda-maskot.oonda-dusun .oonda-maskot-balon { background: #ede9ff; color: #4b2fb3; }
.oonda.oonda-t2 .oonda-maskot.oonda-dusun .oonda-maskot-balon::after { border-top-color: #ede9ff; }
.oonda.oonda-t2.oonda-kompakt .oonda-maskot.oonda-dusun .oonda-maskot-balon::after { border-left-color: #ede9ff; border-top-color: transparent; }
@media (max-width: 720px) {
	.oonda.oonda-t2:not(.oonda-kompakt) .oonda-maskot.oonda-dusun .oonda-maskot-balon::after { border-right-color: #ede9ff; border-top-color: transparent; }
	.oonda.oonda-t2 .oonda-noktalar { gap: 0.3em; }
	.oonda.oonda-t2 .oonda-nokta { font-size: 0.72em; }
}

.oonda.oonda-t2 .oonda-bitis { position: relative; background: #fff; border: 3px solid #fff; border-top: 9px solid #12b76a; border-radius: 32px; box-shadow: var(--gol); padding: 1.2em 1.3em 1.5em; text-align: center; }
.oonda.oonda-t2 .oonda-bitis-maskot { display: flex; justify-content: center; margin: 0.2em 0 0.3em; }
.oonda.oonda-t2 .oonda-bitis .oonda-bitis-maskot .oonda-maskot-svg, .oonda.oonda-t2.oonda-kompakt .oonda-bitis .oonda-bitis-maskot .oonda-maskot-svg { width: min(210px, 52%); height: auto; filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.2)); }
.oonda.oonda-t2 .oonda-bitis h3 { font-size: 1.9em; color: #0b8a4e; margin: 0.1em 0 0.1em; }
.oonda.oonda-t2 .oonda-bitis-ders { font-family: var(--yazi-baslik); font-weight: 800; font-size: 1.15em; color: var(--t-ink); margin: 0 0 0.5em; }
.oonda.oonda-t2 .oonda-bitis-odul { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.6em; margin: 0.4em 0 0.9em; }
.oonda.oonda-t2 .oonda-bitis-yildiz { background: #fff1bd; color: #7a4a00; border: 3px solid #ffd34d; border-radius: 999px; box-shadow: 0 4px 0 #ffd34d; padding: 0.1em 1em; font-family: var(--yazi-baslik); font-weight: 800; }
.oonda.oonda-t2 .oonda-bitis-yuzde { background: var(--ucl); color: var(--ucd); border: 3px solid var(--ucs); border-radius: 999px; box-shadow: 0 4px 0 var(--ucs); padding: 0.1em 1em; font-family: var(--yazi-baslik); font-weight: 800; }
.oonda.oonda-t2 .oonda-bitis-dugmeler { display: flex; flex-direction: column; gap: 0.7em; max-width: 440px; margin: 0.8em auto 0; }
.oonda.oonda-t2 .oonda-bitis-dugmeler .oonda-btn-ana { font-size: 1.1em; }

/* ---------- AŞAMA 3: TAHTA SUNUMU (Yeni tasarım) ---------- */
.oonda.oonda-sunum.oonda-t2s { --uc: #2f7bff; --ucd: #1b56d6; --ucl: #e4eeff; --ucs: #bcd4ff; --yazi-baslik: 'Baloo 2', 'Nunito', 'Segoe UI', system-ui, sans-serif; }
.oonda.oonda-sunum.oonda-t2s[data-u="u1"] { --uc: #2f7bff; --ucd: #1b56d6; --ucl: #e4eeff; --ucs: #bcd4ff; }
.oonda.oonda-sunum.oonda-t2s[data-u="u2"] { --uc: #12b76a; --ucd: #0b8a4e; --ucl: #dcf8ea; --ucs: #a9ebc9; }
.oonda.oonda-sunum.oonda-t2s[data-u="u3"] { --uc: #ff7a1a; --ucd: #d15700; --ucl: #ffead6; --ucs: #ffcfa3; }
.oonda.oonda-sunum.oonda-t2s[data-u="u4"] { --uc: #8b4dff; --ucd: #6a2fd6; --ucl: #efe5ff; --ucs: #d3bcff; }
.oonda.oonda-sunum.oonda-t2s {
	font-family: 'Nunito', 'Segoe UI', system-ui, sans-serif;
	font-weight: 700;
	background: linear-gradient(135deg, var(--ucd) 0%, var(--uc) 100%);
	isolation: isolate;
}
.oonda.oonda-sunum.oonda-t2s::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(circle at 6% 10%, rgba(255, 255, 255, 0.14) 0 9vw, transparent calc(9vw + 1px)),
		radial-gradient(circle at 94% 20%, rgba(255, 255, 255, 0.10) 0 12vw, transparent calc(12vw + 1px)),
		radial-gradient(circle at 12% 96%, rgba(255, 255, 255, 0.10) 0 13vw, transparent calc(13vw + 1px)),
		radial-gradient(circle at 88% 92%, rgba(255, 201, 40, 0.20) 0 8vw, transparent calc(8vw + 1px));
}
.oonda.oonda-sunum.oonda-t2s .oonda-sn-ust { background: rgba(0, 0, 0, 0.20); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); padding: 0.3em 1em; align-items: center; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-maskot { display: inline-flex; margin: -0.2em 0 -0.5em; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-maskot svg { width: 3.3em; height: auto; filter: drop-shadow(0 0.25em 0.2em rgba(0, 0, 0, 0.3)); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-baslik { font-family: var(--yazi-baslik); font-weight: 800; font-size: 1.15em; text-shadow: 0 0.08em 0 rgba(0, 0, 0, 0.25); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-no { font-family: var(--yazi-baslik); font-weight: 700; background: rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 0 0.8em; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-alt, .oonda.oonda-sunum.oonda-t2s .oonda-sn-menu { background: rgba(0, 0, 0, 0.20); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-slayt h1, .oonda.oonda-sunum.oonda-t2s .oonda-sn-slayt h2 { font-family: var(--yazi-baslik); font-weight: 800; text-shadow: 0 0.06em 0 rgba(0, 0, 0, 0.22); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-numara { font-family: var(--yazi-baslik); font-weight: 800; color: #ffd34d; text-shadow: 0 0.06em 0 rgba(0, 0, 0, 0.25); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-kod, .oonda.oonda-sunum.oonda-t2s .oonda-sn-etiket { font-family: var(--yazi-baslik); font-weight: 700; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-slayt strong { font-weight: 800; }

/* sunum düğmeleri: basılabilen */
.oonda.oonda-sunum.oonda-t2s .oonda-sn-btn { font-family: var(--yazi-baslik); font-weight: 700; background: #fff; color: var(--ucd); border: 3px solid #fff; border-radius: 0.8em; box-shadow: 0 0.18em 0 rgba(0, 0, 0, 0.28); transition: transform 0.12s ease, box-shadow 0.12s ease; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-btn:hover:not(:disabled) { background: #fff; transform: translateY(-2px); box-shadow: 0 0.26em 0 rgba(0, 0, 0, 0.28); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-btn:active:not(:disabled) { transform: translateY(0.14em); box-shadow: 0 0.04em 0 rgba(0, 0, 0, 0.28); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-btn.oonda-sn-ana { background: #ffc928; border-color: #ffe08a; color: #4a2b00; box-shadow: 0 0.18em 0 #c98a00; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-btn.oonda-sn-ana:hover:not(:disabled) { background: #ffd34d; }

/* sunum kartları ve kutuları */
.oonda.oonda-sunum.oonda-t2s .oonda-sn-kart { border-radius: 0.8em; border-top: 0.28em solid var(--uc); box-shadow: 0 0.2em 0 rgba(0, 0, 0, 0.2); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-izgara > .oonda-sn-kart:nth-child(6n+2) { border-top-color: #ff5c9a; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-izgara > .oonda-sn-kart:nth-child(6n+3) { border-top-color: #12b76a; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-izgara > .oonda-sn-kart:nth-child(6n+4) { border-top-color: #ffb300; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-izgara > .oonda-sn-kart:nth-child(6n+5) { border-top-color: #8b4dff; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-izgara > .oonda-sn-kart:nth-child(6n) { border-top-color: #19b6c9; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-kutu, .oonda.oonda-sunum.oonda-t2s .oonda-sn-sec { background: rgba(255, 255, 255, 0.18); border: 3px solid rgba(255, 255, 255, 0.55); border-radius: 0.8em; box-shadow: 0 0.15em 0 rgba(0, 0, 0, 0.18); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-harf { color: var(--ucd); font-family: var(--yazi-baslik); font-weight: 800; box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.2); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-sema { border: 0.25em solid #fff; border-radius: 0.8em; overflow: hidden; box-shadow: 0 0.22em 0 rgba(0, 0, 0, 0.22); background: #fff; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-giris, .oonda.oonda-sunum.oonda-t2s .oonda-sn-biliyor, .oonda.oonda-sunum.oonda-t2s .oonda-sn-dikkat, .oonda.oonda-sunum.oonda-t2s .oonda-sn-giris *, .oonda.oonda-sunum.oonda-t2s .oonda-sn-biliyor *, .oonda.oonda-sunum.oonda-t2s .oonda-sn-dikkat * { color: #272a5a; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-giris, .oonda.oonda-sunum.oonda-t2s .oonda-sn-biliyor, .oonda.oonda-sunum.oonda-t2s .oonda-sn-dikkat { border-radius: 0.9em; border-width: 3px; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-giris { background: #fff4cc; border-color: #ffd34d; box-shadow: 0 0.18em 0 #f3c01e; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-biliyor { background: #d8f9ff; border-color: #19c6d8; box-shadow: 0 0.18em 0 #11a3b3; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-dikkat { background: #ffe4ee; border-color: #ff5c9a; box-shadow: 0 0.18em 0 #d12a73; }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-adim { border: 3px solid var(--ucs); border-radius: 0.8em; box-shadow: 0 0.14em 0 var(--ucs); }
.oonda.oonda-sunum.oonda-t2s .oonda-sn-sag { background: rgba(255, 255, 255, 0.18); border: 3px solid rgba(255, 255, 255, 0.5); border-radius: 0.9em; }


/* ---------- MATEMATİK: tema renkleri (m1…m6), ders seçici, tuş takımı ---------- */
.oonda.oonda-t2[data-u="m1"], .oonda.oonda-t2 [data-u="m1"] { --uc: #e6399b; --ucd: #b81e78; --ucl: #ffe0f2; --ucs: #ffb5dc; }
.oonda.oonda-t2[data-u="m2"], .oonda.oonda-t2 [data-u="m2"] { --uc: #14b8c4; --ucd: #0c8c96; --ucl: #d9f7fa; --ucs: #a1e8ee; }
.oonda.oonda-t2[data-u="m3"], .oonda.oonda-t2 [data-u="m3"] { --uc: #6366f1; --ucd: #4338ca; --ucl: #e8e9ff; --ucs: #c4c6fb; }
.oonda.oonda-t2[data-u="m4"], .oonda.oonda-t2 [data-u="m4"] { --uc: #ef4444; --ucd: #c42b2b; --ucl: #ffe3e3; --ucs: #ffb4b4; }
.oonda.oonda-t2[data-u="m5"], .oonda.oonda-t2 [data-u="m5"] { --uc: #84cc16; --ucd: #5d9a0b; --ucl: #eefad0; --ucs: #cdea8f; }
.oonda.oonda-t2[data-u="m6"], .oonda.oonda-t2 [data-u="m6"] { --uc: #f59e0b; --ucd: #c47a00; --ucl: #fff1cf; --ucs: #ffd98a; }

.oonda.oonda-t2 .oonda-ders-secici { gap: 0.7em; margin: 0 0 0.9em; }
.oonda.oonda-t2 .oonda-sinif-secici { gap: 0.6em; margin: 0 0 0.7em; }
.oonda.oonda-t2 .oonda-sinif-chip { font-family: var(--yazi-baslik); font-size: 1.05em; background: #fff; color: #3730a3; border: 3px solid #6366f1; border-radius: 22px; padding: 0.35em 1.3em; box-shadow: 0 4px 0 #6366f1; }
.oonda.oonda-t2 .oonda-sinif-chip.oonda-aktif { background: #6366f1; border-color: #4338ca; color: #fff; box-shadow: 0 4px 0 #4338ca; }
.oonda.oonda-t2 .oonda-ders-chip { --dc: #2f7bff; --dcd: #1b56d6; font-family: var(--yazi-baslik); font-weight: 700; font-size: 1.05em; background: #fff; color: var(--t-ink); border: 3px solid var(--dc); border-radius: 22px; padding: 0.4em 1.2em; box-shadow: 0 5px 0 var(--dc); transition: transform 0.12s ease, box-shadow 0.12s ease; }
.oonda.oonda-t2 .oonda-ders-chip[data-d="mat"] { --dc: #e6399b; --dcd: #b81e78; }
.oonda.oonda-t2 .oonda-ders-chip[data-d="hb"] { --dc: #ea580c; --dcd: #bd4107; }
.oonda.oonda-t2 .oonda-ders-chip:hover { transform: translateY(-3px); box-shadow: 0 8px 0 var(--dc); }
.oonda.oonda-t2 .oonda-ders-chip.oonda-aktif { background: var(--dc); border-color: var(--dcd); color: #fff; box-shadow: 0 5px 0 var(--dcd); transform: translateY(-2px); }
.oonda.oonda-t2 .oonda-ders-chip-ikon { font-size: 1.35em; }
.oonda.oonda-t2.oonda-icerde .oonda-ders-secici, .oonda.oonda-t2.oonda-kompakt .oonda-ders-secici, .oonda.oonda-t2.oonda-icerde .oonda-sinif-secici, .oonda.oonda-t2.oonda-kompakt .oonda-sinif-secici { display: none; }
.oonda.oonda-t2.oonda-kompakt:not(.oonda-icerde) .oonda-ders-secici, .oonda.oonda-t2.oonda-kompakt:not(.oonda-icerde) .oonda-sinif-secici { display: flex; }

.oonda.oonda-t2 .oonda-mat-gorsel { background: #fff; border: 4px solid #fff; border-radius: 24px; box-shadow: 0 0 0 3px var(--ucs), 0 6px 0 3px var(--ucs); padding: 0.4em; max-width: 620px; margin: 0.9em auto 1.2em; }
.oonda.oonda-t2 .oonda-mat-kapak { padding: 0.4em; }
.oonda.oonda-t2 .oonda-mat-ust { font-family: var(--yazi-baslik); font-weight: 700; }
.oonda.oonda-t2 .oonda-mat-soru { font-family: var(--yazi-baslik); font-weight: 600; font-size: 1.3em; color: var(--t-ink); }
.oonda.oonda-t2 .oonda-sayi-ekran { font-family: var(--yazi-baslik); font-weight: 800; background: #fff; border: 4px solid var(--ucs); border-radius: 22px; box-shadow: inset 0 3px 0 rgba(39, 42, 90, 0.06); color: var(--ucd); }
.oonda.oonda-t2 .oonda-sayi-ekran:focus-visible { outline: 4px solid #ffc928; outline-offset: 3px; }
.oonda.oonda-t2 .oonda-tuslar { gap: 0.6em; }
.oonda.oonda-t2 .oonda-tus { font-family: var(--yazi-baslik); font-weight: 700; background: #fff; color: var(--t-ink); border: 3px solid var(--ucs); border-radius: 18px; box-shadow: 0 5px 0 var(--ucs); transition: transform 0.1s ease, box-shadow 0.1s ease; }
.oonda.oonda-t2 .oonda-tus:hover { transform: translateY(-2px); border-color: var(--uc); }
.oonda.oonda-t2 .oonda-tus:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--ucs); }
.oonda.oonda-t2 .oonda-tus-sil { background: #f1f3fb; }
.oonda.oonda-t2 .oonda-tus-tamam { background: #12b76a; border-color: #0b8a4e; box-shadow: 0 5px 0 #0b8a4e; color: #fff; }
.oonda.oonda-t2 .oonda-mat-geri-kutu { border-radius: 22px; border-width: 3px; animation: t2-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.oonda.oonda-t2 .oonda-mat-dogru { background: #d7f7e5; border-color: #0f9d58; box-shadow: 0 5px 0 #0b7a44; }
.oonda.oonda-t2 .oonda-mat-yanlis { background: #ffe1e6; border-color: #e0364c; box-shadow: 0 5px 0 #b22036; }
.oonda.oonda-t2 .oonda-mat-geri-kutu strong { font-family: var(--yazi-baslik); font-size: 1.15em; }
.oonda.oonda-t2 .oonda-mat-ozet h4 { font-size: 1.4em; }
.oonda.oonda-sunum.oonda-t2s[data-u="m1"] { --uc: #e6399b; --ucd: #b81e78; --ucl: #ffe0f2; --ucs: #ffb5dc; }
.oonda.oonda-sunum.oonda-t2s[data-u="m2"] { --uc: #14b8c4; --ucd: #0c8c96; --ucl: #d9f7fa; --ucs: #a1e8ee; }
.oonda.oonda-sunum.oonda-t2s[data-u="m3"] { --uc: #6366f1; --ucd: #4338ca; --ucl: #e8e9ff; --ucs: #c4c6fb; }
.oonda.oonda-sunum.oonda-t2s[data-u="m4"] { --uc: #ef4444; --ucd: #c42b2b; --ucl: #ffe3e3; --ucs: #ffb4b4; }
.oonda.oonda-sunum.oonda-t2s[data-u="m5"] { --uc: #84cc16; --ucd: #5d9a0b; --ucl: #eefad0; --ucs: #cdea8f; }
.oonda.oonda-sunum.oonda-t2s[data-u="m6"] { --uc: #f59e0b; --ucd: #c47a00; --ucl: #fff1cf; --ucs: #ffd98a; }

@media (prefers-reduced-motion: reduce) {
	.oonda.oonda-t2 *, .oonda.oonda-t2 *::before, .oonda.oonda-t2 *::after { animation: none !important; transition: none !important; }
}

/* ===== Türkçe temaları (t1–t8) ===== */
.oonda.oonda-t2[data-u="t1"], .oonda.oonda-t2 [data-u="t1"] { --uc: #0d9488; --ucd: #0a6e65; --ucl: #d6f5f1; --ucs: #9fe3db; }
.oonda.oonda-t2[data-u="t2"], .oonda.oonda-t2 [data-u="t2"] { --uc: #be123c; --ucd: #8f0d2d; --ucl: #ffe1e8; --ucs: #ffb3c4; }
.oonda.oonda-t2[data-u="t3"], .oonda.oonda-t2 [data-u="t3"] { --uc: #16a34a; --ucd: #0f7a37; --ucl: #daf7e4; --ucs: #a4e8bd; }
.oonda.oonda-t2[data-u="t4"], .oonda.oonda-t2 [data-u="t4"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede5ff; --ucs: #cdb8fb; }
.oonda.oonda-t2[data-u="t5"], .oonda.oonda-t2 [data-u="t5"] { --uc: #ea580c; --ucd: #bd4107; --ucl: #ffe8d9; --ucs: #ffc4a0; }
.oonda.oonda-t2[data-u="t6"], .oonda.oonda-t2 [data-u="t6"] { --uc: #0284c7; --ucd: #016399; --ucl: #d8f0ff; --ucs: #a2d9fa; }
.oonda.oonda-t2[data-u="t7"], .oonda.oonda-t2 [data-u="t7"] { --uc: #a16207; --ucd: #7a4a05; --ucl: #fdf0cc; --ucs: #f2d68a; }
.oonda.oonda-t2[data-u="t8"], .oonda.oonda-t2 [data-u="t8"] { --uc: #475569; --ucd: #334155; --ucl: #e6ebf1; --ucs: #bfc9d6; }
.oonda.oonda-sunum.oonda-t2s[data-u="t1"] { --uc: #0d9488; --ucd: #0a6e65; --ucl: #d6f5f1; --ucs: #9fe3db; }
.oonda.oonda-sunum.oonda-t2s[data-u="t2"] { --uc: #be123c; --ucd: #8f0d2d; --ucl: #ffe1e8; --ucs: #ffb3c4; }
.oonda.oonda-sunum.oonda-t2s[data-u="t3"] { --uc: #16a34a; --ucd: #0f7a37; --ucl: #daf7e4; --ucs: #a4e8bd; }
.oonda.oonda-sunum.oonda-t2s[data-u="t4"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede5ff; --ucs: #cdb8fb; }
.oonda.oonda-sunum.oonda-t2s[data-u="t5"] { --uc: #ea580c; --ucd: #bd4107; --ucl: #ffe8d9; --ucs: #ffc4a0; }
.oonda.oonda-sunum.oonda-t2s[data-u="t6"] { --uc: #0284c7; --ucd: #016399; --ucl: #d8f0ff; --ucs: #a2d9fa; }
.oonda.oonda-sunum.oonda-t2s[data-u="t7"] { --uc: #a16207; --ucd: #7a4a05; --ucl: #fdf0cc; --ucs: #f2d68a; }
.oonda.oonda-sunum.oonda-t2s[data-u="t8"] { --uc: #475569; --ucd: #334155; --ucl: #e6ebf1; --ucs: #bfc9d6; }

/* Hayat Bilgisi öğrenme alanları */
.oonda.oonda-t2[data-u="h1"], .oonda.oonda-t2 [data-u="h1"] { --uc: #ea580c; --ucd: #bd4107; --ucl: #ffe8d9; --ucs: #ffc4a0; }
.oonda.oonda-t2[data-u="h2"], .oonda.oonda-t2 [data-u="h2"] { --uc: #e11d48; --ucd: #b3123a; --ucl: #ffe1e7; --ucs: #ffb0c0; }
.oonda.oonda-t2[data-u="h3"], .oonda.oonda-t2 [data-u="h3"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede5ff; --ucs: #cdb8fb; }
.oonda.oonda-t2[data-u="h4"], .oonda.oonda-t2 [data-u="h4"] { --uc: #0891b2; --ucd: #066d87; --ucl: #d4f4fb; --ucs: #9ce3f2; }
.oonda.oonda-t2[data-u="h5"], .oonda.oonda-t2 [data-u="h5"] { --uc: #16a34a; --ucd: #0f7a37; --ucl: #daf7e4; --ucs: #a4e8bd; }
.oonda.oonda-t2[data-u="h6"], .oonda.oonda-t2 [data-u="h6"] { --uc: #c026d3; --ucd: #8f1c9c; --ucl: #f9e1fd; --ucs: #e9a8f3; }
.oonda.oonda-sunum.oonda-t2s[data-u="h1"] { --uc: #ea580c; --ucd: #bd4107; --ucl: #ffe8d9; --ucs: #ffc4a0; }
.oonda.oonda-sunum.oonda-t2s[data-u="h2"] { --uc: #e11d48; --ucd: #b3123a; --ucl: #ffe1e7; --ucs: #ffb0c0; }
.oonda.oonda-sunum.oonda-t2s[data-u="h3"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede5ff; --ucs: #cdb8fb; }
.oonda.oonda-sunum.oonda-t2s[data-u="h4"] { --uc: #0891b2; --ucd: #066d87; --ucl: #d4f4fb; --ucs: #9ce3f2; }
.oonda.oonda-sunum.oonda-t2s[data-u="h5"] { --uc: #16a34a; --ucd: #0f7a37; --ucl: #daf7e4; --ucs: #a4e8bd; }
.oonda.oonda-sunum.oonda-t2s[data-u="h6"] { --uc: #c026d3; --ucd: #8f1c9c; --ucl: #f9e1fd; --ucs: #e9a8f3; }

/* Okuma ve dinleme metinleri */
.oonda.oonda-t2 .oonda-giris .oonda-giris-metin { font-size: 1.06em; line-height: 1.75; }
.oonda.oonda-t2 .oonda-dinleme { text-align: center; }
.oonda.oonda-t2 .oonda-dinleme .oonda-ses { margin: 6px auto 10px; font-size: 1.1em; }
.oonda.oonda-t2 .oonda-dinleme-metin { text-align: left; margin-top: 8px; }
.oonda.oonda-t2 .oonda-dinleme-metin summary { cursor: pointer; font-weight: 700; color: var(--ucd, #334155); padding: 6px 0; }
.oonda.oonda-t2 .oonda-metin-tekrar { background: var(--ucl, #eef2ff); border: 2px solid var(--ucs, #c7d2fe); border-radius: 14px; padding: 8px 14px; margin: 0 0 14px; }
.oonda.oonda-t2 .oonda-metin-tekrar summary { cursor: pointer; font-weight: 800; color: var(--ucd, #334155); padding: 4px 0; }
.oonda.oonda-t2 .oonda-metin-tekrar .oonda-giris-metin { margin: 6px 0; line-height: 1.7; }
/* 4. sınıf Matematik, 1. konu: Doğal Sayılarla Toplama ve Çıkarma */
.oonda.oonda-t2[data-u="s4m1"], .oonda.oonda-t2 [data-u="s4m1"] { --uc: #0ea5e9; --ucd: #0369a1; --ucl: #e0f2fe; --ucs: #bae6fd; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m1"] { --uc: #0ea5e9; --ucd: #0369a1; --ucl: #e0f2fe; --ucs: #bae6fd; }
/* 4. sınıf Türkçe, 2. tema: Millî Mücadele ve Atatürk */
.oonda.oonda-t2[data-u="s4t2"], .oonda.oonda-t2 [data-u="s4t2"] { --uc: #dc2626; --ucd: #991b1b; --ucl: #fee2e2; --ucs: #fecaca; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t2"] { --uc: #dc2626; --ucd: #991b1b; --ucl: #fee2e2; --ucs: #fecaca; }
/* 4. sınıf Fen Bilimleri, 2. ünite: Besinlerimiz */
.oonda.oonda-t2[data-u="s4u2"], .oonda.oonda-t2 [data-u="s4u2"] { --uc: #16a34a; --ucd: #166534; --ucl: #dcfce7; --ucs: #bbf7d0; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u2"] { --uc: #16a34a; --ucd: #166534; --ucl: #dcfce7; --ucs: #bbf7d0; }
/* 4. sınıf Türkçe, 3. tema: Erdemler */
.oonda.oonda-t2[data-u="s4t3"], .oonda.oonda-t2 [data-u="s4t3"] { --uc: #db2777; --ucd: #9d174d; --ucl: #fce7f3; --ucs: #fbcfe8; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t3"] { --uc: #db2777; --ucd: #9d174d; --ucl: #fce7f3; --ucs: #fbcfe8; }
/* 4. sınıf Matematik, 2. konu: Doğal Sayılarla Çarpma */
.oonda.oonda-t2[data-u="s4m2"], .oonda.oonda-t2 [data-u="s4m2"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede9fe; --ucs: #ddd6fe; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m2"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede9fe; --ucs: #ddd6fe; }
/* 4. sınıf Fen Bilimleri, 3. ünite: Kuvvetin Etkileri */
.oonda.oonda-t2[data-u="s4u3"], .oonda.oonda-t2 [data-u="s4u3"] { --uc: #ea580c; --ucd: #9a3412; --ucl: #ffedd5; --ucs: #fed7aa; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u3"] { --uc: #ea580c; --ucd: #9a3412; --ucl: #ffedd5; --ucs: #fed7aa; }
/* 4. sınıf Matematik, 3. konu: Doğal Sayılarla Bölme */
.oonda.oonda-t2[data-u="s4m3"], .oonda.oonda-t2 [data-u="s4m3"] { --uc: #0d9488; --ucd: #115e59; --ucl: #ccfbf1; --ucs: #99f6e4; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m3"] { --uc: #0d9488; --ucd: #115e59; --ucl: #ccfbf1; --ucs: #99f6e4; }
/* 4. sınıf Türkçe, 4. tema: Bilim ve Teknoloji */
.oonda.oonda-t2[data-u="s4t4"], .oonda.oonda-t2 [data-u="s4t4"] { --uc: #0891b2; --ucd: #155e75; --ucl: #cffafe; --ucs: #a5f3fc; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t4"] { --uc: #0891b2; --ucd: #155e75; --ucl: #cffafe; --ucs: #a5f3fc; }
/* 4. sınıf Fen Bilimleri, 4. ünite: Maddenin Özellikleri */
.oonda.oonda-t2[data-u="s4u4"], .oonda.oonda-t2 [data-u="s4u4"] { --uc: #0891b2; --ucd: #155e75; --ucl: #cffafe; --ucs: #a5f3fc; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u4"] { --uc: #0891b2; --ucd: #155e75; --ucl: #cffafe; --ucs: #a5f3fc; }
.oonda.oonda-t2 .oonda-yz-ic .oonda-mat-gorsel { background: none; border: 0; box-shadow: none; padding: 0; margin: 0.3em 0 0.5em; max-width: none; }
/* 4. sınıf Matematik, 4. konu: Kesirler */
.oonda.oonda-t2[data-u="s4m4"], .oonda.oonda-t2 [data-u="s4m4"] { --uc: #db2777; --ucd: #9d174d; --ucl: #fce7f3; --ucs: #fbcfe8; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m4"] { --uc: #db2777; --ucd: #9d174d; --ucl: #fce7f3; --ucs: #fbcfe8; }
/* 4. sınıf Matematik, 5. konu: Kesirlerle İşlemler */
.oonda.oonda-t2[data-u="s4m5"], .oonda.oonda-t2 [data-u="s4m5"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede9fe; --ucs: #ddd6fe; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m5"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede9fe; --ucs: #ddd6fe; }
/* 4. sınıf Matematik, 6. konu: Zaman Ölçme */
.oonda.oonda-t2[data-u="s4m6"], .oonda.oonda-t2 [data-u="s4m6"] { --uc: #ea580c; --ucd: #9a3412; --ucl: #ffedd5; --ucs: #fed7aa; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m6"] { --uc: #ea580c; --ucd: #9a3412; --ucl: #ffedd5; --ucs: #fed7aa; }
/* 4. sınıf Matematik, 7. konu: Veri Toplama ve Değerlendirme */
.oonda.oonda-t2[data-u="s4m7"], .oonda.oonda-t2 [data-u="s4m7"] { --uc: #0d9488; --ucd: #115e59; --ucl: #ccfbf1; --ucs: #99f6e4; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m7"] { --uc: #0d9488; --ucd: #115e59; --ucl: #ccfbf1; --ucs: #99f6e4; }
/* 4. sınıf Matematik, 8. konu: Geometrik Cisimler ve Şekiller */
.oonda.oonda-t2[data-u="s4m8"], .oonda.oonda-t2 [data-u="s4m8"] { --uc: #0284c7; --ucd: #075985; --ucl: #e0f2fe; --ucs: #bae6fd; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m8"] { --uc: #0284c7; --ucd: #075985; --ucl: #e0f2fe; --ucs: #bae6fd; }
/* 4. sınıf Matematik, 9. konu: Geometride Temel Kavramlar */
.oonda.oonda-t2[data-u="s4m9"], .oonda.oonda-t2 [data-u="s4m9"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede9fe; --ucs: #ddd6fe; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m9"] { --uc: #7c3aed; --ucd: #5b21b6; --ucl: #ede9fe; --ucs: #ddd6fe; }
/* 4. sınıf Matematik, 10. konu: Uzamsal İlişkiler */
.oonda.oonda-t2[data-u="s4m10"], .oonda.oonda-t2 [data-u="s4m10"] { --uc: #db2777; --ucd: #9d174d; --ucl: #fce7f3; --ucs: #fbcfe8; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m10"] { --uc: #db2777; --ucd: #9d174d; --ucl: #fce7f3; --ucs: #fbcfe8; }
/* 4. sınıf Matematik, 11. konu: Uzunluk Ölçme */
.oonda.oonda-t2[data-u="s4m11"], .oonda.oonda-t2 [data-u="s4m11"] { --uc: #ca8a04; --ucd: #854d0e; --ucl: #fef9c3; --ucs: #fde68a; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m11"] { --uc: #ca8a04; --ucd: #854d0e; --ucl: #fef9c3; --ucs: #fde68a; }
/* 4. sınıf Matematik, 12. konu: Çevre Ölçme */
.oonda.oonda-t2[data-u="s4m12"], .oonda.oonda-t2 [data-u="s4m12"] { --uc: #dc2626; --ucd: #991b1b; --ucl: #fee2e2; --ucs: #fecaca; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m12"] { --uc: #dc2626; --ucd: #991b1b; --ucl: #fee2e2; --ucs: #fecaca; }
/* 4. sınıf Matematik, 13. konu: Alan Ölçme */
.oonda.oonda-t2[data-u="s4m13"], .oonda.oonda-t2 [data-u="s4m13"] { --uc: #0284c7; --ucd: #075985; --ucl: #e0f2fe; --ucs: #bae6fd; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m13"] { --uc: #0284c7; --ucd: #075985; --ucl: #e0f2fe; --ucs: #bae6fd; }
/* 4. sınıf Matematik, 14. konu: Tartma */
.oonda.oonda-t2[data-u="s4m14"], .oonda.oonda-t2 [data-u="s4m14"] { --uc: #65a30d; --ucd: #3f6212; --ucl: #ecfccb; --ucs: #d9f99d; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m14"] { --uc: #65a30d; --ucd: #3f6212; --ucl: #ecfccb; --ucs: #d9f99d; }
/* 4. sınıf Matematik, 15. konu: Sıvı Ölçme */
.oonda.oonda-t2[data-u="s4m15"], .oonda.oonda-t2 [data-u="s4m15"] { --uc: #0891b2; --ucd: #155e75; --ucl: #cffafe; --ucs: #a5f3fc; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m15"] { --uc: #0891b2; --ucd: #155e75; --ucl: #cffafe; --ucs: #a5f3fc; }
/* 4. sınıf Matematik, 1. konu: Doğal Sayılar */
.oonda.oonda-t2[data-u="s4m0"], .oonda.oonda-t2 [data-u="s4m0"] { --uc: #4f46e5; --ucd: #3730a3; --ucl: #e0e7ff; --ucs: #c7d2fe; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4m0"] { --uc: #4f46e5; --ucd: #3730a3; --ucl: #e0e7ff; --ucs: #c7d2fe; }
/* 4. sınıf Fen, 1. ünite: Yer Kabuğu ve Dünya’mızın Hareketleri */
.oonda.oonda-t2[data-u="s4u1"], .oonda.oonda-t2 [data-u="s4u1"] { --uc: #78716c; --ucd: #44403c; --ucl: #f5f5f4; --ucs: #e7e5e4; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u1"] { --uc: #78716c; --ucd: #44403c; --ucl: #f5f5f4; --ucs: #e7e5e4; }
/* 4. sınıf Türkçe, 1. tema: Okuma Kültürü */
.oonda.oonda-t2[data-u="s4t1"], .oonda.oonda-t2 [data-u="s4t1"] { --uc: #b45309; --ucd: #78350f; --ucl: #fef3c7; --ucs: #fde68a; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t1"] { --uc: #b45309; --ucd: #78350f; --ucl: #fef3c7; --ucs: #fde68a; }
/* 4. sınıf Türkçe, 5. tema: Doğa ve Evren */
.oonda.oonda-t2[data-u="s4t5"], .oonda.oonda-t2 [data-u="s4t5"] { --uc: #15803d; --ucd: #14532d; --ucl: #dcfce7; --ucs: #bbf7d0; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t5"] { --uc: #15803d; --ucd: #14532d; --ucl: #dcfce7; --ucs: #bbf7d0; }
/* 4. sınıf Türkçe, 6. tema: Millî Kültürümüz */
.oonda.oonda-t2[data-u="s4t6"], .oonda.oonda-t2 [data-u="s4t6"] { --uc: #be123c; --ucd: #881337; --ucl: #ffe4e6; --ucs: #fecdd3; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t6"] { --uc: #be123c; --ucd: #881337; --ucl: #ffe4e6; --ucs: #fecdd3; }
/* 4. sınıf Türkçe, 7. tema: Çocuk Dünyası */
.oonda.oonda-t2[data-u="s4t7"], .oonda.oonda-t2 [data-u="s4t7"] { --uc: #a21caf; --ucd: #701a75; --ucl: #fae8ff; --ucs: #f5d0fe; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t7"] { --uc: #a21caf; --ucd: #701a75; --ucl: #fae8ff; --ucs: #f5d0fe; }
/* 4. sınıf Türkçe, 8. tema: Sağlık ve Spor */
.oonda.oonda-t2[data-u="s4t8"], .oonda.oonda-t2 [data-u="s4t8"] { --uc: #0f766e; --ucd: #134e4a; --ucl: #ccfbf1; --ucs: #99f6e4; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4t8"] { --uc: #0f766e; --ucd: #134e4a; --ucl: #ccfbf1; --ucs: #99f6e4; }
/* 4. sınıf Fen, 5. ünite: Aydınlatma ve Ses Teknolojileri */
.oonda.oonda-t2[data-u="s4u5"], .oonda.oonda-t2 [data-u="s4u5"] { --uc: #d97706; --ucd: #92400e; --ucl: #fef3c7; --ucs: #fde68a; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u5"] { --uc: #d97706; --ucd: #92400e; --ucl: #fef3c7; --ucs: #fde68a; }
/* 4. sınıf Fen, 6. ünite: İnsan ve Çevre */
.oonda.oonda-t2[data-u="s4u6"], .oonda.oonda-t2 [data-u="s4u6"] { --uc: #16a34a; --ucd: #166534; --ucl: #dcfce7; --ucs: #bbf7d0; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u6"] { --uc: #16a34a; --ucd: #166534; --ucl: #dcfce7; --ucs: #bbf7d0; }
/* 4. sınıf Fen, 7. ünite: Basit Elektrik Devreleri */
.oonda.oonda-t2[data-u="s4u7"], .oonda.oonda-t2 [data-u="s4u7"] { --uc: #ca8a04; --ucd: #854d0e; --ucl: #fef9c3; --ucs: #fde68a; }
.oonda.oonda-sunum.oonda-t2s[data-u="s4u7"] { --uc: #ca8a04; --ucd: #854d0e; --ucl: #fef9c3; --ucs: #fde68a; }