*{box-sizing:border-box}body{margin:0;background:#060a10;color:#f2f5f8;font-family:Arial,sans-serif}.app{max-width:920px;margin:auto;padding:16px}.card,.signal-card{background:#0e1621;border:1px solid #263345;border-radius:18px;padding:18px;margin:14px 0}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:30px}h2{font-size:15px;margin:0 0 12px}p,small,span{color:#8f9baa}.signal-card{text-align:center}.signal{font-size:40px;font-weight:900;margin:10px}.blue{color:#4aa3ff}.red{color:#ff5260}.wait{color:#bdc5cf}.grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:9px;margin-top:14px}.grid div{background:#080d14;border-radius:12px;padding:10px}.grid span{display:block;font-size:10px}.grid b{display:block;margin-top:4px}label{display:block;margin-top:16px;color:#aab5c3}input{width:100%}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.buttons button,.danger{border:0;border-radius:13px;padding:15px;font-weight:900;color:#fff;cursor:pointer}.buttons .blue{background:#145f9e}.buttons .red{background:#a82130}.buttons .tie{background:#56616e}.danger{background:#42151b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stats div{background:#0e1621;border:1px solid #263345;border-radius:14px;padding:11px;color:#8793a2;font-size:10px}.stats strong{display:block;color:#fff;font-size:22px;margin-top:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ball{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:50%;margin:3px;font-size:19px;background:#222}.ball.a{background:#145f9e}.ball.r{background:#a82130}.ball.e{background:#56616e}li{margin:7px 0;color:#b9c2cd;font-size:13px}@media(max-width:650px){.two{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.buttons{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.grid div:last-child{grid-column:1/-1}.signal{font-size:33px}}