.gsty{--red:#ff1717;--green:#20ef42;--yellow:#ffe31c;--orange:#ff7b17;position:relative;overflow:hidden;border-radius:18px;color:#fff;font-family:Arial,Helvetica,sans-serif;background:#020202;box-shadow:inset 0 0 0 1px #171717}.gsty *{box-sizing:border-box}.gsty:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#000 0 8%,transparent 19% 84%,#000 100%),repeating-linear-gradient(135deg,#171717 0 2px,#080808 2px 5px,#1b1b1b 5px 7px,#070707 7px 10px)}.gsty-head,.gsty-cockpit,.gsty-features{position:relative;z-index:1}.gsty-head{text-align:center;padding:28px 15px 5px}.gsty-head h2{margin:0;color:#f5f5f5;font:500 clamp(27px,3vw,43px) Georgia,"Times New Roman",serif;letter-spacing:.4px}.gsty-head div{margin-top:12px;color:#aaa;font-size:10px;letter-spacing:7px}.gsty-head b{color:var(--red)}
.gsty-cockpit{max-width:1240px;margin:auto;padding:12px 32px 28px}.gsty-toprow{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px) minmax(135px,190px);align-items:center;gap:34px}.gsty-gauge{grid-column:2;position:relative;width:min(420px,100%);aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle at 50% 48%,#111 0 5%,#050505 42%,#000 68%,#080808 69% 73%,#020202 74%);box-shadow:0 18px 25px #000,inset 0 15px 23px #000,inset 0 -8px 12px rgba(255,255,255,.035),0 0 0 8px #050505}.gsty-gauge:before,.mini-gauge:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:2;background:conic-gradient(from 210deg,#4b4b4b,#a7a7a7 35deg,#e0e0e0 58deg,#777 95deg,#c4c4c4 132deg,#555 175deg,#aaa 218deg,#e3e3e3 250deg,#666 295deg,#bbb 332deg,#444);padding:7px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:saturate(0);box-shadow:inset 0 1px 1px #fff5,inset 0 -2px 2px #000}.gsty-gauge:before{inset:6px}.gsty-gauge:after,.mini-gauge:after{content:"";position:absolute;inset:6.5%;border-radius:50%;z-index:1;box-shadow:inset 0 18px 25px #000,inset 0 -3px 5px #ffffff12,0 0 0 4px #181818}
.gsty-start{grid-column:3;justify-self:start;position:relative;width:132px;height:132px;border-radius:50%;border:0;padding:0;cursor:pointer;color:#fff;background:#050505;box-shadow:0 0 0 5px #090909,0 0 0 8px #333,0 0 0 11px #777,0 0 0 14px #202020,0 12px 20px #000,inset 0 8px 15px #000,inset 0 -3px 8px #2d2d2d}.gsty-start:after{content:"";position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 46% 38%,#3a0909 0,#160202 38%,#090000 68%,#020202 100%);box-shadow:inset 0 0 0 2px #5e0b0b,inset 0 0 20px #160000;z-index:0}.gsty-start span{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-size:19px;font-weight:900;letter-spacing:1.3px;color:#f3f3f3;text-shadow:0 2px 4px #000,0 0 8px #ff171766}.gsty-start:hover:after{box-shadow:inset 0 0 0 2px #b01818,inset 0 0 25px #4b0000}.gsty-start:active{transform:translateY(2px);box-shadow:0 0 0 5px #090909,0 0 0 8px #333,0 0 0 11px #666,0 0 0 14px #181818,0 7px 12px #000,inset 0 11px 18px #000}.gsty-start:disabled{opacity:.55;cursor:wait}
.gsty-bottomrow{display:grid;grid-template-columns:repeat(4,minmax(150px,205px));justify-content:center;align-items:start;gap:24px;margin:20px auto 0;max-width:940px}.mini-gauge{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 47%,#111 0 5%,#050505 45%,#000 68%,#080808 69% 73%,#020202 74%);box-shadow:0 14px 20px #000,inset 0 12px 18px #000,inset 0 -6px 9px #ffffff0b,0 0 0 6px #050505}.mini-gauge:before{inset:5px;padding:5px}
.gsty-scale-layer,.mini-scale{position:absolute;inset:0;z-index:5;pointer-events:none}.scale-label{position:absolute;transform:translate(-50%,-50%);font-weight:800;color:#fff;text-shadow:0 2px 5px #000;white-space:nowrap}.gsty-scale-layer .scale-label{font-size:15px}.mini-scale .scale-label{font-size:10px}.scale-tick{position:absolute;left:50%;top:50%;height:2px;background:#eee;transform-origin:0 50%;z-index:4}.gsty-scale-layer .scale-tick{width:11px}.mini-scale .scale-tick{width:8px}
.gsty-live-arc,.mini-arc{position:absolute;border-radius:50%;z-index:4;pointer-events:none;transition:background .15s linear}.gsty-live-arc{inset:9%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px))}.mini-arc{inset:10%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
.gsty-needle,.mini-needle{position:absolute;left:50%;top:50%;background:linear-gradient(90deg,#f7f7f7 0 17%,#ff5b5b 42%,var(--red) 100%);transform-origin:0 50%;transition:transform .15s linear;box-shadow:0 0 9px var(--red);z-index:8}.gsty-needle{width:35%;height:5px}.mini-needle{width:34%;height:3px}.gsty-hub,.mini-hub{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);z-index:9;background:radial-gradient(circle at 35% 30%,#eee 0 8%,#888 10% 28%,#1b1b1b 31% 55%,#aaa 58% 65%,#111 69%);border:1px solid #aaa;box-shadow:0 2px 6px #000}.gsty-hub{width:28px;height:28px}.mini-hub{width:15px;height:15px}
.gsty-readout{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);width:62%;z-index:10;text-align:center;text-shadow:0 2px 7px #000}.gsty-readout .phase{display:block;font-size:11px;letter-spacing:2px;color:#ddd;margin-bottom:5px}.gsty-readout strong{display:block;font-size:48px;line-height:1}.gsty-readout .unit{display:block;color:var(--red);font-size:19px;font-weight:900;margin-top:6px}.mini-content{position:absolute;left:50%;top:71%;transform:translate(-50%,-50%);width:78%;text-align:center;z-index:10;text-shadow:0 2px 5px #000}.mini-content span{display:block;font-size:10px;letter-spacing:1.2px}.mini-content strong{display:block;font-size:25px;line-height:1.05;margin-top:4px}.mini-content small{display:block;color:var(--red);font-size:12px;font-weight:900;margin-top:3px}
.gsty-status{text-align:center;min-height:18px;margin-top:15px;color:#aaa;font-size:11px}.gsty-server{display:table;margin:4px auto 0;color:#ff4040;font-size:11px;background:#050505;border:1px solid #333;border-radius:999px;padding:5px 15px}.gsty-server:empty{display:none}.gsty-policy{text-align:center;font-size:9px;color:#666;max-width:480px;margin:7px auto 0;line-height:1.45}.gsty-policy a{color:#aaa;text-decoration:underline}.gsty-features{display:grid;grid-template-columns:repeat(4,1fr);background:#020202;border-top:1px solid #1b1b1b}.gsty-features div{text-align:center;padding:25px 18px;border-right:1px solid #191919}.gsty-features div:last-child{border-right:0}.gsty-features b{display:block;color:var(--red);font-size:27px;margin-bottom:10px}.gsty-features strong{display:block;font-size:14px}.gsty-features span{display:block;color:#aaa;font-size:14px;margin-top:9px}
@media(max-width:950px){.gsty-toprow{grid-template-columns:1fr minmax(330px,400px) 125px;gap:18px}.gsty-start{width:108px;height:108px}.gsty-start span{font-size:16px}.gsty-bottomrow{grid-template-columns:repeat(2,minmax(175px,220px));max-width:500px;margin-top:24px}.gsty-features{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.gsty-head h2{font-size:27px}.gsty-head div{letter-spacing:3px}.gsty-cockpit{padding:16px 12px 24px}.gsty-toprow{display:flex;flex-direction:column;position:relative}.gsty-gauge{max-width:380px}.gsty-start{width:88px;height:88px;position:absolute;right:8px;top:0}.gsty-start span{font-size:13px}.gsty-bottomrow{grid-template-columns:1fr 1fr;gap:14px;max-width:430px}.mini-content strong{font-size:22px}.mini-scale .scale-label{font-size:9px}.gsty-features strong,.gsty-features span{font-size:12px}}