:root{font-family:"Arial Black",Arial,"PingFang SC",sans-serif;color:#e9f3ed;background:#111713}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 20%,#27312b,#111713 50%)}button,select{font:inherit}header{height:88px;border-bottom:1px solid #506057;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.logo{display:flex;align-items:center}.logo b{font-size:54px;color:#ff5b35;letter-spacing:-5px}.logo span{font-size:13px;line-height:1.1;margin-left:9px}.best{font:11px monospace;color:#91a097}.best strong{font-size:20px;color:white;margin-left:12px}main{max-width:1250px;margin:auto;padding:45px 5vw 80px}.copy span{font:10px monospace;letter-spacing:3px;color:#a4b4aa}.copy h1{font-size:clamp(48px,7vw,92px);line-height:.92;margin:15px 0;letter-spacing:-5px}.copy h1 span{color:#ff5b35}.copy p{font-family:Arial;max-width:520px;color:#9eaaa2;line-height:1.6}.stage{border:1px solid #59665e;background:#1b231e;margin-top:38px}.hud{height:75px;display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #59665e}.hud>div{padding:14px 20px;border-right:1px solid #59665e;display:grid}.hud>div:last-child{border:0}.hud small{font:10px monospace;color:#819087;text-transform:uppercase}.hud strong{font-size:23px}.timer{text-align:center}.timer strong{color:#ff5b35}.board{position:relative;height:520px;overflow:hidden;background-color:#242c27;background-image:linear-gradient(#37413a 1px,transparent 1px),linear-gradient(90deg,#37413a 1px,transparent 1px);background-size:42px 42px}.start{height:100%;display:grid;place-content:center;text-align:center;background:rgba(17,23,19,.9);position:relative;z-index:4}.start h2{font-size:31px;margin:12px}.start p{font:14px Arial;color:#9daa9f}.start label{font:12px monospace;margin:20px}.start select{background:#242c27;color:white;border:1px solid #68776d;padding:9px}.start button,.stageActions button{background:#ff5b35;color:#151a17;border:0;padding:14px 25px;cursor:pointer}.radar{margin:auto;width:55px;height:55px;border:1px solid #8ca092;border-radius:50%;background:conic-gradient(transparent,#ff5b35);animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.node{position:absolute;width:40px;height:40px;border:2px solid #94a298;background:#1a211d;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(var(--r));font:12px monospace;color:#8fa096;cursor:crosshair;transition:.15s}.node:before{content:"";width:14px;height:14px;border:3px solid currentColor;border-radius:2px}.node.abnormal.reveal{border-color:#ff5b35;color:#ff5b35;box-shadow:0 0 18px #ff5b3577}.node.decoy.reveal{background:repeating-linear-gradient(45deg,#1a211d,#1a211d 4px,#3e4942 5px)}.node.hiddenState{color:#8fa096!important;border-color:#94a298!important;box-shadow:none!important;background:#1a211d!important}.node.selected{outline:4px solid #f4db48;outline-offset:3px}.node.hit{background:#55d98b!important;border-color:#55d98b!important;color:#101713!important}.node.miss{background:#ff553c!important;border-color:#ff553c!important;color:#101713!important}.node.wrong{background:#a978ff!important;border-color:#a978ff!important;color:#101713!important}.path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.path polyline{fill:none;stroke:#f4db48;stroke-width:2;stroke-dasharray:8 7;animation:dash 5s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}.path text{fill:#f4db48;font:12px monospace}.bar{height:5px;background:#39443d}.bar div{height:100%;width:0;background:#ff5b35;transition:width .15s linear}.stageActions{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font:12px monospace;color:#9da9a1}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4a554e;border:1px solid #4a554e;margin-top:30px}.rules>div{background:#171e1a;padding:22px;display:flex;gap:15px}.rules b{color:#ff5b35;font-size:24px}.rules p{font:13px/1.5 Arial;margin:3px;color:#aab5ae}.history{margin-top:50px}.history h2{font-size:26px}.history article{display:grid;grid-template-columns:1fr repeat(4,90px);border-top:1px solid #445048;padding:15px;font:13px monospace}.history article span:not(:first-child){text-align:right}.empty{color:#7f8d84;font:13px monospace}@media(max-width:650px){main{padding:30px 12px}.copy h1{letter-spacing:-3px}.board{height:430px}.node{width:32px;height:32px}.rules{grid-template-columns:1fr}.history article{grid-template-columns:1fr repeat(3,55px)}.history .date{display:none}.stageActions{align-items:flex-start;gap:10px}.hud>div{padding:12px}.hud strong{font-size:19px}}