.judge-demo{max-width:1360px;margin:auto;padding:0 5vw}.demo-nav{border-bottom:1px solid #303b43;align-items:center;gap:30px;height:85px;display:flex}.demo-nav>a:not(.brand){color:#a6b4c3;align-items:center;gap:7px;font:11px ui-monospace,monospace;display:flex}.demo-nav>a:nth-child(2){margin-left:auto}.demo-intro{justify-content:space-between;align-items:center;gap:45px;padding:45px 0 32px;display:flex}.demo-intro h1{letter-spacing:-3px;margin:15px 0 18px;font-size:clamp(43px,5vw,69px);font-weight:500;line-height:1.04}.demo-intro h1 em{color:#ffb38a;font-style:normal}.demo-intro p{color:#95a5b7;max-width:610px;margin:0;font-size:14px;line-height:1.8}.demo-start{flex-direction:column;flex-shrink:0;align-items:center;gap:15px;display:flex}.demo-start .mayday-button{letter-spacing:0;padding:17px 22px;font-size:14px}.demo-start>span{color:#afbecb;font:10px ui-monospace,monospace}.demo-start small{color:#708598;font:9px ui-monospace,monospace}.demo-stages{border-top:1px solid #35424e;border-bottom:1px solid #35424e;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:20px 0;display:flex}.demo-stages>div{opacity:.5;align-items:center;gap:13px;display:flex}.demo-stages>div.active{opacity:1}.demo-stages b{color:#ffb38a;font:20px ui-monospace,monospace}.demo-stages span{font-size:12px;font-weight:500}.demo-stages small{color:#8b9fb2;margin-top:7px;font:9px/1.5 ui-monospace,monospace;display:block}.demo-stages>svg{color:#5a7186}.demo-live-grid{grid-template-columns:1fr 1.1fr;gap:26px;display:grid}.demo-signal,.demo-tests{background:#13171b;border:1px solid #34414d;border-radius:8px;overflow:hidden}.demo-panel-label{color:#8b9eaf;letter-spacing:.7px;border-bottom:1px solid #303e4b;justify-content:space-between;align-items:center;padding:16px 19px;font:9px ui-monospace,monospace;display:flex}.demo-panel-label>span:first-child{align-items:center;gap:8px;display:flex}.demo-beacon{color:#ff997b;background-image:radial-gradient(#67717d30 1px,#0000 1px);background-size:17px 17px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:180px;display:flex;position:relative;overflow:hidden}.demo-beacon>svg,.demo-beacon>strong,.demo-beacon>span{z-index:1;position:relative}.demo-beacon strong{letter-spacing:2px;font:14px ui-monospace,monospace}.demo-beacon>span{color:#8ca0b2;font:9px ui-monospace,monospace}.beacon-ring{border:1px solid #ff997b20;border-radius:50%;width:150px;height:150px;position:absolute;top:15px}.beacon-ring.ring-2{width:220px;height:220px;top:-20px}.beacon-racing .beacon-ring{animation:2.5s ease-out infinite beacon-wave}.beacon-racing .ring-2{animation-delay:.8s}.beacon-saved{color:#ffb38a}.beacon-saved .beacon-ring{border-color:#ffb38a25}.demo-helpers{padding:0 19px}.demo-helper{border-top:1px solid #2c3b49;align-items:center;gap:12px;min-height:60px;display:flex}.demo-helper>div{flex-direction:column;flex:1;gap:7px;display:flex}.demo-helper>div>span{color:#c3d0db;font:600 12px ui-monospace,monospace}.demo-helper small{color:#7c96ac;font:9px ui-monospace,monospace}.demo-helper>b{color:#7c96ac;font:14px ui-monospace,monospace}.demo-helper>span{color:#7890a5;text-align:right;width:100px;font:8px ui-monospace,monospace}.helper-winner>b,.helper-winner>span,.helper-winner>div>span{color:#ffb38a}.helper-rejected>b,.helper-rejected>span{color:#ff997b}.demo-honesty{color:#738aa0;margin:0;padding:14px 19px 18px;font:9px/1.8 ui-monospace,monospace}.demo-tests>h2{letter-spacing:-.8px;margin:22px 22px 12px;font-size:25px;font-weight:500}.demo-tests>p{color:#8da4b8;margin:0 22px 16px;font-size:12px;line-height:1.8}.demo-test-heading,.demo-test-row{border-bottom:1px solid #2c3b48;grid-template-columns:1fr 60px 60px;align-items:center;gap:10px;margin:0 22px;padding:10px 0;display:grid}.demo-test-heading{color:#708b9f;text-transform:uppercase;font:8px ui-monospace,monospace}.demo-test-heading>span:not(:first-child){text-align:center}.demo-test-row>span{color:#bbc9d5;font-size:11px}.demo-test-row>b{text-align:center;justify-content:center;font:11px ui-monospace,monospace;display:flex}.test-pass{color:#ffb38a}.test-fail{color:#ff997b}.test-wait{color:#4d6479}.demo-continuation{color:#7c90a4;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;display:flex}.demo-continuation>span{align-items:center;gap:9px;font-size:11px;display:flex}.demo-continuation>strong{font:8px ui-monospace,monospace}.demo-continuation.continued{color:#ffb38a;background:#ffb38a08}.demo-continuation.continued>strong{font:25px ui-monospace,monospace}.demo-fresh{border-top:1px solid #344453;border-bottom:1px solid #344453;grid-template-columns:.9fr 1fr;gap:50px;margin-top:35px;padding:33px 0;display:grid}.demo-fresh h2,.demo-next h2{letter-spacing:-1px;margin:13px 0;font-size:29px;font-weight:500;line-height:1.2}.demo-fresh p,.demo-next p{color:#8ba3b8;max-width:430px;margin:0;font-size:12px;line-height:1.8}.fresh-lab{flex-direction:column;gap:18px;display:flex}.fresh-fields{gap:12px;display:flex}.fresh-fields>label{color:#819db5;flex-direction:column;flex:1;gap:11px;min-width:0;font:10px ui-monospace,monospace;display:flex}.fresh-fields input{color:#d2dde8;background:#13191f;border-color:#3a4c5c;height:43px;font:16px ui-monospace,monospace}.fresh-lab>.mayday-button{letter-spacing:0;align-self:flex-start;padding:12px 18px;font-size:12px}.mayday-button:disabled{cursor:default;opacity:.4}.fresh-results{align-items:center;gap:25px;display:flex}.fresh-results>div{flex-direction:column;flex:1;gap:9px;display:flex}.fresh-results span{color:#819bb1;letter-spacing:.7px;font:8px ui-monospace,monospace}.fresh-results strong{font:28px ui-monospace,monospace}.fresh-results small{color:#819bb1;font:9px ui-monospace,monospace}.fresh-results>svg{color:#4f687e}.demo-receipt{border-bottom:1px solid #344453;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding:32px 0;display:flex}.demo-receipt h2{letter-spacing:-.7px;color:#ffb38a;margin:13px 0;font-size:25px;font-weight:500}.demo-receipt p{color:#8ea4b7;max-width:570px;margin:0;font-size:12px;line-height:1.8}.demo-receipt>div:last-of-type{flex-direction:column;gap:16px;display:flex}.demo-receipt .text-button,.demo-next .text-button{color:#a7bed2;font-size:11px}.demo-patch{color:#c5d3df;background:#121920;border:1px solid #32475a;border-radius:5px;width:100%;margin:0;padding:20px;font:11px/1.8 ui-monospace,monospace;overflow:auto}.demo-next{justify-content:space-between;align-items:center;gap:40px;padding:36px 0;display:flex}.demo-next>div:last-child{flex-direction:column;align-items:flex-start;gap:19px;display:flex}.demo-next .mayday-button{letter-spacing:0;font-size:13px}.demo-scope{color:#6c8aa3;border-top:1px solid #2f4254;margin:0 0 30px;padding-top:20px;font:9px/1.8 ui-monospace,monospace}.demo-error{color:#ffac94;background:#ff997b09;border:1px solid #ff997b50;margin-bottom:20px;padding:14px 18px;font-size:12px}@keyframes beacon-wave{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}@media (max-width:800px){.judge-demo{padding:0 22px}.demo-nav{gap:15px;height:72px}.demo-nav>a:not(.brand){font-size:9px}.demo-nav .brand{font-size:21px}.demo-intro{flex-direction:column;align-items:flex-start;gap:24px;padding:30px 0}.demo-intro h1{letter-spacing:-2px;font-size:53px}.demo-start{align-items:flex-start;gap:12px}.demo-stages{flex-direction:column;align-items:flex-start;gap:15px}.demo-stages>svg{display:none}.demo-stages>div{width:100%}.demo-live-grid{grid-template-columns:1fr;gap:20px}.demo-fresh{grid-template-columns:1fr;gap:25px;margin-top:25px}.demo-test-heading,.demo-test-row{grid-template-columns:1fr 44px 44px;gap:7px;margin:0 17px}.demo-test-row>span{font-size:10px}.demo-tests>h2{font-size:23px}.demo-receipt{align-items:flex-start}.demo-receipt>div:last-of-type{flex-flow:wrap;gap:15px}.demo-next{flex-direction:column;align-items:flex-start;gap:25px}.demo-scope{font-size:8px}.fresh-fields{gap:8px}.fresh-fields>label{font-size:9px}.fresh-fields input{font-size:14px}.demo-intro p{font-size:13px}}@media (prefers-reduced-motion:reduce){.beacon-racing .beacon-ring{animation:none}}