@font-face{font-family:FieldCondensed;src:local("Arial Narrow");font-stretch:condensed}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#08090b;color:#f4f4ec;font-family:FieldCondensed,"Helvetica Neue",Arial,sans-serif}button,input,a{font:inherit}button{color:inherit}.phase-grid,.channel,.center-seam,.phase-line{pointer-events:none;position:absolute}.phase-grid{inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(244,244,236,.16) 50%,transparent calc(50% + .5px)),repeating-linear-gradient(0deg,transparent 0 8vh,rgba(244,244,236,.035) 8vh calc(8vh + 1px));opacity:.8}.channel{top:0;bottom:0;width:12vw;min-width:90px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:width .6s cubic-bezier(.2,.8,.2,1),filter .4s}.channel span{position:absolute;top:50%;font:900 clamp(6rem,17vw,18rem)/.7 Arial,sans-serif;opacity:.08;transform:translateY(-50%)}.channel i{position:absolute;inset:0;opacity:.62}.channel-left{left:0;background:linear-gradient(90deg,#1136d8 0,rgba(17,54,216,.14) 68%,transparent)}.channel-left i{background:repeating-linear-gradient(90deg,rgba(225,255,40,.42) 0 1px,transparent 1px 18px);mix-blend-mode:screen}.channel-right{right:0;background:linear-gradient(270deg,#ff461f 0,rgba(255,70,31,.14) 68%,transparent)}.channel-right i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 1px,transparent 1px 18px);mix-blend-mode:screen}.center-seam{left:calc(50% + var(--seam,0)*.18vw);top:10vh;bottom:8vh;width:2px;background:#f4f4ec;box-shadow:0 0 22px #f4f4ec;transition:left .48s cubic-bezier(.22,.8,.22,1),transform .8s}.center-seam b{position:absolute;left:50%;top:50%;width:17px;height:17px;background:#e1ff28;border:2px solid #08090b;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 20px #e1ff28}.phase-line{left:-18%;top:var(--line-y,63%);width:136%;height:72px;transform:rotate(var(--line-angle,-2deg));transition:top .6s,transform .6s}.phase-line:before{content:"";position:absolute;left:0;right:0;top:35px;height:2px;background:linear-gradient(90deg,transparent 0,#1136d8 14%,#e1ff28 47%,#fff 50%,#ff461f 85%,transparent);box-shadow:0 0 12px #e1ff28}.phase-line i{position:absolute;width:9px;height:72px;left:12%;top:0;background:#f4f4ec;box-shadow:0 0 23px #fff;animation:scan 4.8s linear infinite}@keyframes scan{to{left:88%}}#field{--seam:0;position:relative;width:100%;height:100%;min-height:540px;isolation:isolate;background:radial-gradient(circle at 50% 46%,rgba(225,255,40,.055),transparent 28%),#08090b;overflow:hidden}#field[data-stage="finale"] .channel{width:24vw;filter:saturate(1.35)}#field[data-stage="finale"]>.phase-line,#field[data-stage="finale"]>.center-seam{opacity:0}.topline{position:absolute;z-index:5;top:0;left:0;right:0;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,2.4vw,38px);border-bottom:1px solid rgba(244,244,236,.18);font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.mark{color:inherit;text-decoration:none;width:max-content;min-height:44px;display:flex;align-items:center}.status{display:flex;align-items:center;gap:18px}.status span{color:#e1ff28}.status b{letter-spacing:.3em;font-weight:400}.bare{justify-self:end;background:transparent;border:0;padding:12px;min-height:44px;font:inherit;letter-spacing:inherit;cursor:pointer}.panel{position:absolute;z-index:3;inset:58px 0 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(28px,5vw,72px) clamp(18px,12vw,180px);transition:opacity .26s,transform .34s}.panel[hidden]{display:none}.panel.active{animation:panelIn .45s ease-out both}@keyframes panelIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.kicker{margin:0 0 18px;color:#e1ff28;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em}.panel h1,.panel h2{margin:0;font-family:FieldCondensed,"Arial Narrow",Arial,sans-serif;font-weight:950;letter-spacing:-.055em;text-transform:uppercase}.panel h1{font-size:clamp(4rem,11vw,10rem);line-height:.72}.panel h2{font-size:clamp(3.2rem,8vw,7.6rem);line-height:.77}.lede{max-width:600px;margin:25px 0 20px;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.3}.warning{display:flex;align-items:flex-start;gap:14px;max-width:530px;text-align:left;border-left:2px solid #ff461f;padding:4px 0 4px 14px;font:600 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.warning span{color:#ff461f}.warning p{margin:0}.actions{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:24px;flex-wrap:wrap}.primary,.secondary,.signal-button,.choice-row button{min-height:50px;border:1px solid rgba(244,244,236,.55);background:rgba(8,9,11,.82);cursor:pointer;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;transition:transform .15s,background .15s,border-color .15s}.primary{display:flex;gap:28px;align-items:center;justify-content:space-between;min-width:250px;padding:0 18px;background:#e1ff28;color:#08090b;border-color:#e1ff28}.primary kbd{font:700 9px/1 ui-monospace,monospace;border:1px solid rgba(8,9,11,.45);padding:5px}.secondary{padding:0 18px}.primary.compact{margin-top:22px}.primary:hover,.primary:focus-visible{background:#fff;border-color:#fff}.secondary:hover,.secondary:focus-visible,.choice-row button:hover,.choice-row button:focus-visible,.signal-button:hover,.signal-button:focus-visible{border-color:#e1ff28;background:rgba(225,255,40,.12)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #e1ff28;outline-offset:4px}.instruction{max-width:570px;margin:20px 0 17px;font-size:clamp(.95rem,1.6vw,1.2rem);line-height:1.35}.signal-button{position:relative;padding:0 19px;margin-bottom:18px}.pulse-dot{display:inline-block;width:9px;height:9px;margin-right:10px;background:#ff461f;border-radius:50%;box-shadow:0 0 12px #ff461f}.signal-button.playing .pulse-dot{animation:pulse .5s alternate infinite}@keyframes pulse{to{transform:scale(1.8);background:#e1ff28}}.choice-row{display:flex;gap:8px;width:min(760px,100%)}.choice-row button{flex:1;min-width:0;padding:13px 12px}.choice-row b{color:#e1ff28;margin-right:7px}.balance-control{display:grid;grid-template-columns:auto minmax(210px,520px) auto;gap:14px;align-items:center;width:min(690px,100%);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.balance-control input{width:100%;height:34px;accent-color:#e1ff28;cursor:ew-resize}.balance-control input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#1136d8,#f4f4ec 50%,#ff461f)}.balance-control input::-webkit-slider-thumb{margin-top:-9px;width:20px;height:20px;border-radius:0;background:#e1ff28;appearance:none;transform:rotate(45deg)}#balanceReadout{margin-top:9px;color:#e1ff28;font:700 12px/1 ui-monospace,monospace}.spectrum{display:flex;align-items:center;gap:5px;height:33px;margin-bottom:17px}.spectrum i{width:3px;background:#e1ff28;box-shadow:0 0 7px #e1ff28;animation:meter .55s alternate infinite}.spectrum i:nth-child(1){height:18px}.spectrum i:nth-child(2){height:32px;animation-delay:.12s}.spectrum i:nth-child(3){height:23px;animation-delay:.24s}@keyframes meter{to{transform:scaleY(.45)}}.summary{display:flex;width:min(720px,100%);margin:20px 0 14px;border-top:1px solid rgba(244,244,236,.32);border-bottom:1px solid rgba(244,244,236,.32)}.summary div{flex:1;padding:13px 10px}.summary div+div{border-left:1px solid rgba(244,244,236,.25)}.summary dt{font:700 9px/1 ui-monospace,monospace;letter-spacing:.16em;color:#aaa}.summary dd{margin:7px 0 0;font:800 clamp(.8rem,1.4vw,1rem)/1 ui-monospace,monospace;color:#e1ff28}.finale h2{font-size:clamp(2.8rem,6vw,5.6rem)}.field-map{position:relative;width:min(720px,100%);padding:24px 0 10px}.replay-status{position:absolute;top:0;left:0;margin:0;color:#e1ff28;font:700 9px/1 ui-monospace,monospace;letter-spacing:.13em}.map-axis{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font:900 20px/1 Arial,sans-serif}.map-axis i{height:3px;background:linear-gradient(90deg,#1136d8,#e1ff28 48%,#fff 50%,#ff461f);box-shadow:0 0 15px rgba(225,255,40,.7);position:relative}.map-axis i:after{content:"";position:absolute;left:var(--map-center,50%);top:50%;width:13px;height:13px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.map-bands{display:flex;justify-content:space-around;margin-top:11px;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.map-bands b{color:#e1ff28}.map-bands b[data-presence="soft"]{opacity:.48}.map-bands b[data-presence="absent"]{opacity:.18;text-decoration:line-through}.tracer-trail{position:absolute;left:28px;right:28px;top:31px;height:3px;background:linear-gradient(90deg,#1136d8,#e1ff28,#ff461f);opacity:0;transform-origin:left}.replay-tracer{position:absolute;left:26px;top:24px;width:17px;height:17px;background:#fff;box-shadow:0 0 20px #fff;transform:rotate(45deg);opacity:0}.field-map.playing .tracer-trail{opacity:.45;animation:trail 2.3s steps(3,end) both}.field-map.playing .replay-tracer{opacity:1;animation:tracer 2.3s cubic-bezier(.45,0,.55,1) both}@keyframes trail{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tracer{from{left:26px;background:#1136d8}50%{left:calc(50% - 8px);background:#e1ff28}to{left:calc(100% - 43px);background:#ff461f}}.status-tape{position:absolute;z-index:5;bottom:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(12px,2vw,28px);background:#f4f4ec;color:#08090b;font:800 9px/1 ui-monospace,monospace;letter-spacing:.11em;white-space:nowrap}.muted .phase-line i,.muted .pulse-dot{box-shadow:none}body[data-reduced-motion="true"] *,body[data-reduced-motion="true"] *:before,body[data-reduced-motion="true"] *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(max-width:640px){#field{min-height:500px}.topline{grid-template-columns:1fr auto;height:52px;padding:0 14px}.status{justify-self:end;gap:9px}.status b{display:none}.bare{display:none!important}.panel{inset:52px 0 30px;padding:22px 14px 18px;justify-content:center}.panel h1{font-size:clamp(3.45rem,17vw,5.6rem)}.panel h2{font-size:clamp(2.65rem,13.5vw,4.4rem)}.finale h2{font-size:clamp(2.6rem,12vw,3.7rem)}.kicker{margin-bottom:12px}.lede{margin:18px 0 14px}.warning{font-size:10px;max-width:360px}.actions{margin-top:14px;gap:7px}.intro-actions{flex-direction:column;width:100%}.primary,.secondary{min-width:0;width:min(100%,360px)}.signal-button{margin-bottom:12px;min-height:46px}.choice-row{display:grid;grid-template-columns:1fr;width:min(100%,360px);gap:6px}.choice-row button{min-height:46px;padding:10px}.instruction{margin:14px 0 12px}.balance-control{grid-template-columns:auto 1fr auto;gap:9px}.primary.compact{margin-top:14px}.summary{display:grid;margin:11px 0 8px;text-align:left}.summary div{display:grid;grid-template-columns:76px 1fr;align-items:center;padding:7px 8px}.summary div+div{border-left:0;border-top:1px solid rgba(244,244,236,.25)}.summary dt{font-size:8px}.summary dd{margin:0;font-size:10px;text-align:right}.field-map{padding:25px 0 5px}.replay-status{left:3px}.finale-actions{margin-top:9px}.finale .secondary{width:auto}.status-tape span:nth-child(2){display:none}.channel{min-width:54px;width:15vw}.phase-line{height:44px}.phase-line i{height:44px}.phase-line:before{top:21px}.center-seam{top:8vh;bottom:6vh}.spectrum{height:20px;margin-bottom:10px}.range-choices{grid-template-columns:repeat(3,1fr);width:100%}.range-choices button{font-size:9px}.range-choices button b{display:block;margin:0 0 5px}.finale .instruction{margin-bottom:5px}}
@media(max-height:690px) and (min-width:641px){.panel{padding-top:36px;padding-bottom:36px}.panel h1{font-size:clamp(3.6rem,9vw,7rem)}.panel h2{font-size:clamp(3rem,7vw,5.7rem)}.lede{margin:17px 0 12px}.warning{font-size:10px}.actions{margin-top:14px}.summary{margin:12px 0 7px}.field-map{padding:5px 0}}