/* FenMerkezi LMS v2.6.22 - 5. sınıf Güneş oyunları */
.fen-solar-game{--solar-navy:#071a39;--solar-blue:#176fce;--solar-yellow:#ffd45a;--solar-orange:#f58a24;--solar-green:#16885a;--solar-red:#b52b3b;display:grid;gap:18px;color:#10233f}
.fen-solar-warning{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #f1cf71;border-radius:15px;background:#fff7d9;color:#6c4a00;line-height:1.45}
.fen-solar-warning>span{font-size:22px}.fen-solar-warning.is-info{border-color:#bcdaf7;background:#eef7ff;color:#174b7d}
.fen-solar-grid{display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(340px,.95fr);gap:20px;align-items:stretch}
.fen-solar-visual{display:grid;align-content:center;min-height:430px;padding:24px;border-radius:22px;background:radial-gradient(circle at 50% 115%,#144b83 0,#0a2b56 38%,#06152e 76%);box-shadow:inset 0 0 0 1px #ffffff1f;color:#fff;overflow:hidden}
.fen-solar-visual>small{display:block;margin-bottom:24px;color:#ffd45a;font-weight:900;letter-spacing:.1em;text-align:center}
.fen-solar-observations{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.3vw,15px)}
.fen-solar-observations figure{min-width:0;margin:0;text-align:center}.fen-solar-observations figcaption{margin-top:10px;color:#d5e7ff;font-size:13px;font-weight:800}
.fen-solar-arrow{color:#ffd45a;font-size:28px;font-weight:900}
.fen-solar-disc{position:relative;width:clamp(92px,12vw,138px);aspect-ratio:1;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 30% 31%,#fff6a3 0 4%,transparent 5%),radial-gradient(circle at 68% 65%,#cf531d55 0 4%,transparent 5%),radial-gradient(circle at 44% 50%,#ffe06b,#ff9f25 57%,#ee5c12 100%);box-shadow:0 0 34px #ff9b2d99}
.fen-solar-disc i{position:absolute;width:10%;aspect-ratio:1.2;border-radius:50%;background:#6e2a12;box-shadow:0 0 4px #3f1407}.fen-solar-disc i.a{left:var(--spot-a);top:27%}.fen-solar-disc i.b{left:var(--spot-b);top:47%;width:8%}.fen-solar-disc i.c{left:var(--spot-c);top:65%;width:6.5%}
.fen-solar-question{display:flex;flex-direction:column;padding:28px;border:1px solid #d9e5f2;border-radius:22px;background:#fff;box-shadow:0 12px 30px #173d6b12}
.fen-solar-question>span,.fen-size-mission>span{align-self:flex-start;padding:7px 11px;border-radius:999px;background:#eef6ff;color:#1768c8;font-size:13px;font-weight:900}
.fen-solar-question h3,.fen-size-mission h3,.fen-size-viewer h3{margin:17px 0 19px;color:#10233f;font-size:clamp(22px,2.5vw,29px);line-height:1.3}
.fen-solar-options{display:grid;gap:11px}
.fen-solar-options button{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:58px!important;padding:12px 15px!important;border:2px solid #ccdced!important;border-radius:15px!important;background:#f8fbff!important;color:#17365d!important;text-align:left!important;font-size:16px!important;font-weight:800!important;line-height:1.35!important;cursor:pointer!important;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.fen-solar-options button:hover{transform:translateY(-1px);border-color:#3985d5!important;background:#eef7ff!important}
.fen-solar-options button>em{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#e1edfa;color:#175fae;font-style:normal;font-weight:900}
.fen-solar-options button.is-correct{border-color:#42a777!important;background:#e9f8f0!important;color:#11603d!important}.fen-solar-options button.is-correct>em{background:#ccefdc;color:#11603d}
.fen-solar-options button.is-wrong{border-color:#dc6c78!important;background:#fff0f1!important;color:#962334!important}.fen-solar-options button:disabled{opacity:1!important;cursor:default!important;transform:none!important}
.fen-solar-feedback{margin:16px 0 0;padding:14px 15px;border-radius:14px;font-weight:750;line-height:1.5}.fen-solar-feedback.is-correct{border:1px solid #bce6cf;background:#eaf8f0;color:#12663f}.fen-solar-feedback.is-wrong{border:1px solid #efc2c8;background:#fff1f2;color:#8e2935}
.fen-solar-next{align-self:flex-end;margin-top:auto!important;padding:12px 20px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#ffd45a,#f58a24)!important;color:#492500!important;font-weight:900!important;cursor:pointer!important}.fen-solar-next:not([hidden]){display:block!important;margin-top:17px!important}

.fen-size-grid{display:grid;grid-template-columns:minmax(310px,.84fr) minmax(420px,1.16fr);gap:20px}
.fen-size-mission,.fen-size-viewer{padding:25px;border:1px solid #d9e5f2;border-radius:22px;background:#fff;box-shadow:0 12px 30px #173d6b12}
.fen-size-data{margin-top:13px;padding:15px;border-radius:16px;background:#f5f8fc}.fen-size-data h4{display:flex;align-items:center;gap:10px;margin:0 0 13px;font-size:17px}.fen-size-data h4>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#4bc1f2;color:#10233f;font-weight:950}.fen-size-data:nth-of-type(2) h4>span{background:#ffd45a}
.fen-size-data label{display:flex;justify-content:space-between;gap:12px;margin:8px 0 5px;color:#54677e;font-size:13px;font-weight:800}.fen-size-data label b{color:#10233f}
.fen-size-data>i{display:block;height:9px;overflow:hidden;border-radius:999px;background:#dfe9f4}.fen-size-data>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d9dd1,#6ed8f6)}.fen-size-data>i.distance>em{background:linear-gradient(90deg,#ffd45a,#f58a24)}
.fen-size-viewer{display:flex;flex-direction:column}.fen-size-viewer>h3{margin-top:0}
.fen-size-window{position:relative;min-height:245px;overflow:hidden;border:1px solid #173b6e;border-radius:18px;background:radial-gradient(circle at 50% 45%,#244f8e,#07162f 75%)}
.fen-size-window:after{content:'GÖZLEMCİ';position:absolute;left:50%;bottom:9px;translate:-50% 0;color:#b9d2f3;font-size:10px;font-weight:900;letter-spacing:.12em}
.fen-size-window>i{position:absolute;top:48%;display:grid;place-items:center;border-radius:50%;translate:-50% -50%;scale:0;color:#10233f;font-style:normal;font-weight:950;transition:scale .4s cubic-bezier(.2,.8,.2,1)}.fen-size-window>i.is-visible{scale:1}.fen-size-window .object-a{left:31%;background:#50c8ff;box-shadow:0 0 24px #50c8ff99}.fen-size-window .object-b{left:69%;background:#ffd45a;box-shadow:0 0 24px #ffd45a99}
.fen-size-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.fen-size-options button{justify-content:center!important;text-align:center!important}
.fen-size-viewer>.fen-solar-next{margin-left:auto!important}

@media(max-width:900px){.fen-solar-grid,.fen-size-grid{grid-template-columns:1fr}.fen-solar-visual{min-height:330px}.fen-solar-question{min-height:390px}.fen-size-window{min-height:230px}}
@media(max-width:600px){.fen-solar-game{gap:13px}.fen-solar-warning{align-items:flex-start;font-size:13px}.fen-solar-visual,.fen-solar-question,.fen-size-mission,.fen-size-viewer{padding:17px;border-radius:17px}.fen-solar-visual{min-height:270px}.fen-solar-observations{gap:4px}.fen-solar-disc{width:clamp(72px,23vw,105px)}.fen-solar-arrow{font-size:18px}.fen-solar-observations figcaption{font-size:11px}.fen-solar-question{min-height:0}.fen-solar-question h3,.fen-size-mission h3,.fen-size-viewer h3{font-size:21px}.fen-size-options{grid-template-columns:1fr}.fen-size-window{min-height:210px}}
@media(prefers-reduced-motion:reduce){.fen-solar-options button,.fen-size-window>i{transition:none}}