body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#2c3e50;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{background-image:url(/bg.jpg);background-position:50%;background-size:cover;justify-content:center;min-height:100vh;display:flex}.overlay{box-sizing:border-box;background-color:#2c3e50b3;flex-direction:column;align-items:center;width:100%;max-width:600px;min-height:100vh;padding:20px;display:flex}.lang-selector{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}.flags{cursor:pointer;gap:15px;margin-bottom:10px;font-size:24px;display:flex}.separator{background-color:#f1c40f4d;width:60%;height:1px;margin-bottom:15px}h1{color:#f1c40f;text-shadow:0 2px 4px #00000080;text-align:center;margin:10px 0 20px}.row{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}input{text-align:center;background:#ecf0f1;border:none;border-radius:5px;width:60px;padding:8px;font-size:16px;font-weight:700}button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700;transition:opacity .2s}button:hover{opacity:.9}button:active{transform:scale(.98)}.btn-green{background-color:#27ae60;width:100%;margin-top:10px}.btn-red{background-color:#e74c3c}.btn-gold{color:#2c3e50;background-color:#f1c40f}.toggle-btn{border:1px solid #fff;border-radius:20px}.card-row{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.card-slot{cursor:pointer;background-color:#0000004d;border:2px dashed #f1c40f;border-radius:6px;justify-content:center;align-items:center;width:60px;height:84px;display:flex;position:relative}.card-slot.active{border:2px solid #fff;box-shadow:0 0 10px #fff}.card-slot img{border-radius:4px;width:100%;height:100%}.card-slot span{color:#ecf0f1;font-size:24px;font-weight:700}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#34495e;border-radius:15px;width:90%;max-width:500px;max-height:90vh;padding:20px;overflow-y:auto}.suit-row{gap:8px;margin-bottom:10px;padding-bottom:5px;display:flex;overflow-x:auto}.picker-card{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:40px;height:55px;font-weight:700;display:flex}.picker-card.red{color:#e74c3c}.picker-card.black{color:#000}