.tr-body{padding-block:1.25rem 3rem;display:grid;gap:1.25rem}.tr-days{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tr-day-title{text-align:center;min-width:0}.tr-day{font-size:1.5rem;font-weight:600}.tr-sub{font-size:.85rem}.tr-grid{display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr);align-items:start}.tr-boards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:.5rem}.tr-boards .led-board{padding:.45rem .55rem .4rem}.tr-boards .led-value{font-size:1.5rem}.tr-boards .led-board.hero .led-value{font-size:1.9rem}.tr-boards .led-label{font-size:.5rem;letter-spacing:.06em}.tr-stage{min-width:0;background:#000;border:3px solid var(--border-strong);box-shadow:0 0 0 3px #000;padding:.7rem .6rem .8rem}.tr-noscript{padding:1rem;text-align:center;color:var(--text-muted)}.tr-journey{--tile: 2.1rem;--rail: 1.5rem;list-style:none;margin:0;padding:0;display:grid;position:relative}.stop{position:relative;display:grid;grid-template-columns:var(--rail) auto 1fr;align-items:center;column-gap:.7rem;min-height:calc(var(--tile) + .55rem);scroll-margin-block:1rem 15rem}.stop:before{content:"";position:absolute;left:calc(var(--rail) / 2 - .2rem);top:0;bottom:0;width:.4rem;background:var(--game)}.stop.first:before{top:50%}.stop.terminus:before,.stop.terminus.reached:before{bottom:50%}.stop.entry:before,.stop.hinted:before,.stop.entry+.terminus:before{background:repeating-linear-gradient(to bottom,var(--game) 0 .35rem,transparent .35rem .6rem)}.stop.terminus.reached:before{background:var(--game)}.stn{position:relative;z-index:1;justify-self:center;width:1.1rem;height:1.1rem;background:#000;border:.25rem solid var(--game)}.stop.first .stn,.stop.terminus .stn{width:1.5rem;height:1.5rem;background:var(--text-base);border-width:.3rem}.stop.terminus.reached .stn{background:var(--game);border-color:var(--text-base)}.stop.entry .stn{background:var(--game);animation:tr-blink 1.1s steps(2) infinite}.stop.hinted .stn{background:#000;border-style:dashed}.word{display:inline-flex;gap:.25rem}.tile{display:inline-grid;place-items:center;width:calc(var(--tile) * .85);height:var(--tile);background:#0c0c22;border:2px solid var(--border-subtle);font:400 calc(var(--tile) * .6)/1 var(--font-pixel);text-transform:uppercase;color:var(--led);text-shadow:0 0 8px var(--led-glow)}.tile.changed{background:var(--game);border-color:var(--game);color:#14110a;text-shadow:none}.tile.match{border-color:var(--game)}.tile.ghost{color:var(--led-dim);text-shadow:none}.tile.typed{border-color:var(--led)}.stop.entry .tile{border-color:var(--text-muted)}.stop.entry .tile.ghost{color:#4a3510}.stop.hinted .word{opacity:.75}.stop.hinted .tile{border-style:dashed}.stop.terminus:not(.reached) .tile{background:#000}.stop.back .tile{border-color:var(--err)}.stop .tag{justify-self:start;font:400 .55rem/1 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.stop.terminus .tag,.stop.entry .tag{color:var(--text-muted)}.stop.back .tag,.stop.hinted .tag{color:var(--brand-primary)}.stop.terminus.reached .tag{color:var(--game)}.tr-journey.done .stop.terminus .word{filter:drop-shadow(0 0 6px var(--game))}@keyframes tr-blink{50%{opacity:.35}}@keyframes tr-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.stop.entry.shake .word{animation:tr-shake .32s ease-in-out}.stop.entry.shake .tile{border-color:var(--err)}.tr-dock{display:grid;gap:.45rem;min-width:0;position:sticky;bottom:0;z-index:5;padding:.5rem 0 calc(.45rem + env(safe-area-inset-bottom));background:var(--bg-base);box-shadow:0 -2px 0 var(--border-subtle)}.tr-dock.arrived{position:static;background:none;padding-block:0}.tr-status{min-height:2.4em;font-size:.92rem;color:var(--text-muted);line-height:1.25}.tr-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tr-main-actions .btn{flex:1 1 0;padding-inline:.4rem}.tr-secondary{justify-content:space-between}.tr-keys{display:grid;gap:.3rem;user-select:none;-webkit-user-select:none}.tr-keyrow{display:flex;justify-content:center;gap:.3rem}.key{flex:1 1 0;min-width:0;height:2.8rem;padding:0;display:grid;place-items:center;background:var(--surface-3);border:2px solid var(--border-strong);border-bottom-width:4px;color:var(--text-base);font:400 1rem/1 var(--font-pixel);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.key:hover{color:var(--brand-primary)}.key:active{transform:translateY(2px);border-bottom-width:2px}.key.wide{flex:1.6 1 0;font-size:.7rem}.key.enter{background:var(--game);border-color:var(--game);color:#14110a}.key.enter:hover{color:#14110a;background:var(--brand-highlight)}.tr-keys[hidden]{display:none}.tr-arrived{display:grid;gap:.6rem}.tr-arrived .window-label{margin:0;font-size:1rem}.tr-arrived-line{font-size:clamp(1.1rem,5.4vw,1.7rem);line-height:1.15;text-shadow:0 0 10px var(--led-glow)}textarea.tr-share-text{font-family:var(--font-mono);font-size:.85rem;min-height:4.5rem}.tr-lower{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start}.tr-card{padding:1rem 1.1rem 1.1rem;display:grid;gap:.7rem}.tr-how{display:grid;gap:.6rem;padding:0;list-style:none;font-size:.93rem;color:var(--text-muted)}.tr-how strong{color:var(--text-base)}.tr-pick-label{font-size:.85rem;font-weight:800}.tr-pick-row{display:flex;gap:.6rem}.tr-pick-row .input{flex:1;min-width:0}.tr-empty{font-size:.9rem}.tr-log{display:grid;gap:.3rem;padding:0;list-style:none;max-height:18rem;overflow-y:auto}.tr-log-row{display:grid;grid-template-columns:2.6rem 5.4rem 1fr auto;align-items:baseline;gap:.5rem;width:100%;padding:.5rem .6rem .4rem;background:var(--bg-base);border:2px solid var(--border-subtle);color:var(--text-base);text-align:left;font-size:.9rem;cursor:pointer}.tr-log-row:hover,.tr-log-row[aria-current]{border-color:var(--game)}.tr-log-row .no{font-family:var(--font-pixel);font-size:.7rem;color:var(--brand-primary)}.tr-log-row .when{color:var(--text-muted)}.tr-log-row .tag{font:400 .6rem/1 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .4rem .2rem;background:var(--surface-3);color:var(--text-muted)}.tr-log-row .tag.par{background:var(--brand-primary);color:#000}@media(prefers-reduced-motion:reduce){.stop.entry .stn,.stop.entry.shake .word{animation:none}}@media(min-width:60rem){.tr-grid{grid-template-columns:minmax(0,28rem) minmax(18rem,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage boards" "stage dock" "stage secondary";gap:1.5rem}.tr-boards{grid-area:boards;grid-template-columns:1.2fr 1fr 1fr}.tr-boards .led-board{padding:.55rem .8rem .5rem}.tr-boards .led-value{font-size:2.1rem}.tr-boards .led-board.hero .led-value{font-size:2.6rem}.tr-boards .led-label{font-size:.62rem;letter-spacing:.1em}.tr-stage{grid-area:stage;padding:1rem 1rem 1.1rem}.tr-journey{--tile: 2.6rem}.tr-secondary{grid-area:secondary;justify-content:flex-start;align-self:start}.tr-dock{grid-area:dock;position:static;background:none;padding:0}.key{height:3.2rem}.tr-keys{max-width:32rem}}@media(max-width:24rem){.tr-log-row{grid-template-columns:2.4rem 1fr auto}.tr-log-row .when{display:none}.tr-boards .led-value{font-size:1.3rem}.tr-boards .led-board.hero .led-value{font-size:1.6rem}}
