.routes-game{--lime:#d8ff62;--cyan:#9eeaff;--red:#ff8068;--text:#f2faef;--muted:#9ab7a6;isolation:isolate;max-width:1100px;color:var(--text);background:radial-gradient(circle at 50% 30%,#174d3266,#0000 42%),linear-gradient(#16412b24 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#16412b24 1px,#0000 1px) 0 0/32px 32px,#061a13;border:1px solid #2b674a;border-radius:18px;padding:clamp(14px,2.5vw,28px);font-size:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #020a0788,0 22px 70px #00100955}.routes-game:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#8dffb408 50%,#0000 72%);position:absolute;inset:0}.routes-game button,.routes-game select{font:inherit}.routes-game button:focus-visible,.routes-game select:focus-visible,.routes-game summary:focus-visible{outline-offset:3px;outline:3px solid #fff}.routes-head{grid-template-columns:1fr minmax(250px,1.5fr) 1fr;gap:10px;margin-bottom:14px;display:grid;position:relative}.hud-stat,.hud-turn,.hud-connected{background:#061b14dd;border:1px solid #2d6b4c;border-radius:10px;box-shadow:inset 0 0 22px #2dff9c0b}.hud-stat{text-align:left;grid-template-columns:1fr auto;gap:0 10px;padding:10px 14px;display:grid}.hud-stat span,.hud-turn span,.route-console-title span,.action-console header span{letter-spacing:.18em;color:var(--muted);font:600 .67rem ui-monospace,SFMono-Regular,Consolas,monospace}.hud-stat strong{color:var(--lime);grid-row:2;font:700 clamp(1.45rem,3vw,2rem)/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hud-stat strong small{font-size:.55em}.hud-stat em{letter-spacing:.13em;color:var(--muted);grid-area:2/2;align-self:end;font:.63rem ui-monospace,SFMono-Regular,Consolas,monospace}.hud-turn{text-align:center;border-color:#86ba59;flex-direction:column;justify-content:center;align-items:center;padding:9px;display:flex;box-shadow:inset 0 0 28px #bbff4112,0 0 22px #c8ff3320}.hud-turn strong{color:var(--lime);margin:2px 0;font-size:clamp(1.15rem,2.5vw,1.55rem)}.hud-turn small{color:#cae2d3}.hud-connected{z-index:2;color:var(--lime);letter-spacing:.1em;margin:0;padding:4px 9px;font:600 .62rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:-27px;right:0}.hud-connected i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%;margin-right:5px;display:inline-block}.route-players{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 14px;display:grid}.route-players article{background:#071d16cc;border:1px solid #305f49;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:9px;display:flex;position:relative}.route-players article>b{aspect-ratio:1;color:var(--cyan);border:1px solid #568970;border-radius:50%;flex:0 0 38px;place-items:center;font:700 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.route-players article div{flex-direction:column;min-width:0;display:flex}.route-players article div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-players article div small{color:var(--muted)}.route-players article>em,.route-players article>span{background:var(--lime);color:#112008;border-radius:8px;padding:2px 6px;font:700 .58rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;top:-7px;right:7px}.route-players article>span{background:#ffd06a;top:auto;bottom:-7px}.route-players article>span.alert{background:var(--red);color:#250803}.route-players article.is-current{border-color:var(--lime);box-shadow:0 0 18px #cfff4930,inset 0 0 16px #baff2910}.route-players article.is-current>b{border-color:var(--lime);color:var(--lime);box-shadow:0 0 12px #d9ff5540}.route-console-title{background:#04150fc9;border:1px solid #2b674a;border-bottom:0;border-radius:14px 14px 0 0;align-items:baseline;gap:12px;padding:12px 14px 4px;display:flex}.route-console-title strong{font-size:1.1rem}.route-console-title small{color:var(--lime);margin-left:auto}.route-board{background:#04150fc9;border:1px solid #2b674a;border-top:0;border-radius:0 0 14px 14px;gap:12px;padding:14px;display:grid;box-shadow:inset 0 0 55px #2aff9910}.route-row{background:linear-gradient(90deg,#092319,#061711);border:1px solid #27593f;border-radius:999px;grid-template-columns:90px 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.route-row.is-active{border-color:#9acd58;box-shadow:0 0 20px #ccff4520,inset 0 0 22px #baff2512}.route-row h3{color:var(--cyan);flex-wrap:wrap;align-items:center;gap:5px;margin:0;font:700 1.75rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.route-row.is-active h3{color:var(--lime)}.route-row h3>small{letter-spacing:.16em;width:100%;color:var(--muted);font-size:.55rem}.route-row h3 span{background:var(--lime);color:#14271d;border-radius:999px;padding:3px 6px;font:700 .56rem sans-serif}.route-row>p{display:none}.route-cells{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;display:grid}.route-cell{aspect-ratio:1;text-align:center;background:#10291f;border:2px solid #496b5d;border-radius:50%;grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 4px;width:clamp(58px,8vw,76px);margin:auto;display:grid;position:relative;box-shadow:0 6px #06130f,0 0 0 7px #0b201988}.route-cell:after{content:"";z-index:-1;background:#315e4c;width:calc(min(76px,8vw) + 100%);height:3px;position:absolute;left:100%}.route-cell:last-child:after{display:none}.route-cell b{grid-row:1/-1;font:700 1.2rem ui-monospace,SFMono-Regular,Consolas,monospace}.route-cell i{font:700 .66rem ui-monospace,SFMono-Regular,Consolas,monospace}.route-cell small{color:#b4c8bb;max-width:42px;font-size:.54rem;line-height:1.05}.cell-connected{border-color:var(--cyan);background:#153d38;box-shadow:0 6px #08211e,0 0 0 7px #8decff16,0 0 22px #88edff46}.cell-connected b{color:var(--cyan)}.cell-repaired{border-color:var(--lime);background:#1f4527;box-shadow:0 6px #0d2413,0 0 0 7px #d8ff6216,0 0 22px #d8ff6244}.cell-repaired b{color:var(--lime)}.cell-fault,.cell-jammed{border-color:var(--red);background:#44231c;box-shadow:0 6px #260e09,0 0 0 7px #ff806818,0 0 24px #ff603f55}.cell-fault b,.cell-jammed b{color:var(--red)}.cell-jammed{animation:1.8s steps(2,end) infinite jam-glitch}.routes-action-status{display:none}.route-role-card{background:#071d16e8;border:1px solid #315d48;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 10px;padding:10px 12px;display:flex}.route-role-card span{letter-spacing:.14em;width:100%;color:var(--muted);font:600 .67rem ui-monospace,SFMono-Regular,Consolas,monospace}.route-role-card strong{color:var(--lime);font-size:1.16rem}.intel-button{border:1px solid var(--lime);min-height:44px;color:var(--lime);background:#182d11;border-radius:7px;margin-left:auto;padding:7px 12px;font-weight:800}.intel-button:hover{background:#294719}.access-card,.jam-card{background:#071d16e8;border:1px solid #386b51;border-radius:11px;margin:10px 0;padding:13px}.access-card strong,.jam-card strong{color:var(--lime)}.access-card p,.jam-card p{margin:6px 0}.access-card label,.jam-card label{flex-direction:column;gap:4px;margin:6px 8px 6px 0;font-weight:700;display:inline-flex}.access-card select,.jam-card select{color:#0a1d13;background:#dcecdf;border:1px solid #659078;border-radius:6px;min-height:42px;padding:6px}.access-votes{gap:8px;display:flex}.access-votes button,.access-card>button,.jam-card>button{min-height:46px;font-weight:800}.access-warning{border-color:var(--red)}.access-warning strong{color:var(--red)}.access-candidates{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.access-candidates button{overflow-wrap:anywhere;min-width:0}.jam-card{background:linear-gradient(100deg,#331610aa,#071d16e8 65%);border-color:#8f473a}.jam-card>strong{color:var(--red)}.action-console{background:#061a13e8;border:1px solid #315d48;border-radius:13px;margin-top:12px;padding:13px}.action-console header{align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.action-console header strong{font-size:.9rem}.route-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.route-actions button{min-width:0;min-height:78px;color:var(--text);background:linear-gradient(#133529,#0a231a);border:1px solid #669174;border-radius:9px;grid-template-rows:auto auto auto;place-items:center;margin:0;padding:7px;transition:border-color .16s,transform .16s,background .16s;display:grid;box-shadow:inset 0 0 16px #9affc10c}.route-actions button:hover:not(:disabled){border-color:var(--lime);background:#173f2d;transform:translateY(-2px)}.route-actions button.is-selected{border-color:var(--lime);box-shadow:0 0 16px #d8ff6230}.route-actions button>b{color:var(--lime);font:700 1.4rem ui-monospace,SFMono-Regular,Consolas,monospace}.route-actions button>span{font-weight:900}.route-actions button small{color:#abc3b3;font-size:.61rem}.route-actions button:disabled{cursor:not-allowed;color:#68796f;box-shadow:none;opacity:1;background:#111b17;border-color:#293b33}.route-actions button:disabled>b,.route-actions button:disabled small{color:#53655b}.switch-routes{justify-content:center;gap:8px;margin-top:9px;display:flex}.switch-routes button{min-height:46px}.route-disabled-help{color:#ffd06a;text-align:center}.private-panel{z-index:30;border:2px solid var(--lime);color:#fff;background:#061a13;border-radius:14px;max-height:80vh;padding:22px;position:fixed;inset:10vh max(16px,50vw - 260px);overflow:auto;box-shadow:0 0 0 100vmax #000c,0 0 35px #baff3450}.private-panel>button{width:100%;min-height:48px;margin-top:12px}.action-log{background:#061812cc;border:1px solid #2b5943;border-radius:10px;margin-top:14px}.action-log summary{cursor:pointer;color:#bed2c4;padding:12px;font:700 .75rem ui-monospace,SFMono-Regular,Consolas,monospace}.action-log p{color:#c8d9cd;margin:7px 12px;font-size:.8rem}.routes-result{color:#f4f7ed;text-align:center;background:radial-gradient(circle at 50% 20%,#65db6740,#0000 55%),#071c13;border:1px solid #5f9e6c}.routes-result h2{color:#dff36f;font-size:clamp(2.2rem,10vw,4.2rem)}.routes-result h3{font-size:1.35rem}.test-bot-panel{background:#102219;border:1px dashed #dff36f;border-radius:9px;margin:14px 0;padding:12px}.test-bot-panel strong{color:#dff36f}.test-bot-panel p{margin:6px 0}.test-bot-panel button{min-height:48px;font-weight:800}@keyframes jam-glitch{0%,88%,to{transform:translate(0)}90%{transform:translate(-1px,1px)}94%{transform:translate(1px,-1px)}}@media (max-width:720px){.routes-game{border-radius:12px;padding:12px}.routes-head{grid-template-columns:1fr 1fr}.hud-turn{grid-area:1/1/auto/-1}.hud-connected{display:none}.route-players{grid-template-columns:1fr 1fr;margin-top:8px}.route-console-title{grid-template-columns:1fr auto;gap:2px 8px;display:grid}.route-console-title span{grid-column:1/-1}.route-console-title small{margin:0}.route-board{padding:9px}.route-row{border-radius:12px;grid-template-columns:53px 1fr;gap:5px;padding:9px 6px}.route-row h3{text-align:center;font-size:1.4rem;display:block}.route-row h3 span{margin-top:3px;display:block}.route-cell{width:clamp(48px,15vw,62px)}.route-cell b{font-size:.95rem}.route-cell small{font-size:.48rem}.route-actions{grid-template-columns:repeat(6,1fr)}.route-actions button{grid-column:span 2;min-height:70px}.route-actions button:nth-child(4),.route-actions button:nth-child(5){grid-column:span 3}.access-card label,.jam-card label{margin-right:0;display:flex}.access-votes button{flex:1}.private-panel{inset:5vh 12px}}@media (max-width:390px){.routes-game{margin-inline:-8px;padding:9px}.route-players article{padding:7px 5px}.route-players article>b{flex-basis:29px}.route-players article div strong{font-size:.82rem}.route-cell{border-width:1px;width:45px;box-shadow:0 4px #06130f,0 0 0 4px #0b201988}.route-cell:after{height:2px}.route-cell small{font-size:.43rem}.route-actions button{padding:5px 2px}.route-actions button small{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.cell-jammed{animation:none}.route-actions button{transition:none}}.routes-game{flex-direction:column;padding:clamp(12px,2vw,22px);display:flex}.routes-game:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 52%,#6cff9910 52.4%,#0000 53%),radial-gradient(circle at 18% 72%,#cfff5b55 0 2px,#0000 3px),radial-gradient(circle at 82% 24%,#8deaff44 0 2px,#0000 3px);border:1px solid #8bff9b12;border-radius:50%;position:absolute;inset:7% 5%;transform:rotate(-4deg)}.routes-head{order:1;margin-bottom:8px}.route-players{order:2;margin:18px 0 9px}.route-console-title{order:3;padding-block:8px 2px}.route-board{order:4}.action-console{order:5}.route-role-card{order:6}.access-card{order:7}.jam-card{order:8}.route-disabled-help{order:9}.switch-routes{order:10}.private-panel{order:11}.action-log{order:12}.hud-stat{padding:8px 12px}.route-players article{clip-path:polygon(8% 0,92% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:linear-gradient(#0d3023,#061a13);border-radius:8px 8px 16px 16px;padding:7px 9px}.route-players article>b{background:radial-gradient(circle,#173f30 45%,#071b14 47%);flex-basis:36px;box-shadow:inset 0 0 0 4px #183d2e,0 0 0 1px #70a98d}.route-players article.is-current{box-shadow:0 0 24px #cfff4948,inset 0 0 18px #baff2918}.route-players article.is-current>b{box-shadow:inset 0 0 0 4px #254a26,0 0 0 3px #cfff4933,0 0 18px #d9ff5570}.route-players article.is-self{background:linear-gradient(#12412d,#082017)}.route-board{background:radial-gradient(#123b2844,#0000 65%),linear-gradient(90deg,#0000 49.8%,#4f9a6a12 50%,#0000 50.2%),#04150fc9;gap:4px;padding:7px 14px 9px;position:relative}.route-board:before{content:"";pointer-events:none;border:1px dashed #74c5851b;border-radius:50%;position:absolute;inset:3% 8%}.route-row{background:linear-gradient(90deg,#0000,#12332355,#0000);border:0;border-bottom:1px solid #27593f66;border-radius:0;grid-template-columns:76px 1fr;gap:10px;padding:7px 10px;position:relative}.route-row:last-child{border-bottom:0}.route-row.is-active{border-bottom-color:#9acd58aa;box-shadow:inset 0 0 22px #baff250b}.route-cell{background:radial-gradient(circle at 45% 36%,#1d4937 0 24%,#10291f 26% 58%,#071a13 60%);width:clamp(54px,7vw,68px);box-shadow:0 5px #06130f,0 0 0 5px #0b201988,inset 0 0 0 5px #1a443244,inset 0 4px 7px #9feec418}.route-cell:before{content:"";opacity:.45;border:1px solid #4b7663;border-radius:50%;position:absolute;inset:-8px}.route-cell:after{width:calc(min(68px,7vw) + 100%);box-shadow:0 0 5px #315e4c}.route-cell small{opacity:.78;font-size:.48rem}.cell-connected{background:radial-gradient(circle at 45% 36%,#3f827b 0 24%,#153d38 26% 58%,#08211e 60%);box-shadow:0 5px #08211e,0 0 0 6px #8decff16,0 0 24px #88edff5c,inset 0 0 0 5px #b6f5ff20}.cell-connected:after{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.cell-repaired{background:radial-gradient(circle at 45% 36%,#50804b 0 24%,#1f4527 26% 58%,#0d2413 60%);box-shadow:0 5px #0d2413,0 0 0 6px #d8ff6216,0 0 24px #d8ff625c,inset 0 0 0 5px #ecff9b20}.cell-repaired:after{background:var(--lime);box-shadow:0 0 9px var(--lime)}.cell-fault,.cell-jammed{background:radial-gradient(circle at 45% 36%,#754132 0 24%,#44231c 26% 58%,#260e09 60%);box-shadow:0 5px #260e09,0 0 0 6px #ff806818,0 0 24px #ff603f66,inset 0 0 0 5px #ffb09b18}.cell-fault:after,.cell-jammed:after{background:repeating-linear-gradient(90deg,var(--red) 0 7px,transparent 7px 13px);height:2px;box-shadow:0 0 8px var(--red)}.action-console{margin-top:8px;padding:10px 12px}.route-actions button{min-height:68px}.route-role-card{margin:8px 0;padding-block:9px}.signal-game:has(.routes-game){padding-top:18px}.signal-game:has(.routes-game)>.eyebrow{margin-block:0 4px}.signal-game:has(.routes-game)>h1{margin-block:2px 4px;font-size:clamp(1.8rem,4vw,2.5rem)}.signal-game:has(.routes-game)>.signal-status{margin-block:0 8px}@media (max-width:720px){.routes-game:after{display:none}.route-board{gap:7px}.route-row{border-bottom:1px solid #27593f66;grid-template-columns:53px 1fr;padding:9px 6px}.route-cell{width:clamp(48px,15vw,62px)}.route-cell:before{inset:-5px}.route-cell small{opacity:1}}