/* One shared, decorative packet canvas; the route remains useful without motion. */
#dataflow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.edge-hud{display:none!important}body>.route-nav{display:block}
.header .brand{gap:11px}.header .brand img{width:43px;height:43px}.header .brand>span{font-size:20px;letter-spacing:.035em;font-weight:600;line-height:1}.header .brand small{margin-top:8px;font:9px/1 monospace;letter-spacing:.28em;color:#80f4a9}.brand-search-word{font-weight:300;color:#c4dace}
.route-nav{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:50;width:42px;font:10px/1.3 monospace;color:#9fc1ab}.route-nav ol{list-style:none;margin:14px 0;padding:0;border-right:1px solid #80f4a92c}.route-nav li{margin:0}.route-nav a{position:relative;display:flex;align-items:center;justify-content:center;height:34px;color:#709b80;text-decoration:none}.route-nav a:after{content:'';position:absolute;right:-3px;width:5px;height:5px;background:#1c3826;border:1px solid #52795f}.route-nav a[aria-current=location]{color:#d3ffdf}.route-nav a[aria-current=location]:after{background:#b3ffcf;box-shadow:0 0 13px #80f4a9}.route-nav a span{position:absolute;right:51px;white-space:nowrap;background:#06100cf2;border:1px solid #80f4a944;padding:8px 12px;color:#c4ffd7;opacity:0;pointer-events:none;transition:opacity .15s}.route-nav a:hover span,.route-nav a:focus-visible span{opacity:1}.route-nav a:focus-visible{outline:1px solid #c4ffd7}.route-percent{text-align:center;color:#c4ffd7}.route-meter{height:2px;background:#24412e;margin-top:7px}.route-meter i{display:block;height:100%;width:0;background:#a0ffc1;box-shadow:0 0 9px #80f4a9}.route-caption{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:49;display:flex;gap:20px;padding:12px 18px;background:#06100ce8;border:1px solid #80f4a92b;font:10px/1.4 monospace;letter-spacing:.06em;pointer-events:none;max-width:60vw}.route-caption strong{font-weight:400;color:#c4ffd7}.route-caption span{color:#9cbda8}.route-caption b{font-weight:400;color:#80f4a9}
.deja-vu{position:relative;display:flex;align-items:center;gap:24px;margin:35px 0 0;padding:20px 0;border-top:1px solid #80f4a933}.deja-cats{width:115px;flex-shrink:0;display:flex;gap:14px}.deja-cats svg{width:49px;height:60px;fill:#020604;stroke:#80f4a9;stroke-width:1.2;filter:drop-shadow(0 0 6px #80f4a933)}.deja-cats svg+svg{opacity:.3;transform:translateX(-8px)}.deja-vu:hover svg+svg,.deja-vu:focus-within svg+svg{opacity:1;transform:translateX(0);transition:transform .6s,opacity .6s}.deja-vu p{margin:0;font:12px/1.8 monospace;color:#a5c8b1}.deja-vu strong{font-weight:400;color:#bfffd4;letter-spacing:.15em}.legal-links{display:flex;gap:22px;align-items:center}.legal-links a{color:#b9d2c1;font-size:12px;text-underline-offset:5px}footer{flex-wrap:wrap;gap:22px;padding-bottom:100px!important}.score-memory{display:flex;gap:9px;align-items:center;justify-content:center;font:11px/1.4 monospace;color:#b9d2c1;margin:8px 0}.score-memory input{accent-color:#80f4a9;width:16px;height:16px}
@media(min-width:1800px){.route-nav{right:30px}.route-caption{bottom:29px}}
@media(max-width:1100px){.header .brand>span{font-size:17px}.header .brand small{font-size:8px;letter-spacing:.19em}.route-nav{right:3px;width:30px}.route-nav a{font-size:9px}.route-caption{max-width:55vw;gap:12px;font-size:9px}}
@media(max-width:700px){.header .brand img{width:31px;height:31px}.header .brand{gap:7px}.header .brand>span{font-size:14px;letter-spacing:0}.header .brand small{font-size:6px;letter-spacing:.1em}.route-nav{top:0;right:0;left:0;width:auto;transform:none;height:3px;background:#10251a}.route-nav ol,.route-percent{display:none}.route-meter{margin:0;height:3px}.route-caption{bottom:max(74px,env(safe-area-inset-bottom));max-width:calc(100vw - 30px);width:max-content;gap:10px;padding:8px 12px;font-size:9px}.route-caption span{max-width:150px}.deja-vu{gap:15px}.deja-cats{width:88px;gap:4px}.deja-cats svg{width:42px}.deja-vu p{font-size:10px}.legal-links{width:100%}footer{padding-bottom:145px!important}}
@media(prefers-reduced-motion:reduce){.deja-cats svg+svg{transform:none;transition:none}}
@media(max-width:700px){.header .brand .brand-signal{display:none}.header .brand small{white-space:nowrap;font-size:7px;letter-spacing:.11em}}
.deja-vu.section{margin:35px auto 0;padding:22px 6.6%}
@media(min-width:1600px){.deja-vu.section{padding-inline:5%}}
@media(max-width:1000px){.deja-vu.section{padding-inline:6%}}
@media(max-width:700px){.deja-vu.section{padding-inline:7%}}