.science-dialog{box-sizing:border-box;width:min(850px,96vw);max-width:96vw;max-height:96dvh;overflow:auto;border:1px solid #a6d7c6;border-radius:22px;padding:20px;color:#183d36;background:#f4fffa;font:16px/1.5 system-ui}.science-dialog *{box-sizing:border-box}.science-dialog header{display:flex;justify-content:space-between;align-items:center;gap:10px}.science-dialog h2{font-size:22px}.science-dialog button,.science-dialog select{font:inherit;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #8db9ad;border-radius:12px;background:white;color:#164c3e;cursor:pointer}.science-dialog button:disabled{opacity:.6;cursor:default}.science-dialog button[aria-pressed=true]{background:#b7efd7;border:2px solid #148357}.science-dialog button:focus-visible{outline:3px solid #d8a421;outline-offset:2px}.science-dialog details{margin:10px 0}.science-dialog summary{cursor:pointer;min-height:44px;padding:10px 0}.science-settings{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.science-settings label{display:grid;gap:6px;flex:1;min-width:140px}.science-scene{position:relative;height:150px;background:linear-gradient(#e4f6ff,#e5f7e3);border-radius:18px;margin:12px 0;overflow:hidden;display:grid;place-items:center}.science-object{font-size:64px;z-index:2;transition:transform .7s}.science-force{position:absolute;bottom:6px;font-weight:700}.science-options{display:flex;gap:8px;flex-wrap:wrap}.science-options button{flex:1}.science-status{min-height:50px}.science-progress{font-size:13px}.science-discovery{display:block;font-size:24px;padding:10px;background:#c9f1df;border-radius:12px}.science-sequence{font-size:32px;text-align:center}.science-lamp{position:absolute;top:45%;font-size:32px}.science-shadow{position:absolute;top:64%;width:35%;height:18px;border-radius:50%;background:#47616a;color:white;text-align:center;font-size:12px}.science-dialog [hidden]{display:none!important}.science-dialog section>button{margin:8px 8px 8px 0}.science-block{color:#855931;font-size:74px}.science-dialog::backdrop{background:#173c3b99}@media(max-width:600px){.science-dialog{padding:12px}.science-dialog h2{font-size:18px}.science-dialog h3{font-size:19px}.science-scene{height:130px}.science-object{font-size:52px}.science-dialog header h2{margin:4px 0}.science-dialog>p{font-size:13px}}@media(prefers-reduced-motion:reduce){.science-object{transition:none}}

.science-dialog section{padding:12px 0;margin:0;min-height:0}.science-dialog details{margin:10px 0}
.science-dialog .science-curriculum{font-size:13px;background:#e2f4ec;border-radius:10px;padding:10px}.science-dialog .science-guide{font-size:13px}.science-dialog .science-options button[data-correct=true]{background:#cdf2df;border:2px solid #168052;opacity:1}.science-dialog .science-options button{overflow-wrap:anywhere}.science-dialog section h3{min-height:54px}.science-dialog .science-status{min-height:90px}.science-dialog .science-sequence{font-size:clamp(20px,5vw,30px)}
.science-dialog .science-picture-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.science-dialog .science-picture-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:120px;padding:10px;border:2px solid #91cbb8;background:#fff}.science-dialog .science-answer-picture{font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;font-size:52px;line-height:1.2;white-space:nowrap}.science-dialog .science-answer-label{font-size:17px;font-weight:700}.science-dialog .science-answer-hint{font-size:12px}.science-dialog .science-choice-mark{display:inline-block;margin-left:8px;font-weight:900}.science-dialog .science-picture-choice .science-choice-mark{position:absolute;top:4px;right:9px;font-size:24px}.science-dialog .science-picture-choice:disabled{opacity:.85}.science-dialog .science-picture-choice[data-correct=true]{opacity:1}@media(max-width:420px){.science-dialog .science-picture-choice{min-height:105px}.science-dialog .science-answer-picture{font-size:40px}.science-dialog .science-picture-options{gap:8px}}
.science-dialog .science-answer-picture.science-answer-sequence{font-size:clamp(22px,4vw,36px);letter-spacing:-2px}

.science-dialog>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.science-dialog [hidden]{display:none!important}

/* Keşif masası: sabit sahne, okunaklı seçenekler, hareketsiz arka plan. */
.science-dialog{background:linear-gradient(145deg,#f6f7fc,#eafbf7);color:#24265d;border-color:#bdb3ee;box-shadow:0 24px 80px #24265d44}
.science-dialog h2{color:#4938a3}.science-dialog section>progress{width:100%;height:9px;accent-color:#7659de}
.science-scene{height:180px;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#e9f4ff 65%);border:1px solid #d4e5f5;box-shadow:inset 0 -26px 0 #cde4df}
.science-scene[data-topic=living],.science-scene[data-topic=cycle]{background:radial-gradient(ellipse at 50% 35%,#fff,#dff5d8)}
.science-scene[data-topic=electricity],.science-scene[data-topic=light]{background:radial-gradient(ellipse at 50% 35%,#fffbe4,#e8e2fb)}
.science-object{font-size:86px;filter:drop-shadow(0 9px 5px #253d4d24);line-height:1}.science-object img{display:block;width:140px;height:140px;object-fit:contain}
.science-scene-caption{position:absolute;top:8px;left:12px;font-size:11px;color:#4d5678;font-weight:700}.science-force{bottom:2px}
.science-options button{border:2px solid #c3b6ef;box-shadow:0 3px 0 #ddd7ee;min-height:58px;font-weight:600}.science-options button:nth-child(2n){border-color:#8cd5d5}.science-options button:hover:not(:disabled){background:#f0eaff}.science-status:empty{min-height:12px;margin:6px 0}.science-status:not(:empty){padding:14px;border-radius:14px;background:#fff3d4;border-left:5px solid #d39a14;min-height:0}.science-status[data-result=correct]{background:#dcf6e9;border-color:#1b9465}
@media(max-width:600px){.science-scene{height:150px}.science-object{font-size:72px}.science-object img{width:115px;height:115px}.science-dialog .science-picture-choice{min-height:96px}.science-dialog section h3{min-height:0;font-size:18px}.science-options{flex-direction:column}.science-picture-options{flex-direction:initial}}
.science-dialog:has(section progress)>header{display:grid;grid-template-columns:1fr auto;gap:6px}.science-dialog:has(section progress)>header h2{grid-column:1/-1;margin:0 0 4px;font-size:18px}.science-dialog:has(section progress)>header button{padding:7px 10px;min-height:44px;font-size:13px}.science-dialog:has(section progress)>p{display:none}.science-dialog section>progress{display:block;margin:4px 0 10px}.science-dialog .science-progress{margin:6px 0}.science-dialog section h3{margin:10px 0;font-size:20px;line-height:1.4}.science-dialog .science-scene-caption{z-index:3}.science-dialog .science-object img{max-width:100%}@media(max-width:420px){.science-dialog:has(section progress){padding:12px}.science-dialog section h3{font-size:17px}.science-dialog .science-scene{height:130px}.science-dialog .science-object img{width:100px;height:100px}.science-dialog .science-scene-caption{font-size:10px;top:5px}.science-dialog .science-picture-choice{min-height:86px}.science-dialog .science-answer-picture{font-size:34px}}