:root{--primary-color:#008c8c;--secondary-color:#005f5f;--light-bg:#f0f8f8;--white-color:#ffffff;--dark-text:#333;--arrow-color:#ff6347;--resultant-arrow-color:#4682b4;--border-radius:15px;--box-shadow:0 4px 15px rgba(0, 140, 140, 0.1)}#kuvvet-oyunu-container{font-family:'Arial',sans-serif;background:var(--light-bg);border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:20px;max-width:900px;margin:20px auto;box-shadow:var(--box-shadow);text-align:center;position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center;justify-content:center}#kuvvet-oyunu-container.hidden{display:none}#start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center}#start-screen img{max-width:200px;margin-bottom:20px}#start-screen h1{color:var(--secondary-color);font-size:2.5em;margin-bottom:30px}.game-button{background-color:var(--primary-color);color:var(--white-color);border:none;padding:15px 30px;border-radius:10px;font-size:1.2em;cursor:pointer;transition:background-color 0.3s,transform 0.2s;margin:10px;font-weight:700}.game-button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}#game-screen{width:100%;height:100%;display:flex;flex-direction:column}#ui-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:100}.control-button{background-color:rgb(255 255 255 / .8);border:2px solid var(--primary-color);color:var(--primary-color);width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s,color 0.3s}.control-button.muted{text-decoration:line-through;color:#999;border-color:#999}.control-button:hover{background-color:var(--primary-color);color:var(--white-color)}#game-area{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex-grow:1;padding:20px}#force-display-wrapper{width:100%;min-height:200px;border:2px dashed var(--secondary-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#e0f2f2;padding:10px;position:relative}.info-text{position:absolute;top:5px;left:10px;color:var(--secondary-color);font-weight:700;font-size:.9em}#force-display{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.force-vector{display:flex;align-items:center;flex-direction:column;position:relative;padding:10px}.arrow{background:var(--arrow-color);height:10px;border-radius:5px;position:relative}.arrow::after{content:'';position:absolute;width:0;height:0;border-style:solid}.arrow.Doğu{margin-right:15px}.arrow.Doğu::after{right:-15px;top:-7.5px;border-width:12.5px 0 12.5px 20px;border-color:#fff0 #fff0 #fff0 var(--arrow-color)}.arrow.Batı{margin-left:15px}.arrow.Batı::after{left:-15px;top:-7.5px;border-width:12.5px 20px 12.5px 0;border-color:#fff0 var(--arrow-color) #fff0 #fff0}.arrow.Kuzey{width:10px;margin-bottom:15px}.arrow.Kuzey::after{top:-15px;left:-7.5px;border-width:0 12.5px 20px 12.5px;border-color:#fff0 #fff0 var(--arrow-color) #fff0}.arrow.Güney{width:10px;margin-top:15px}.arrow.Güney::after{bottom:-15px;left:-7.5px;border-width:20px 12.5px 0 12.5px;border-color:var(--arrow-color) #fff0 #fff0 #fff0}.magnitude{margin-top:10px;font-weight:700;color:var(--dark-text);font-size:1.1em}#question-area{width:100%}#question-text{font-size:1.5em;color:var(--secondary-color);font-weight:700;margin-bottom:20px;min-height:50px}#answer-options{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}#answer-options button{background-color:var(--white-color);border:2px solid var(--primary-color);color:var(--primary-color);padding:12px 25px;font-size:1.1em;border-radius:8px;cursor:pointer;transition:all 0.2s ease-in-out}#answer-options button:hover{background-color:var(--primary-color);color:var(--white-color);transform:scale(1.05)}#answer-options button.correct{background-color:#2ecc71;border-color:#27ae60;color:#fff}#answer-options button.incorrect{background-color:#e74c3c;border-color:#c0392b;color:#fff}#score-area{position:absolute;bottom:15px;right:15px;font-size:1.2em;font-weight:700;color:var(--secondary-color)}#bottom-logo{position:absolute;bottom:15px;left:15px;width:50px;opacity:.8}#info-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--white-color);padding:30px;border-radius:var(--border-radius);width:90%;max-width:500px;text-align:left;position:relative;color:var(--dark-text)}#close-modal{position:absolute;top:10px;right:20px;font-size:30px;font-weight:700;cursor:pointer;color:#aaa}#close-modal:hover{color:#000}.modal-content h2{color:var(--secondary-color);margin-top:0}.modal-content ol{padding-left:20px}.modal-content li{margin-bottom:10px}@media (max-width:600px){#kuvvet-oyunu-container{padding:10px;min-height:500px}.game-button{padding:12px 25px;font-size:1em}#question-text{font-size:1.2em}#answer-options button{padding:10px 20px;font-size:1em}#force-display{flex-direction:column}}