*{box-sizing:border-box}html{background:#05080e}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#18283e 0,#080d15 42%,#05080e 100%);color:#eef4ff;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}.glow{position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.glow1{background:#1769ff;top:-100px;left:-120px}.glow2{background:#e62938;right:-130px;bottom:10%;opacity:.12}main{position:relative;max-width:580px;margin:auto;padding:18px 15px 30px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.brand{display:flex;align-items:center;gap:11px}.logo{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-weight:950;font-size:14px;background:linear-gradient(145deg,#1c74ff,#103ba5);box-shadow:0 8px 25px #1769ff35}h1{margin:0;font-size:25px;letter-spacing:.4px}header p{margin:3px 0;color:#8190a5;font-size:12px}#clear{border:1px solid #29384d;border-radius:12px;padding:10px 13px;background:#101925;color:#cbd6e5;font-weight:800;cursor:pointer;transition:.2s}#clear:hover{transform:translateY(-1px);border-color:#40536d}.signal{position:relative;overflow:hidden;background:linear-gradient(145deg,#111c2b,#0b131f);border:1px solid #2a3a50;border-radius:23px;padding:25px 18px 24px;text-align:center;box-shadow:0 18px 50px #0007;transition:.35s}.signal.active{border-color:#2f79ff;box-shadow:0 0 0 1px #1769ff22,0 0 45px #1769ff20,0 18px 50px #0008;animation:pulse 1.7s ease-in-out infinite}.signal.gale{border-color:#f0a62b;box-shadow:0 0 0 1px #f0a62b20,0 0 42px #f0a62b18,0 18px 50px #0008}.label{font-size:10px;letter-spacing:4px;color:#718198;font-weight:800}.stage{min-height:20px;font-size:10px;letter-spacing:2px;font-weight:950;margin-bottom:5px}.signalStage{color:#61a0ff}.galeStage{color:#f3b94d}.waiting{margin-top:9px;font-size:23px;font-weight:950;line-height:1.15;letter-spacing:.2px}.pattern{margin-top:11px;color:#a9b7ca;font-size:12px}.force{margin-top:5px;color:#d9e4f4;font-size:12px;font-weight:800}.scan{position:absolute;left:-20%;right:-20%;height:1px;top:0;background:linear-gradient(90deg,transparent,#6ea8ff,transparent);opacity:0}.signal.active .scan{opacity:.5;animation:scan 2.3s linear infinite}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.stat{position:relative;background:#0d1622;border:1px solid #233247;border-radius:16px;padding:11px 8px;text-align:center;box-shadow:0 8px 24px #0003}.stat b{display:block;font-size:25px;margin:2px 0}.stat>span:last-child{font-size:9px;color:#8190a5;letter-spacing:1.5px;font-weight:850}.statIcon{font-size:12px;color:#64758c}.greenStat{border-color:#1f4d3a}.greenStat b{color:#55e39b}.redStat{border-color:#512b34}.redStat b{color:#ff6a79}.buttons{display:grid;grid-template-columns:1fr;gap:9px}.buttons button{border:0;border-radius:15px;padding:16px;font-weight:950;font-size:16px;cursor:pointer;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 8px 20px #0004}.buttons button span{margin-right:7px}.buttons button:hover{filter:brightness(1.08);transform:translateY(-1px)}.buttons button:active{transform:scale(.97)}.blue{background:linear-gradient(135deg,#2477ff,#1551c7);color:#fff}.red{background:linear-gradient(135deg,#f04453,#c71f31);color:#fff}.tie{background:linear-gradient(135deg,#edf1f6,#b9c2cf);color:#10151d}.historyBox{margin-top:20px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}h2{margin:0;font-size:12px;letter-spacing:2px;color:#9aa9bc}.sectionTitle span{font-size:10px;color:#63738a}.history{display:flex;flex-wrap:wrap;gap:7px;background:#0a111b;border:1px solid #1e2c3f;border-radius:17px;padding:13px;min-height:76px;box-shadow:inset 0 1px #ffffff05}.ball{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:950;box-shadow:0 4px 10px #0005;animation:pop .28s ease both;animation-delay:calc(var(--i)*.018s)}.ba{background:linear-gradient(145deg,#2d83ff,#1452c5)}.br{background:linear-gradient(145deg,#fa4d5c,#c91f32)}.be{background:linear-gradient(145deg,#f1f4f8,#bac3cf);color:#111}.status{color:#66768d;font-size:10px;text-align:center;margin:13px 0 0}@keyframes pulse{50%{transform:translateY(-1px)}}@keyframes scan{0%{top:-5%}100%{top:105%}}@keyframes pop{from{opacity:0;transform:scale(.55) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(min-width:520px){.buttons{grid-template-columns:repeat(3,1fr)}.buttons button{padding:15px 8px}.waiting{font-size:26px}}