:root{--bg-color:#2c3e50;--text-color:#333;--bar-bg:#444}body{background-color:var(--bg-color);color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Georgia,serif;display:flex;overflow:hidden}#renderCanvas{touch-action:none;z-index:0;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{pointer-events:none;z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#header{text-align:center;margin-top:5px;margin-bottom:5px}.stats-container{justify-content:space-between;width:320px;margin-bottom:10px;display:flex}.stat-box{flex-direction:column;align-items:center;gap:4px;width:20%;display:flex}.icon{margin-bottom:5px;font-size:24px}.stat-name{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:12px}.progress-bar{background-color:var(--bar-bg);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{width:50%;height:100%;transition:width .5s}#card-overlay{pointer-events:none;flex-direction:column;align-items:center;width:260px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#card-text-container{color:var(--text-color);text-align:center;background:#ffffffd9;border-radius:10px;margin-top:40px;padding:15px;box-shadow:0 4px 6px #0000004d;display:none!important}.card-title{text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:16px;font-weight:700}.card-desc{font-size:16px;line-height:1.4}#choice-text-container{height:30px;margin-bottom:10px}#choice-text{color:#ecf0f1;text-align:center;text-transform:uppercase;text-shadow:1px 1px 4px #000c;font-size:22px;font-weight:700}#loading-overlay{text-align:center;background:#000000b3;border-radius:10px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:6px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lang-flag:hover{background:#ffffff1a}.lang-flag.active{background:#3498db33;border-color:#3498db!important}#header-lang-btn:hover{background:#fff3!important}#start-modal{text-align:center;box-sizing:border-box;pointer-events:none;background:0 0;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:40px 20px;display:flex;position:absolute;top:0;left:0}#start-modal>*{pointer-events:auto}#start-modal h1,#start-modal p{text-shadow:0 0 10px #000c}#game-over{text-align:center;box-sizing:border-box;pointer-events:auto;background:#2c3e50fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}button{cursor:pointer;color:#fff;pointer-events:auto;background:#e67e22;border:none;border-radius:8px;margin-top:30px;padding:15px 40px;font-size:20px;transition:background .2s;box-shadow:0 4px #d35400}button:hover{background:#d35400}button:active{box-shadow:none;transform:translateY(4px)}.hidden{display:none!important}.error-msg{color:#e74c3c;margin-top:10px;font-weight:700}