*{box-sizing:border-box}body{margin:0;background:#070b12;color:#eef3fa;font-family:Arial,sans-serif}main{max-width:560px;margin:auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}h1{margin:0;font-size:28px}header p{margin:4px 0;color:#8290a3}.signal{background:#101824;border:1px solid #263548;border-radius:20px;padding:24px;text-align:center;box-shadow:0 10px 35px #0005}.label{font-size:12px;letter-spacing:3px;color:#8b9aae}.waiting{margin-top:12px;font-size:22px;font-weight:800}.signal.active{animation:pulse 1.2s infinite}.pattern{margin-top:10px;color:#aab7c8}.force{margin-top:6px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.stats div{background:#101824;border:1px solid #263548;border-radius:15px;padding:13px;text-align:center}.stats b{display:block;font-size:25px}.stats span{font-size:10px;color:#8997aa;letter-spacing:1px}.buttons{display:grid;gap:10px}.buttons button,#clear{border:0;border-radius:15px;padding:17px;font-weight:800;font-size:16px;cursor:pointer}.blue{background:#1769ff;color:white}.red{background:#e62938;color:white}.tie{background:#d9dee6;color:#111}.buttons button:active,#clear:active{transform:scale(.98)}#clear{background:#1b2533;color:#c9d2df;padding:10px 14px}.history{display:flex;flex-wrap:wrap;gap:7px;background:#0d141e;border:1px solid #263548;border-radius:16px;padding:14px;min-height:70px}.ball{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.ba{background:#1769ff}.br{background:#e62938}.be{background:#d9dee6;color:#111}.status{color:#8290a3;font-size:12px;text-align:center}@keyframes pulse{50%{box-shadow:0 0 0 7px #1769ff20,0 10px 35px #0005}}