:root{--ana-renk:#008c8c;--ikinci-renk:#005f5f;--arka-plan:#f0f8f8;--beyaz:#ffffff;--dogru-renk:#2ecc71;--yanlis-renk:#e74c3c}#kuvvet-oyunu-root{width:100%}.kuvvet-oyunu-container{font-family:sans-serif;background-color:var(--arka-plan);border:2px solid var(--ana-renk);border-radius:15px;padding:15px;max-width:900px;margin:20px auto;box-shadow:0 4px 15px rgb(0 140 140 / .2);position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center;justify-content:center;flex-direction:column;user-select:none}.oyun-ekrani{display:none;width:100%;height:100%}#oyun-govdesi{display:none;align-items:center;justify-content:center;width:100%}#kapak-ekrani{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#kapak-ekrani img{max-width:250px;margin-bottom:30px}.oyun-btn{background-color:var(--ana-renk);color:var(--beyaz);border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color 0.2s,transform 0.2s;margin:5px}.oyun-btn:hover{background-color:var(--ikinci-renk);transform:translateY(-2px)}.oyun-btn.ikincil{background-color:#f39c12}.oyun-btn.ikincil:hover{background-color:#e67e22}#ust-kontroller{position:absolute;top:15px;right:15px;z-index:100}#ust-kontroller button{background:none;border:2px solid var(--beyaz);color:var(--beyaz);width:40px;height:40px;border-radius:50%;margin-left:5px;cursor:pointer;font-size:1.2em;transition:background-color 0.2s,color 0.2s;background-color:rgb(0 0 0 / .3)}#ust-kontroller button:hover{background-color:var(--ana-renk);color:var(--beyaz)}#alt-logo{position:absolute;bottom:15px;left:15px;z-index:100}#alt-logo img{width:60px;opacity:.8}#bilgi-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);display:none;align-items:center;justify-content:center;z-index:200}.modal-icerik{background-color:var(--beyaz);padding:30px;border-radius:15px;width:80%;max-width:500px;text-align:center;box-shadow:0 5px 20px rgb(0 0 0 / .3)}.modal-icerik h2{color:var(--ikinci-renk);margin-top:0}#oyun-alani{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;flex-wrap:wrap}#gorsel-alan{flex-basis:50%;min-width:350px;height:350px;border:2px dashed var(--ana-renk);border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#e0f2f2}#gorsel-alan-bilgi{position:absolute;bottom:10px;right:10px;background-color:rgb(0 95 95 / .8);color:var(--beyaz);padding:5px 10px;border-radius:5px;font-weight:700;z-index:20;font-size:1.1em}#kutu{width:100px;height:100px;background-color:#f39c12;border:3px solid #e67e22;position:relative;z-index:10}#kuvvet-oku{position:absolute;background-color:var(--yanlis-renk);z-index:5;transition:all 0.3s ease}#kuvvet-oku::after{content:'';position:absolute;width:0;height:0;border-style:solid}#kuvvet-oku.arrow-east::after{border-width:8px 0 8px 16px;border-color:#fff0 #fff0 #fff0 var(--yanlis-renk);right:-16px;top:50%;transform:translateY(-50%)}#kuvvet-oku.arrow-west::after{border-width:8px 16px 8px 0;border-color:#fff0 var(--yanlis-renk) #fff0 #fff0;left:-16px;top:50%;transform:translateY(-50%)}#kuvvet-oku.arrow-north::after{border-width:0 8px 16px 8px;border-color:#fff0 #fff0 var(--yanlis-renk) #fff0;top:-16px;left:50%;transform:translateX(-50%)}#kuvvet-oku.arrow-south::after{border-width:16px 8px 0 8px;border-color:var(--yanlis-renk) #fff0 #fff0 #fff0;bottom:-16px;left:50%;transform:translateX(-50%)}#kuvvet-yazisi{position:absolute;font-weight:700;color:var(--ikinci-renk);padding:5px;background-color:rgb(255 255 255 / .8);border-radius:5px}#kontrol-paneli{flex-basis:40%;min-width:300px;padding:20px;background-color:var(--beyaz);border-radius:10px;box-shadow:0 2px 10px rgb(0 140 140 / .15)}.kontrol-grup{margin-bottom:20px}.kontrol-grup label{display:block;margin-bottom:8px;font-weight:700;color:var(--ikinci-renk)}.kontrol-grup select,.kontrol-grup input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1em}#yanit-durumu{text-align:center;font-size:1.5em;font-weight:700;margin-top:20px;padding:10px;border-radius:5px;visibility:hidden}#yanit-durumu.dogru{color:var(--dogru-renk);background-color:#eafaf1;visibility:visible}#yanit-durumu.yanlis{color:var(--yanlis-renk);background-color:#fbeeec;visibility:visible}@media (max-width:768px){#oyun-alani{flex-direction:column}#gorsel-alan{margin-bottom:20px;width:100%}#kontrol-paneli{width:100%}}