/* Almanca Bulmaca — 2026-10-15, İngilizce Bulmaca v2.02 stilinden uyarlandı (v1.00) */
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
	margin:0;
	background:#2f2f9e;
	font-family:'Poppins', Arial, sans-serif;
	color:#fff;
	user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
[role=button]{ cursor:pointer; }

/* ---------- bulmaca tablosu ---------- */
#grid-wrap{ position:relative; margin:0 auto; overflow:hidden; flex:0 0 auto; }
#grid-wrap.kaydir{ overflow:auto; -webkit-overflow-scrolling:touch; border-radius:8px; background:rgba(0,0,40,.18); }
#game-area{ position:relative; --h:30px; touch-action:manipulation; }
.piece{
	position:absolute;
	left:calc(var(--x) * var(--h) + var(--h) * .05);
	top:calc(var(--y) * var(--h) + var(--h) * .05);
	width:calc(var(--h) * .9);
	height:calc(var(--h) * .9);
	background:#fff;
	border-radius:calc(var(--h) * .12);
	box-shadow:0 calc(var(--h) * .07) calc(var(--h) * .06) #060650;
	color:#333;
	font-weight:800;
	text-align:center;
	cursor:pointer;
	transition:background-color .25s;
}
.piece div{ pointer-events:none; }
.piece .harf{
	position:absolute; left:0; right:0; top:0; bottom:0;
	line-height:calc(var(--h) * .95);
	font-size:calc(var(--h) * .58);
	text-shadow:0 1px 0 #bbb;
}
.pieceSelect{ background:#d5ffff; }
.piece.aktif{ background:#ffd36e; animation:imlec 1s ease-in-out infinite; }
@keyframes imlec{ 50%{ background:#fff0c4; } }
.pieceRight .harf{ color:#2f9a4f; }
.pieceWrong .harf{ color:#e0261b; }
.piece.acik .harf{ color:#d64933; }
.numberLR, .numberUD{
	display:none;
	position:absolute;
	left:7%;
	font-size:max(8px, calc(var(--h) * .24));
	line-height:1;
	font-weight:800;
	color:#000;
	white-space:nowrap;
}
.numberUD{ top:5%; }
.numberLR{ bottom:6%; }
.numberLR img, .numberUD img{ height:.85em; vertical-align:-.05em; margin-left:1px; }
.display{ display:block; }
#game-area.kazandi .piece{ animation:zipla .6s ease calc((var(--x) + var(--y)) * 25ms) 2; }
@keyframes zipla{ 40%{ transform:translateY(-22%); background:#c8f7d2; } }

/* ---------- üst bölüm: seviye + durum ---------- */
#ust{ position:relative; z-index:99; }
#level{
	background:#d64933;
	text-align:center;
	border-radius:12px;
	box-shadow:0 2px 5px #361271, inset 0 -3px 0 #9a4133;
	padding:.35em .5em .45em;
	position:relative;
}
#select{ font-weight:800; text-shadow:0 2px #9a4133; display:inline-block; padding-right:1.3em; background-repeat:no-repeat; background-size:auto 45%; background-position:right center; }
#select b{ font-weight:800; }
.select-down{ background-image:url("../img/level-down.png"); }
.select-up{ background-image:url("../img/level-up.png"); }
#seviye-metin{ opacity:.95; }
#durum{
	display:flex; align-items:center; gap:.5em; flex-wrap:wrap; row-gap:.35em; /* dar yatayda Ä Ö Ü düğmeleri alt satıra iner */
	background:#23237a; border-radius:10px; padding:.3em .6em;
	font-weight:600; white-space:nowrap;
}
#sure, #rekor{ display:flex; align-items:center; gap:.3em; }
#sure{ font-weight:800; }
#sure::before, #rekor::before{ content:""; width:1.05em; height:1.05em; background-size:contain; background-repeat:no-repeat; flex:0 0 auto; }
#sure::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2.5M9 2h6'/%3E%3C/svg%3E"); }
#rekor::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5b301'%3E%3Cpath d='M7 2h10v2h4v3a5 5 0 0 1-5 5h-.4A5 5 0 0 1 13 14.8V18h4v4H7v-4h4v-3.2A5 5 0 0 1 8.4 12H8a5 5 0 0 1-5-5V4h4zm0 4H5v1a3 3 0 0 0 2 2.8zm10 0v3.8A3 3 0 0 0 19 7V6z'/%3E%3C/svg%3E"); }
#rekor{ flex:1; min-width:3.6em; overflow:hidden; text-overflow:ellipsis; font-weight:400; opacity:.9; }
.durum-buton{ width:1.9em; height:1.9em; border-radius:8px; background:#3e3eac center/62% no-repeat; flex:0 0 auto; }
#umlaut{ display:flex; gap:.25em; flex:0 0 auto; margin-left:auto; order:5; } /* masaüstünde Ä Ö Ü düğmeleri (dokunmatikte ekran klavyesinde var) */
#umlaut > div{ width:1.9em; height:1.9em; line-height:1.9em; text-align:center; border-radius:8px; background:#3e3eac; font-weight:800; }
#umlaut > div:hover{ background:#5a5ad0; }
#umlaut > div.basili{ background:#202068; }
body.dokunmatik #umlaut{ display:none; }
#ses{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H3v6h3l5 4z' fill='white'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M18.5 5.5a9 9 0 0 1 0 13'/%3E%3C/svg%3E"); }
#ses.kapali{ background-color:#6b6b8a; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H3v6h3l5 4z' fill='white'/%3E%3Cpath d='M16 9l5 6M21 9l-5 6'/%3E%3C/svg%3E"); }
#buyut{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='M15 15l6 6M10 7v6M7 10h6'/%3E%3C/svg%3E"); }
#buyut.aktif{ background-color:#d64933; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='M15 15l6 6M7 10h6'/%3E%3C/svg%3E"); }

/* seviye menüsü */
#choose{
	display:none;
	position:absolute; left:0; right:0; top:100%;
	margin-top:6px;
	background:#fff; color:#2f2f9e;
	border-radius:10px; overflow:hidden;
	box-shadow:0 8px 30px #1a0f50;
	text-align:center;
}
#choose.acik{ display:block; }
#choose > div{ padding:.55em .5em; cursor:pointer; }
#choose > div:nth-child(even){ background:#ededed; }
#choose > div:hover p{ color:#d64933; }
#choose p{ margin:0; font-weight:800; }
#choose .aciklama{ font-weight:400; opacity:.85; }
#choose .selected p{ background:url("../img/select.png") no-repeat left center; background-size:auto 100%; padding-left:1.6em; display:inline-block; }

/* ---------- ipuçları ---------- */
#question-area{ color:#3a3972; }
/* kaydırma çubukları — oyun renkleri (lacivert başlık, turuncu vurgu) */
#question-area::-webkit-scrollbar, #body::-webkit-scrollbar{ width:10px; height:10px; }
#question-area::-webkit-scrollbar-track, #body::-webkit-scrollbar-track{ background:#e6e8f5; border-radius:10px; margin:8px 0; }
#question-area::-webkit-scrollbar-thumb, #body::-webkit-scrollbar-thumb{ background:#34445e; border-radius:10px; border:2px solid #e6e8f5; }
#question-area::-webkit-scrollbar-thumb:hover, #body::-webkit-scrollbar-thumb:hover{ background:#d64933; }
#question-area::-webkit-scrollbar-button, #body::-webkit-scrollbar-button, #grid-wrap::-webkit-scrollbar-button{ display:none; }
#grid-wrap::-webkit-scrollbar{ width:8px; height:8px; }
#grid-wrap::-webkit-scrollbar-track{ background:rgba(0,0,40,.25); border-radius:8px; }
#grid-wrap::-webkit-scrollbar-thumb{ background:#6a6ad8; border-radius:8px; }
#grid-wrap::-webkit-scrollbar-thumb:hover{ background:#d64933; }
#grid-wrap::-webkit-scrollbar-corner{ background:transparent; }
@supports not selector(::-webkit-scrollbar){ /* Firefox: standart özellik (Chrome/Safari webkit stilini kullanır) */
	#question-area, #body{ scrollbar-width:thin; scrollbar-color:#34445e #e6e8f5; }
	#grid-wrap{ scrollbar-width:thin; scrollbar-color:#6a6ad8 rgba(0,0,40,.25); }
}
#Q-LR, #Q-UD{ background:#fff; }
.header{ background:#34445e; color:#fff; font-weight:800; border-radius:8px; padding:.3em .7em; margin:.4em; }
.question{ padding:.12em .6em; margin:0 .3em; border-radius:6px; cursor:pointer; }
.question b{ font-weight:600; }
.question small{ opacity:.5; font-size:.8em; }
.questionLine{ text-decoration:line-through; color:#86a33a; }
.questionSel{ color:#fff !important; background:#d64933; text-decoration:none; }
.questionSel.questionLine{ background:#5da271; }

/* ---------- düğmeler ---------- */
#buttons{ display:flex; gap:5px; background:#fff; border-radius:12px; padding:5px; }
#buttons > div{
	flex:1 1 0; min-width:0;
	display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
	color:#fff; border-radius:10px; text-align:center; white-space:nowrap; overflow:hidden;
	padding-bottom:.25em;
}
#buttons > div > i{ flex:1 1 auto; width:100%; background-repeat:no-repeat; background-position:center; background-size:auto 70%; margin-top:.2em; }
#buttons > div > b{ font-weight:400; }
#b-yeni{ background:#d64933; box-shadow:0 2px 5px #361271, inset 0 -3px 0 #9a4133; }
#b-yeni i{ background-image:url("../img/button-new.png"); }
#b-ipucu{ background:#5da271; box-shadow:0 2px 5px #361271, inset 0 -3px 0 #367849; }
#b-ipucu i{ background-image:url("../img/button-hint.png"); }
#b-cozum{ background:#8a55b8; box-shadow:0 2px 5px #361271, inset 0 -3px 0 #5f3a82; }
#b-cozum i{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.3'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
#yon{ background:#5d6ba2; box-shadow:0 2px 5px #361271, inset 0 -3px 0 #3b4364; }
#yon i{ background-image:url("../img/button-arrow-LR.png"); }
#yon i.ud{ background-image:url("../img/button-arrow-UD.png"); filter:brightness(0) invert(1); } /* UD görseli koyu kırmızı çizgili → beyaza çevir */
#b-yazdir{ background:#52489c; box-shadow:0 2px 5px #361271, inset 0 -3px 0 #302774; }
#b-yazdir i{ background-image:url("../img/button-print.png"); }
#buttons > div.pasif{ opacity:.45; pointer-events:none; }
#buttons > div:active{ transform:translateY(1px); }

/* ---------- ekran klavyesi ---------- */
#keyboard{ display:none; background:#0f0f52; z-index:97; touch-action:manipulation; --ar:5px; }
#keyboard.acik{ display:flex; flex-direction:column; gap:var(--ar); }
#kb-bar{ display:flex; align-items:stretch; gap:var(--ar); }
#kb-bar > div[data-k]{ flex:0 0 auto; border-radius:8px; background-color:#3e3eac; background-repeat:no-repeat; background-position:center; background-size:55%; }
#harf-Left{ background-image:url("../img/tab-left.png"); }
#harf-Right{ background-image:url("../img/tab-right.png"); }
#keyboardClose{ background-image:url("../img/close.png"); background-color:#5a2a6e !important; background-size:40% !important; }
#keyboardArea{ flex:1 1 auto; min-width:0; background:#202068; border-radius:8px; padding:0 .6em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; gap:.4em; }
#keyboardArea img{ height:1.2em; border:1px solid #fff; border-radius:4px; padding:2px; flex:0 0 auto; }
#keyboardArea b{ flex:0 0 auto; }
.kb-satir{ display:flex; justify-content:center; gap:var(--ar); }
.kb-satir > div{
	flex:0 0 calc((100% - 10 * var(--ar)) / 11); /* QWERTZ: satırda 11 tuş */
	display:flex; align-items:center; justify-content:center;
	background:#3e3eac; color:#fff; border-radius:8px; font-weight:600;
}
.kb-satir > div.basili{ background:#202068; }
#harf-backSpace{ flex-basis:calc((100% - 10 * var(--ar)) / 11 * 2 + var(--ar)) !important; background:url("../img/backspace.png") center / auto 45% no-repeat #3e3eac !important; }

/* ---------- diyalog ---------- */
#messageBack{ display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(47,47,158,.88); z-index:98; }
#messageBack img{ display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(20vh, 20vw); }
#message-box{
	position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(.96);
	width:min(92vw, 540px); max-height:92vh;
	display:flex; flex-direction:column;
	background:#fff; color:#111; text-align:center;
	border-radius:14px; box-shadow:0 2vh 5vh rgba(0,0,0,.6);
	padding:.6em 1em 1em;
	font-size:clamp(13px, 2.3vh, 18px); line-height:1.45;
	z-index:100;
	visibility:hidden; opacity:0; transition:opacity .25s, transform .25s, visibility .25s;
}
#message-box.gorunur{ visibility:visible; opacity:1; transform:translate(-50%,-50%) scale(1); }
#message-box.son{ width:min(94vw, 660px); }
#close{ position:absolute; right:.5em; top:.5em; width:1.9em; height:1.9em; line-height:1.85em; background:#b36e00; color:#fff; border-radius:8px; font-weight:800; font-size:1.05em; }
#title{ color:#d64933; font-weight:800; font-size:1.6em; line-height:1.3; margin:.2em 2em .3em; }
#body{ overflow:auto; flex:1 1 auto; min-height:0; }
#body small{ color:#666; }
#footer{ display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; margin-top:.8em; flex:0 0 auto; }
.dbuton{ padding:.5em 1.1em; border-radius:9px; color:#fff; font-weight:800; background:#333949; min-width:7em; }
.dbuton.evet{ background:#00a313; }
.dbuton.hayir{ background:#b30f00; }
.dbuton.mavi{ background:#5d6ba2; }
.dbuton.gri{ background:#7a7f8c; }
.yildizlar i{ font-style:normal; font-size:2.6em; line-height:1.1; color:#ddd; margin:0 .05em; text-shadow:0 2px 0 #bbb; }
.yildizlar i.dolu{ color:#f5b301; text-shadow:0 2px 0 #b98600; }
.ozet{ margin:.2em 0; }
.rekor-not{ margin:.2em 0; color:#555; }
.rekor-not.yeni{ color:#d64933; font-weight:800; }
#kelime-liste{ margin-top:.6em; text-align:left; }
#kelime-liste table{ width:100%; border-collapse:collapse; font-size:.86em; }
#kelime-liste th{ background:#34445e; color:#fff; padding:.3em .45em; position:sticky; top:0; }
#kelime-liste td{ padding:.25em .45em; border-bottom:1px solid #eee; vertical-align:top; }
#kelime-liste td:first-child{ color:#888; white-space:nowrap; }
#kelime-liste .artikel{ font-style:normal; font-weight:600; } /* artikel renkleri: der mavi, die kırmızı, das yeşil, çoğul mor */
#kelime-liste .a-der{ color:#1f5fbf; } #kelime-liste .a-die{ color:#c4302b; } #kelime-liste .a-das{ color:#2f8a3f; } #kelime-liste .a-pl{ color:#7a3fb0; }
#kelime-liste td:nth-child(3){ color:#5d6ba2; font-style:italic; }
#kelime-liste tr:nth-child(even) td{ background:#f4f4fa; }
.okunus-alt{ display:none; }
@media (max-width:480px){ /* dar ekranda: okunuş kelimenin altında, okunuş sütunu gizli (uzun Almanca kelimeler tabloyu taşırmasın) */
	#kelime-liste table{ font-size:.8em; }
	#kelime-liste th, #kelime-liste td{ padding:.25em .3em; }
	#kelime-liste th:nth-child(3), #kelime-liste td:nth-child(3){ display:none; }
	#kelime-liste td:nth-child(2){ hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; }
	.okunus-alt{ display:block; color:#5d6ba2; font-style:italic; font-size:.92em; }
}

#intro{
	position:fixed; left:0; top:0; right:0; bottom:0; z-index:101;
	background:url("../img/logo.png") center / min(40vw, 40vh) no-repeat #333;
	pointer-events:none;
	animation:fadeOut 1.6s ease-in forwards;
}
@keyframes fadeOut{ 0%{ opacity:1; } 60%{ opacity:1; } 100%{ opacity:0; visibility:hidden; } }
#baski-baslik{ display:none; }

/* ---------- YATAY (masaüstü, iframe, yatay telefon) ---------- */
body.yatay #game{ height:100vh; overflow:hidden; display:flex; align-items:center; justify-content:center; }
body.yatay #game-border{ display:flex; align-items:center; gap:3vh; height:100vh; padding:0 3vh; }
body.yatay #word-area{ width:clamp(200px, 40vh, 36vw); height:96vh; display:flex; flex-direction:column; gap:1.2vh; flex:0 0 auto; }
body.yatay #level{ font-size:clamp(10px, 1.6vh, 16px); }
body.yatay #select{ font-size:clamp(15px, 3.3vh, 34px); line-height:1.25; }
body.yatay #durum{ margin-top:1vh; font-size:clamp(11px, 1.9vh, 19px); }
body.yatay #choose{ font-size:clamp(10px, 1.6vh, 16px); }
body.yatay #choose p{ font-size:1.6em; }
body.yatay #question-area{ flex:1 1 auto; min-height:0; overflow:auto; background:#fff; border-radius:12px; padding:.2em 0 .5em; font-size:clamp(11px, 1.95vh, 20px); line-height:1.35; box-shadow:0 1vh 4vh #361271; }
body.yatay #buttons{ flex:0 0 auto; height:clamp(46px, 9vh, 92px); font-size:clamp(9px, 1.45vh, 15px); }
body.yatay.kb-acik #word-area{ display:none; }
body.yatay #keyboard.acik{ width:min(54vw, 660px); height:96vh; justify-content:center; padding:2vh; border-radius:12px; flex:0 0 auto; font-size:clamp(14px, 4.4vh, 30px); }
body.yatay #kb-bar{ height:clamp(30px, 9vh, 60px); font-size:clamp(11px, 3.4vh, 20px); }
body.yatay #kb-bar > div[data-k]{ width:clamp(30px, 9vh, 60px); }
body.yatay .kb-satir > div{ height:clamp(30px, 17vh, 80px); }

/* ---------- DİKEY (telefon, dik tablet) ---------- */
body.dikey #game-border{ display:flex; flex-direction:column; padding:2vw 3vw calc(var(--kb, 0px) + 3vw); gap:2.5vw; min-height:100vh; }
body.dikey #word-area{ display:contents; }
body.dikey #ust{ order:1; display:flex; gap:2vw; align-items:stretch; }
body.dikey #level{ flex:0 0 46%; font-size:clamp(9px, 2.6vw, 15px); }
body.dikey #select{ font-size:clamp(15px, 5vw, 30px); line-height:1.2; }
body.dikey #durum{ flex:1 1 auto; min-width:0; font-size:clamp(11px, 3.4vw, 19px); padding:.3em .5em; }
body.dikey #choose{ right:auto; width:62%; font-size:clamp(11px, 3vw, 17px); }
body.dikey #choose p{ font-size:1.5em; }
body.dikey #grid-wrap{ order:2; }
body.dikey #buttons{ order:3; height:clamp(52px, 15vw, 96px); font-size:clamp(10px, 3vw, 16px); }
body.dikey #question-area{ order:4; display:flex; gap:2vw; align-items:flex-start; font-size:clamp(12px, 3.4vw, 20px); line-height:1.35; }
body.dikey #Q-LR, body.dikey #Q-UD{ flex:1 1 0; min-width:0; border-radius:12px; padding-bottom:.5em; box-shadow:0 1vw 5vw #361271; }
body.dikey .header{ font-size:.85em; }
body.dikey #keyboard.acik{ position:fixed; left:0; right:0; bottom:0; padding:2vw 1.5vw 3vw; font-size:clamp(16px, 5.2vw, 30px); box-shadow:0 -4px 14px rgba(0,0,0,.4); }
body.dikey #kb-bar{ height:clamp(34px, 10vw, 56px); font-size:clamp(13px, 4vw, 22px); }
body.dikey #kb-bar > div[data-k]{ width:clamp(34px, 10vw, 56px); }
body.dikey .kb-satir > div{ height:clamp(40px, 12vw, 64px); }

/* ---------- yazdırma: A4 dikey ve yatay tek sayfa (boş bulmaca + ipuçları) ---------- */
/* Kullanılabilir alan (10 mm kenar): dikey 190x277 mm, yatay 277x190 mm. Başlık 11 mm.
   --n-yaz (tablo boyu), --satir / --satirtek (tahmini ipucu satırı) JS'ten gelir. */
@media print{
	@page{ margin:10mm; }
	html, body{ background:#fff !important; color:#000 !important; margin:0 !important; padding:0 !important; }
	#intro, #messageBack, #message-box, #keyboard, #buttons, #durum, #choose, #level{ display:none !important; }
	#baski-baslik{ display:block; text-align:center; font-weight:800; font-size:13pt; line-height:8mm; height:8mm; margin:0 0 3mm; color:#000; }
	#game{ display:block !important; height:auto !important; overflow:visible !important; }
	#game-border{ display:flex !important; padding:0 !important; min-height:0 !important; height:auto !important; width:auto !important; overflow:visible !important; }
	#word-area{ display:contents !important; }
	#ust{ display:none !important; }
	#grid-wrap{ order:1; flex:0 0 auto; width:auto !important; height:auto !important; overflow:visible !important; margin:0 !important; background:none !important; border-radius:0 !important; }
	#game-area{ --h:var(--hp) !important; width:calc(var(--n-yaz) * var(--hp)) !important; height:calc(var(--n-yaz) * var(--hp)) !important; }
	.piece{ box-shadow:none !important; border:.25mm solid #000; border-radius:.6mm; background:#fff !important; animation:none !important; transform:none !important; }
	.piece .harf{ visibility:hidden; }
	.numberLR, .numberUD{ font-size:max(5.5pt, calc(var(--hp) * .25)) !important; color:#000 !important; }
	#question-area{ order:2; display:flex !important; overflow:visible !important; max-height:none !important; height:auto !important; min-height:0 !important;
		background:#fff !important; box-shadow:none !important; color:#000 !important; padding:0 !important; border-radius:0 !important;
		font-size:var(--qf) !important; line-height:1.3 !important; }
	#Q-LR, #Q-UD{ box-shadow:none !important; border-radius:0 !important; padding:0 !important; background:#fff !important; min-width:0; }
	.header{ background:#fff !important; color:#000 !important; border-bottom:.35mm solid #000; border-radius:0; margin:0 0 1mm; padding:.4mm 0; font-size:1em !important; }
	.question{ margin:0; padding:0; border-radius:0; break-inside:avoid; }
	.question small{ opacity:.6; }
	.questionSel, .questionLine{ background:none !important; color:#000 !important; text-decoration:none !important; }
}
@media print and (orientation:portrait){
	:root{
		--qh:min(calc(var(--satir, 16) * 11.7pt), 120mm);                  /* ipucu bölümü yüksekliği */
		--qf:min(9pt, calc(var(--qh) / (var(--satir, 16) * 1.3)));
		--hp:min(calc(min(190mm, calc(277mm - 11mm - 5mm - 6mm - var(--qh))) / var(--n-yaz, 15)), 12mm); /* 6 mm pay */
	}
	#game-border{ flex-direction:column !important; align-items:center !important; gap:5mm !important; }
	#question-area{ width:190mm; flex-direction:row !important; gap:6mm !important; }
	#Q-LR, #Q-UD{ flex:1 1 0; }
	#game{ max-height:266mm; overflow:hidden !important; }
}
@media print and (orientation:landscape){
	:root{
		--hp:min(calc(175mm / var(--n-yaz, 15)), 12mm); /* 4 mm pay */
		--qf:min(9pt, calc(170mm / (var(--satirtek, 30) * 1.3)));
	}
	#game-border{ flex-direction:row !important; align-items:flex-start !important; gap:6mm !important; }
	#question-area{ flex:1 1 auto; flex-direction:column !important; gap:3mm !important; }
	#game{ max-height:179mm; overflow:hidden !important; }
}