.wars-wrap{margin:15px 0}
.wars-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;border:0;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer}
.wars-btn:hover{background:#1ebe5b;color:#fff}
.wars-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px}
.wars-modal[hidden]{display:none}
.wars-box{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:380px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.wars-box h3{margin:0 0 6px;font-size:20px}
.wars-sub{margin:0 0 14px;color:#666;font-size:14px}
.wars-input{display:flex;align-items:center;border:2px solid #25D366;border-radius:8px;padding:0 10px}
.wars-input span{font-weight:700;margin-right:6px}
.wars-input input{border:0!important;outline:0;box-shadow:none!important;flex:1;padding:10px 0!important;font-size:18px;background:transparent}
.wars-chk{display:flex;gap:8px;align-items:center;margin:14px 0 0;font-size:14px}
.wars-err{color:#d00;font-size:13px;margin:8px 0 0}
.wars-actions{display:flex;gap:10px;margin-top:18px}
.wars-actions button{flex:1;padding:11px;border-radius:8px;border:0;font-weight:600;cursor:pointer}
.wars-cancel{background:#eee;color:#333}
.wars-go{background:#25D366;color:#fff}