/* Lightweight character showcase; uses existing game artwork, no video. */
#mobilpc .system-flex-wrapper { align-items:center; }
#mobilpc .system-text-side { min-height:480px; }
.mefa-mobile-showcase { position:relative; flex:0 0 300px; width:300px; height:480px; max-width:100%; border:1px solid #7e4e56; background:#121212; box-shadow:0 12px 32px #0008,inset 0 0 30px #000; border-radius:4px; overflow:hidden; }
.mefa-mobile-scene { position:absolute; inset:0 0 44px; overflow:hidden; isolation:isolate; }
.mefa-scene-landscape { position:absolute; inset:0; background:linear-gradient(#121212bb,#12121255 45%,#121212 100%),url('img/baslangic/baslangic_bg.png') 50% 50%/auto 100%; opacity:.65; }
.mefa-scene-halo { position:absolute; width:230px; height:230px; left:50%; top:48%; transform:translate(-50%,-50%); border:1px solid #965c664d; border-radius:50%; box-shadow:0 0 45px #965c661a,inset 0 0 45px #965c661a; animation:mefaHalo 5s ease-in-out infinite alternate; }
#mobilpc .mefa-scene-logo { position:absolute; left:15%; top:23px; width:70%; height:auto; padding:0; border:0; box-shadow:none; pointer-events:none; }
.mefa-scene-characters { position:absolute; inset:55px -12px 32px; }
#mobilpc .mefa-scene-character { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:0; border:0; border-radius:0; box-shadow:none; pointer-events:none; opacity:0; animation:mefaCharacter 20s linear infinite; animation-delay:var(--phase); filter:drop-shadow(0 10px 12px #000b); }
.mefa-scene-platforms { position:absolute; bottom:24px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:20px; color:#b4acad; font-size:12px; font-weight:600; letter-spacing:2px; }
.mefa-scene-platforms > span { display:flex; align-items:center; gap:8px; }
.mefa-scene-platforms i { font-size:17px; }
.mefa-scene-dot { width:4px; height:4px; border-radius:50%; background:#988d8f; box-shadow:0 0 12px #988d8f; }
.mefa-scene-progress { position:absolute; bottom:3px; height:1px; left:30px; right:30px; background:#8c566033; overflow:hidden; }
.mefa-scene-progress span { display:block; width:100%; height:100%; background:#988d8f; transform-origin:left; animation:mefaProgress 5s linear infinite; }
.mefa-motion-toggle { position:absolute; z-index:2; left:20px; bottom:16px; width:13px; height:13px; margin:0; accent-color:#998e90; cursor:pointer; }
.mefa-motion-label { position:absolute; bottom:12px; left:42px; right:10px; color:#b6aeaf; font-size:11px; cursor:pointer; line-height:20px; }
.mefa-motion-toggle:checked ~ .mefa-mobile-scene * { animation-play-state:paused !important; }
.mefa-motion-toggle:focus-visible { outline:2px solid #bdb5b7; outline-offset:4px; }
@keyframes mefaCharacter { 0% {opacity:0;transform:translateY(7px) scale(.98)} 3%,24% {opacity:1} 28%,100% {opacity:0;transform:translateY(-3px) scale(1.025)} }
@keyframes mefaHalo { to {opacity:.5;box-shadow:0 0 65px #965c6633,inset 0 0 30px #965c6626} }
@keyframes mefaProgress { from {transform:scaleX(0)} to {transform:scaleX(1)} }
@media(max-width:992px) {
 #mobilpc .system-flex-wrapper { flex-direction:column; }
 #mobilpc .system-text-side { min-height:0; }
 .mefa-mobile-showcase { flex-basis:auto; }
}
@media(prefers-reduced-motion:reduce) {
 .mefa-mobile-scene * { animation:none !important; }
 #mobilpc .mefa-scene-character:first-child { opacity:1; }
 .mefa-motion-toggle,.mefa-motion-label,.mefa-scene-progress { display:none; }
 .mefa-mobile-scene { bottom:0; }
}