.route-state{--rs-surface:#15181c;background:var(--rs-surface) url(/textures/topo.svg) 0 0 / 1000px 1000px repeat;min-height:100dvh;color:var(--concrete-200);font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:56px clamp(20px,8vw,120px);display:flex;position:relative;overflow:hidden}.route-state:before{content:"";background:var(--hazard-tape);opacity:.92;height:8px;position:absolute;top:0;left:0;right:0}.route-state>:not(.rs-route){z-index:1;position:relative}.route-state--in-shell{min-height:max(460px,100dvh - 188px)}main.route-state h1{font-family:var(--font-impact);text-transform:uppercase;letter-spacing:.005em;color:var(--white);transform-origin:0;text-wrap:balance;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(52px,11vw,140px);font-style:italic;font-weight:400;line-height:.92;transform:skew(-3deg)}.route-state p{max-width:46ch;color:var(--concrete-300);text-wrap:pretty;margin:0;font-size:16.5px;line-height:1.6}.route-state .rs-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--concrete-300);font-size:13px;font-weight:600}.route-state .rs-ref{font-family:var(--font-display);letter-spacing:.06em;color:var(--concrete-400);font-size:12.5px}.route-state .rs-ref code{color:var(--concrete-200);overflow-wrap:anywhere;font-family:inherit}.route-state .rs-actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.route-state .rs-btn{min-height:48px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-btn);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}.route-state .rs-btn--primary{background:linear-gradient(135deg, var(--signal-300), var(--signal-500));border-bottom:3px solid var(--signal-700);color:#1a0f02}.route-state .rs-btn--primary:hover{color:#1a0f02;transform:translateY(-2px)}.route-state .rs-btn--primary:focus-visible{outline:2px solid var(--white);outline-offset:2px}.route-state .rs-btn--ghost{background:color-mix(in srgb, var(--rs-surface) 80%, transparent);border-color:var(--asphalt-600);color:var(--concrete-200)}.route-state .rs-btn--ghost:hover{border-color:var(--trace-500);color:var(--white)}.route-state .rs-btn:active{transition-duration:60ms;transform:translateY(1px)}.route-state .rs-route{pointer-events:none;opacity:.45;z-index:0;width:100%;height:100%;position:absolute;inset:0}.route-state .rs-route--draw path{stroke-dasharray:1600;stroke-dashoffset:1600px;animation:1.6s ease-out forwards rs-draw,2.4s ease-in-out 1.6s infinite rs-breathe}@keyframes rs-draw{to{stroke-dashoffset:0}}@keyframes rs-breathe{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.route-state .rs-route--draw path{stroke-dashoffset:0;animation:none}}@media (max-width:480px){.route-state .rs-actions,.route-state .rs-actions .rs-btn{width:100%}}
