/* SIGNAL 2002, TECH B, the shell. Same tokens, radii and LCD treatment as the home. */
.tsh .sh__title .seg--title{font-size:34px;left:16px;top:8px}
.tsh .sh__title .lcd__sub{bottom:6px}
.sh__shelf{cursor:grab;touch-action:pan-y}
.sh__shelf.is-grab{cursor:grabbing}
.sh__shelf canvas{display:block}
.sh__shelf canvas:focus-visible{outline:2px dotted var(--amber);outline-offset:-4px}
.tsh .sh__flank{position:absolute;background:transparent;border:0;cursor:pointer;border-radius:6px}
.tsh .sh__flank:focus-visible{outline:2px dotted var(--amber)}
.tsh .sh__flank:hover{box-shadow:inset 0 0 0 1px rgba(125,252,255,.35)}
.sh__ang,.sh__pos{display:flex;align-items:center;justify-content:center;gap:8px}
.sh__ang .seg,.sh__pos .seg{font-size:34px}
.sh__plate{padding:9px 16px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.sh__name{font:400 19px var(--px);color:#fff;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh__line{display:flex;justify-content:space-between;gap:12px;font-size:20px;line-height:1;color:var(--lcd)}
.sh__line .tbc{color:var(--amber)}
.sh__cat{color:var(--lcd-dim)}
.sh__clip{position:absolute;overflow:hidden;pointer-events:none}
.sh__drawer{position:absolute;background:var(--dskin) 0 0/var(--sw) var(--sh) no-repeat;pointer-events:auto}
.sh__legend{display:flex;align-items:center;gap:22px;padding:0 16px;font:400 9px var(--px);color:var(--lcd-dim)}
.tsh i.k1,.tsh i.k2,.tsh i.k3{display:inline-block;width:9px;height:9px;margin-right:7px;vertical-align:-1px;box-shadow:inset 0 0 0 1px var(--lcd)}
.tsh i.k1{background:var(--lcd)}
.tsh i.k2{box-shadow:inset 0 0 0 1px var(--lcd-dim)}
.tsh i.k3{background:var(--sel);box-shadow:inset 0 0 0 1px #fff}
.sh__strip{display:flex;align-items:center;gap:6px;padding:0 12px;flex-wrap:wrap}
.sh__strip .cap{margin-right:10px}
.sh__strip button{all:unset;cursor:pointer;font:400 20px var(--dot);color:var(--lcd);padding:2px 10px;border-left:1px solid #12303a}
.sh__strip button:hover,.sh__strip button:focus-visible{background:var(--sel);color:#fff}
.tsh .tf__list .n i{margin:0}
.tsh .tf__list li.is-rail .nm{color:var(--amber)}
.tsh.is-phone .seg--title{font-size:24px;left:12px;top:7px}
.tsh.is-phone .lcd__sub{font-size:8px;left:12px;right:12px;bottom:5px;gap:10px}
.tsh.is-phone .sh__pos .seg{font-size:26px}
.tsh.is-phone .sh__name{font-size:14px;white-space:normal}
.tsh.is-phone .sh__line{flex-direction:column;gap:3px;font-size:18px}
.tsh.is-phone .sh__strip{padding:6px 10px;align-content:flex-start;gap:2px 0}
.tsh.is-phone .sh__strip .cap{width:100%}
.tsh.is-phone .sh__strip button{font-size:18px;padding:1px 8px}

/* SILVER, from period-sound-e-silver/sound.css: royal blue wells with a fine dot grid and white segments; orange only on the marker */
.tsh{--hole:#1a3a9e;--lcd:#ffffff;--lcd-ghost:rgba(255,255,255,.12);--lcd-dim:#9fb6ff;--amber:#ff8a1e;--sel:#0b1f6e}
.tsh .dh{background:linear-gradient(180deg,#2448b8 0,#173193 100%)}
.tsh .dh::after{background:radial-gradient(circle,rgba(0,8,50,.45) 0 .7px,transparent 1px) 0 0/3px 3px}
.tsh .dh::before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,40,.6);border-radius:inherit;z-index:2}
.tsh .seg__lit{text-shadow:0 0 4px rgba(200,220,255,.6)}
.tsh .sh__strip button,.tsh .tf__h,.tsh .tf__rows div,.tsh .tf__tabs div{border-color:#3b55a8}
.tsh .tf__list li.sel .w,.tsh .tf__list li.sel em{color:#bcd0ff}
.tsh .tf__list .n,.tsh .tf__list li.is-rail .nm{color:#fff}
.tsh .sh__flank:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}