/* FenMerkezi LMS v2.6.25 - 5. sınıf Güneş-Dünya-Ay oyunları */
.fen-system-game{--sys-navy:#06142d;--sys-blue:#246fbd;--sys-cyan:#61d8eb;--sys-gold:#ffd45d;--sys-orange:#f28b2f;--sys-green:#17845b;--sys-red:#ab3444;color:#122946}
.fen-system-layout{display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(340px,.92fr);gap:20px;align-items:stretch}
.fen-system-visual-host{min-width:0}
.fen-system-visual{position:relative;min-height:520px;overflow:hidden;border-radius:23px;background:radial-gradient(circle at 52% 45%,#173d71 0,#091d3d 38%,#020815 82%);box-shadow:inset 0 0 0 1px #ffffff20,0 18px 38px #0b2b5420}
.fen-system-stars{position:absolute;inset:0;opacity:.62;background-image:radial-gradient(#fff 1px,transparent 1.4px),radial-gradient(#9bdfff 1px,transparent 1.5px);background-position:0 0,23px 16px;background-size:49px 49px,73px 73px}
.fen-system-panel{display:flex;flex-direction:column;min-height:520px;padding:28px;border:1px solid #d7e3f0;border-radius:23px;background:#fff;box-shadow:0 14px 35px #173d6b16}
.fen-system-kicker{align-self:flex-start;padding:7px 12px;border-radius:999px;background:#eaf5ff;color:#1767b4;font-size:12px;font-weight:950;letter-spacing:.06em}
.fen-system-question{margin:22px 0!important;color:#10233f!important;font-size:clamp(22px,2.4vw,28px)!important;line-height:1.3!important}
.fen-system-choices{display:grid;gap:11px}
.fen-system-choice{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:62px!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:15px!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-system-choice:hover{transform:translateY(-1px);border-color:#3985d5!important;background:#eef7ff!important}
.fen-system-choice 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:950}
.fen-system-choice.is-correct{border-color:#42a777!important;background:#e9f8f0!important;color:#11603d!important}.fen-system-choice.is-correct em{background:#ccefdc;color:#11603d}
.fen-system-choice.is-wrong{border-color:#dc6c78!important;background:#fff0f1!important;color:#962334!important}.fen-system-choice:disabled{opacity:1!important;cursor:default!important;transform:none!important}
.fen-system-feedback{margin:16px 0 0;padding:14px 15px;border-radius:14px;font-weight:750;line-height:1.5}
.fen-system-feedback.is-correct{border:1px solid #b9e5ce;background:#eaf8f0;color:#12643f}.fen-system-feedback.is-wrong{border:1px solid #efc0c6;background:#fff1f2;color:#8d2935}
.fen-system-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,#f49a2d)!important;color:#4b2a00!important;font-weight:950!important;cursor:pointer!important}
.fen-system-next:not([hidden]){display:block!important;margin-top:18px!important}
.fen-system-result-concept{font-weight:700}

/* Göksel Hareket Radarı */
.sys-outer-orbit{position:absolute;left:50%;top:49%;width:75%;height:58%;translate:-50% -50%;border:2px dashed #ffd45d80;border-radius:50%;box-shadow:0 0 25px #ffd45d10}
.sys-outer-orbit>i{position:absolute;right:8%;top:6%;width:17px;height:17px;border-top:4px solid #ffd45d;border-right:4px solid #ffd45d;rotate:35deg}
.sys-sun{position:absolute;left:22%;top:50%;z-index:4;display:grid;place-items:center;width:142px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbd3,#ffd653 46%,#f28a2e 72%,#c24e1e);box-shadow:0 0 48px #ffca52a8;color:#653200;font-size:11px;font-weight:950;letter-spacing:.08em}
.sys-sun>b,.sys-earth>b,.sys-moon>b{position:absolute;right:-19px;top:-24px;color:#6ee4f2;font-size:31px;font-weight:500;text-shadow:0 0 12px #4ee8ff}
.sys-earth-station{position:absolute;right:11%;top:49%;z-index:5;width:160px;height:160px;translate:0 -50%}
.sys-earth{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:92px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#eafbff 0 5%,#43b6db 6% 25%,#5aaa65 26% 39%,#2673bc 40% 67%,#102e59 68%);box-shadow:inset -15px -11px 20px #07142c99,0 0 28px #4eaefb61;color:#fff;font-size:9px;font-weight:950;letter-spacing:.1em;text-shadow:0 1px 3px #041025}
.sys-earth>b{right:6px;top:-33px}
.sys-moon-orbit{position:absolute;inset:0;border:1px dashed #d9e2ed9e;border-radius:50%;animation:fenSystemMoonOrbit 7s linear infinite}
.sys-moon{position:absolute;right:-17px;top:50%;display:grid;place-items:center;width:44px;aspect-ratio:1;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 31% 28%,#f3f5f7 0 8%,#a6adb6 9% 15%,#d3d7dc 16% 58%,#76808c);box-shadow:inset -7px -5px 10px #35404e99,0 0 16px #d7e9ff55;color:#162a43;font-size:7px;font-style:normal;font-weight:950}
.sys-moon>b{right:-13px;top:-21px;font-size:22px}.sys-moon>span{rotate:0deg}
.sys-orbit-arrow{position:absolute;z-index:8;padding:7px 10px;border:1px solid #ffffff20;border-radius:999px;background:#071b39dc;color:#d9ebff;font-size:10px;font-weight:950;letter-spacing:.06em}.sys-earth-arrow{left:38%;top:13%;color:#ffd66c}.sys-moon-arrow{right:3%;bottom:17%;color:#87e6f2}
.fen-system-monitor{position:absolute;bottom:22px;left:22px;z-index:9;display:grid;max-width:60%;gap:3px;padding:12px 14px;border:1px solid #72dded4d;border-radius:15px;background:#06142de6;color:#fff;box-shadow:0 8px 20px #0005}.fen-system-monitor small{color:#67deed;font-size:9px;font-weight:950;letter-spacing:.13em}.fen-system-monitor strong{color:#ffd45d;font-size:18px}.fen-system-monitor span{font-size:11px;font-weight:700}
.fen-motion-radar [class^="sys-"]{transition:filter .2s ease,box-shadow .2s ease,opacity .2s ease}
.fen-motion-radar[data-focus="sun-spin"] .sys-sun,.fen-motion-radar[data-focus="earth-spin"] .sys-earth,.fen-motion-radar[data-focus="moon-spin"] .sys-moon{outline:4px solid #67e6f3;outline-offset:7px;filter:drop-shadow(0 0 14px #69e9ff)}
.fen-motion-radar[data-focus="earth-orbit"] .sys-outer-orbit,.fen-motion-radar[data-focus="system-orbit"] .sys-outer-orbit{border-color:#ffe17c;box-shadow:0 0 27px #ffda5f78}
.fen-motion-radar[data-focus="moon-orbit"] .sys-moon-orbit{border:3px solid #63e4f0;box-shadow:0 0 22px #53e8ff8c}
.fen-motion-radar.is-correct{box-shadow:inset 0 0 0 3px #50d696,0 18px 38px #0b2b5420}.fen-motion-radar.is-wrong{box-shadow:inset 0 0 0 3px #e36e7c,0 18px 38px #0b2b5420}

/* Kozmik Zaman Makinesi */
.fen-time-rings{position:absolute;left:50%;top:45%;width:320px;aspect-ratio:1;translate:-50% -50%;border:2px solid #56d9e8;border-radius:50%;background:repeating-conic-gradient(from 0deg,#c9f8ff 0 1deg,transparent 1deg 12deg);filter:drop-shadow(0 0 15px #55dced60);animation:fenTimeSpin 30s linear infinite}
.fen-time-rings:before,.fen-time-rings:after,.fen-time-rings>i{content:'';position:absolute;border:1px solid #ffffff31;border-radius:50%}.fen-time-rings:before{inset:24px}.fen-time-rings:after{inset:64px}.fen-time-rings>i:nth-child(1){inset:94px;border-color:#ffd45d88}.fen-time-rings>i:nth-child(2){inset:-16px;border-style:dashed;border-color:#7fdff049}.fen-time-rings>i:nth-child(3){inset:136px;background:#081933;border-color:#ffffff38}
.fen-time-core{position:absolute;left:50%;top:45%;z-index:4;display:grid;place-items:center;width:170px;aspect-ratio:1;translate:-50% -50%;border:1px solid #7ee8f58c;border-radius:50%;background:radial-gradient(circle,#143f72,#07172f 72%);box-shadow:0 0 38px #43dff15c;color:#fff}.fen-time-core small{color:#73dfed;font-size:9px;font-weight:950;letter-spacing:.12em}.fen-time-core strong{color:#ffd45d;font-size:58px;line-height:.8}.fen-time-core span{font-size:9px;font-weight:900;letter-spacing:.1em}
.fen-time-hand{position:absolute;left:50%;top:45%;z-index:5;width:4px;height:118px;translate:-50% -100%;border-radius:999px;background:linear-gradient(#ffd65f,transparent);transform-origin:50% 100%;rotate:35deg;animation:fenHand 8s ease-in-out infinite alternate}
.fen-time-badge{position:absolute;z-index:6;display:grid;place-items:center;width:64px;aspect-ratio:1;border:1px solid #ffffff3b;border-radius:50%;background:#0b2d58;color:#fff;font-size:9px;font-weight:950;box-shadow:0 0 17px #4bd8ed36}.fen-time-badge.earth{left:12%;top:25%;background:#2674b8}.fen-time-badge.moon{right:11%;top:30%;background:#87919d}.fen-time-badge.sun{right:16%;bottom:19%;background:#ed9a32;color:#563000}
.fen-time-machine[data-dial^="earth"] .fen-time-badge.earth,.fen-time-machine[data-dial^="moon"] .fen-time-badge.moon,.fen-time-machine[data-dial="phase-cycle"] .fen-time-badge.moon{outline:3px solid #6de5f2;outline-offset:5px;box-shadow:0 0 25px #5cecff}
.fen-time-label{position:absolute;right:22px;bottom:79px;left:22px;z-index:7;padding:12px;border:1px solid #ffffff2e;border-radius:14px;background:#06142de8;color:#fff;text-align:center;font-size:14px;font-weight:900}
.fen-time-progress{position:absolute;right:0;bottom:24px;left:0;z-index:8;display:flex;justify-content:center;gap:9px}.fen-time-progress i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #6eb4df;border-radius:50%;background:#0a2447;color:#bfe6ff;font-size:11px;font-style:normal;font-weight:900}.fen-time-progress i.is-done{border-color:#54cb91;background:#17633f;color:#fff}.fen-time-progress i.is-active{border-color:#ffd45d;background:#9a6216;color:#fff;box-shadow:0 0 13px #ffd45d}
.fen-time-machine.is-correct .fen-time-core{box-shadow:0 0 45px #4cdf9a}.fen-time-machine.is-wrong .fen-time-core{box-shadow:0 0 45px #e66b7c}

/* Güneş-Dünya-Ay Model Atölyesi */
.fen-model-caption{position:absolute;top:20px;left:20px;z-index:8;display:grid;gap:2px;padding:10px 13px;border:1px solid #ffffff2e;border-radius:13px;background:#06142dde;color:#fff}.fen-model-caption small{color:#65ddea;font-size:9px;font-weight:950;letter-spacing:.12em}.fen-model-caption strong{color:#ffd45d}
.fen-model-scene{position:absolute;inset:0;z-index:3}.fen-model-scene>p{position:absolute;right:24px;bottom:18px;left:24px;margin:0;padding:10px 12px;border:1px solid #ffffff20;border-radius:12px;background:#06142dde;color:#dcecff;text-align:center;font-size:11px;font-weight:750;line-height:1.4}
.model-scale-line{position:absolute;right:10%;bottom:27%;left:10%;height:3px;border-radius:4px;background:#88b0d0}.model-body{position:absolute;bottom:28%;display:grid;place-items:center;translate:-50% 0;border-radius:50%;font-style:normal;box-shadow:inset -14px -10px 22px #06142d80,0 0 24px #7bd8ff3b}.model-body b{position:absolute;bottom:-27px;color:#fff;font-size:9px;letter-spacing:.08em}.model-body.sun{left:27%;width:180px;aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#fff7b6,#ffd34f 48%,#e67b26)}.model-body.earth{left:63%;width:86px;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#63bfdc 0 31%,#57a867 32% 44%,#2672b7 45%)}.model-body.moon{left:82%;width:48px;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#f1f2f3,#a0a8b1 63%,#68727e)}
.model-table{position:absolute;right:7%;bottom:25%;left:7%;height:80px;border-radius:50%;background:#70452e;box-shadow:inset 0 11px 0 #9b6746,0 20px 22px #0006}.model-fruit{position:absolute;bottom:34%;display:grid;place-items:center;translate:-50% 0;font-style:normal}.model-fruit b{position:absolute;bottom:-29px;padding:4px 7px;border-radius:8px;background:#071a36dc;color:#fff;font-size:9px;letter-spacing:.08em}.model-fruit.watermelon{left:29%;width:175px;height:145px;border-radius:48%;background:repeating-linear-gradient(100deg,#16723c 0 15px,#3fa45c 15px 29px);box-shadow:inset -18px -12px 24px #0c4d2d,0 12px 22px #0005}.model-fruit.apple{left:64%;width:85px;height:80px;border-radius:48% 48% 45% 45%;background:#d63f3f;box-shadow:inset -13px -9px 18px #821f2d,0 9px 16px #0004}.model-fruit.apple:before{content:'';position:absolute;top:-17px;width:7px;height:22px;border-radius:8px;background:#5c3724;rotate:10deg}.model-fruit.plum{left:82%;width:48px;height:54px;border-radius:48%;background:#7044a7;box-shadow:inset -9px -7px 12px #38205f,0 7px 13px #0004}
.model-orbit.big{position:absolute;left:53%;top:48%;width:72%;height:54%;translate:-50% -50%;border:2px dashed #ffd45d91;border-radius:50%}.model-orbit.big>span{position:absolute;right:5%;top:5%;color:#ffd45d;font-size:28px}.model-orbit-sun{position:absolute;left:25%;top:48%;display:grid;place-items:center;width:120px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:#ffc94f;color:#6b3600;font-size:10px;font-style:normal;font-weight:950;box-shadow:0 0 38px #ffd04d91}.model-earth-system{position:absolute;right:12%;top:48%;width:150px;height:150px;translate:0 -50%}.model-orbit-earth{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:72px;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:#2d83c3;color:#fff;font-size:8px;font-style:normal;font-weight:950}.model-orbit.small{position:absolute;inset:0;border:1px dashed #7ce7f1;border-radius:50%}.model-orbit.small>span{position:absolute;right:7%;top:4%;color:#72e4f0;font-size:22px}.model-orbit-moon{position:absolute;right:-13px;top:50%;display:grid;place-items:center;width:40px;aspect-ratio:1;translate:0 -50%;border-radius:50%;background:#c9ced5;color:#1a2b42;font-size:7px;font-style:normal;font-weight:950}
.model-sky-path{position:absolute;left:12%;top:24%;width:76%;height:50%;border:3px dashed #ffd45d8c;border-bottom:0;border-radius:50% 50% 0 0}.model-horizon{position:absolute;right:8%;bottom:27%;left:8%;height:4px;background:#92afc6}.model-horizon b{position:absolute;top:10px;color:#d8eafa;font-size:10px}.model-horizon b:first-child{left:0}.model-horizon b:last-child{right:0}.model-day-sun{position:absolute;display:grid;place-items:center;width:70px;aspect-ratio:1;border-radius:50%;background:#ffd151;color:#633400;font-size:9px;font-style:normal;font-weight:950;box-shadow:0 0 28px #ffd34f91;opacity:.37}.model-day-sun.dawn{left:13%;bottom:28%}.model-day-sun.noon{left:50%;top:19%;translate:-50% 0}.model-day-sun.sunset{right:13%;bottom:28%}.fen-model-lab[data-scene="dawn"] .model-day-sun.dawn,.fen-model-lab[data-scene="noon"] .model-day-sun.noon,.fen-model-lab[data-scene="sunset"] .model-day-sun.sunset{opacity:1;outline:3px solid #fff2aa;outline-offset:6px}
.model-cause-sun{position:absolute;left:10%;top:32%;display:grid;place-items:center;width:120px;aspect-ratio:1;border-radius:50%;background:#ffd153;color:#6b3600;font-size:10px;font-style:normal;font-weight:950;box-shadow:0 0 38px #ffd45d88}.model-cause-earth{position:absolute;right:15%;top:46%;display:grid;place-items:center;width:125px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#63bfdc 0 31%,#57a867 32% 44%,#2672b7 45%);box-shadow:inset -18px -12px 23px #07142c99,0 0 29px #4eb7ff5e;color:#fff;font-weight:950}.model-cause-earth b{position:absolute;top:-48px;color:#71e5ef;font-size:43px;font-weight:500}.model-apparent-path{position:absolute;right:8%;bottom:26%;left:8%;padding:11px;border:1px dashed #ffd45d80;border-radius:999px;background:#071a36c9;color:#ffe182;text-align:center;font-size:10px;font-weight:950;letter-spacing:.06em}
.fen-model-lab.is-correct{box-shadow:inset 0 0 0 3px #50d696,0 18px 38px #0b2b5420}.fen-model-lab.is-wrong{box-shadow:inset 0 0 0 3px #e36e7c,0 18px 38px #0b2b5420}

@keyframes fenSystemMoonOrbit{to{rotate:360deg}}
@keyframes fenTimeSpin{to{rotate:360deg}}
@keyframes fenHand{from{rotate:20deg}to{rotate:310deg}}
@media(max-width:900px){.fen-system-layout{grid-template-columns:1fr}.fen-system-panel{min-height:390px}.fen-system-visual{min-height:460px}}
@media(max-width:600px){.fen-system-layout{gap:13px}.fen-system-panel{min-height:0;padding:18px;border-radius:17px}.fen-system-question{font-size:21px!important}.fen-system-visual{min-height:390px;border-radius:17px}.sys-sun{left:19%;width:105px}.sys-earth-station{right:4%;width:130px;height:130px}.sys-earth{width:74px}.sys-moon{width:37px}.sys-earth-arrow{left:28%;top:15%}.sys-moon-arrow{right:2%;bottom:19%;font-size:8px}.fen-system-monitor{max-width:72%}.fen-time-rings{width:255px}.fen-time-core{width:139px}.fen-time-hand{height:94px}.fen-time-badge{width:49px}.fen-time-badge.earth{left:5%}.fen-time-badge.moon{right:5%}.fen-time-badge.sun{right:8%;bottom:22%}.model-body.sun{left:25%;width:125px}.model-body.earth{left:63%;width:66px}.model-body.moon{left:84%;width:38px}.model-fruit.watermelon{left:27%;width:125px;height:105px}.model-fruit.apple{left:65%;width:66px;height:62px}.model-fruit.plum{left:84%;width:40px;height:44px}.model-orbit-sun{left:21%;width:90px}.model-earth-system{right:2%;width:125px;height:125px}.model-day-sun{width:54px}.model-cause-sun{left:5%;width:88px}.model-cause-earth{right:8%;width:98px}}
@media(prefers-reduced-motion:reduce){.sys-moon-orbit,.fen-time-rings,.fen-time-hand{animation:none}.fen-system-choice{transition:none}}