/* Doğru/yanlış kartları (28. tur): the base comes from ../rota/rota.css. */
body.cards-page:before{background:linear-gradient(#07162488,#071624cc),url('../assets/celsus-room-v1.webp') center/cover no-repeat}
main{max-width:760px}
.cards-head h1{margin-bottom:4px}
.card-stage{display:grid;gap:14px}
.dy-card{padding:24px;display:grid;gap:14px}
.card-count{margin:0;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:var(--ui-muted,#c6ced6)}
.card-text{margin:0;font:500 24px/1.4 Georgia,serif;color:var(--ui-text,#f4f1ea)}
.dy-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dy-choices .choice{min-height:58px;border-radius:12px;border:1px solid var(--ui-line,#3a4b5c);background:var(--ui-raised,#1f2d3b);font-size:17px;font-weight:700;cursor:pointer}
.dy-choices .yes{border-color:#4f8d6e}.dy-choices .yes:hover{background:#1a3a2e}
.dy-choices .no{border-color:#9a5a4a}.dy-choices .no:hover{background:#3a221c}
.keys{margin:0;font-size:12px}
.card-back{display:grid;gap:8px;padding:16px 18px;border-radius:12px;border:1px solid var(--ui-line,#3a4b5c);background:var(--ui-sunken,#111a23)}
.card-back.ok{border-color:#4f8d6e}.card-back.bad{border-color:#b86a55}
.card-back .verdict{font:500 21px/1.2 Georgia,serif}.card-back.ok .verdict{color:#82dfae}.card-back.bad .verdict{color:#f0a37e}
.card-back p{margin:0;font-size:14px;line-height:1.6}
.card-back .truth{font-weight:650}
.card-back .fix{color:var(--ui-accent,#ecc27f);font-weight:650}
.card-back .note{color:var(--ui-muted,#c6ced6)}
.card-back .source{font-size:12px;color:var(--ui-muted,#c6ced6)}
.card-back .text-link{color:var(--ui-link,#a8d8f3);font-weight:650}
.dy-next{display:flex;flex-wrap:wrap;align-items:center;gap:10px;scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}
.dy-next .quiet{margin:0;flex-basis:100%}
.dy-end{padding:24px}
.area-choice{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.area-choice li{display:grid;gap:4px}
.area-choice small{color:var(--ui-muted,#c6ced6);font-size:12px;padding-left:4px}
.cards-rule{font-size:12px;text-shadow:0 1px 3px #000a}
@media(max-width:560px){.card-text{font-size:21px}.dy-card{padding:18px}.area-choice{grid-template-columns:1fr}}