.tp-play{max-width:980px;margin:2rem auto;padding:0 1rem;color:#172033}.tp-play h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.04em}.tp-play h1 span{color:#2563eb}.tp-play nav{display:flex;gap:1rem;flex-wrap:wrap;margin:1.25rem 0}.tp-play p,.tp-play li{line-height:1.6;max-width:80ch}.tp-play button{border:1px solid #c6d2d9;background:#fff;color:inherit;padding:.7rem .9rem;border-radius:6px;cursor:pointer;min-height:44px}.tp-play button:disabled{opacity:.5;cursor:default}.tp-play button:focus-visible,.tp-play summary:focus-visible,.tp-play input:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.tp-play details{padding:1rem 0;border-bottom:1px solid #d9e0ea}.tp-play summary{cursor:pointer}.tp-play li{margin:.6rem 0;padding-left:.4rem}.tp-progress{padding:.8rem 0;border-block:1px solid #d9e0ea}.tp-progress p{margin:.5rem 0 0;overflow-wrap:anywhere}.tp-stations,.tp-bank,.tp-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.tp-stations button{flex:1}.tp-stations button[aria-pressed="true"]{background:#eff6ff;border-color:#2563eb}.tp-play form label{display:block;margin:.7rem 0}.tp-play form div{display:flex;gap:.6rem}.tp-play input{min-width:0;flex:1;border:1px solid #c6d2d9;border-radius:6px;padding:.6rem}.tp-play form button{background:#2563eb;color:#fff;border-color:#2563eb}.tp-play pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.tp-play textarea{width:100%}.tp-play [hidden]{display:none!important}.tp-play #tp-result{border-top:3px solid #2563eb;padding-top:1rem;margin-top:1rem}.tp-green{border-left:3px solid #15803d}.tp-yellow{border-left:3px solid #b45309}.tp-gray{border-left:3px solid #64748b}.tp-hint{border-left:3px solid #2563eb}#tp-next{display:inline-block;margin:.8rem}#tp-note{min-height:1.6em;color:#2563eb}@media(max-width:700px){.tp-play{padding:0 .9rem;margin:1.25rem auto}.tp-stations button{flex:1 1 70px;font-size:.85rem;padding:.6rem .4rem}.tp-play form div{flex-wrap:wrap}.tp-play form input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.tp-play *{scroll-behavior:auto}}

.tp-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem}.tp-bank-view{border-left:1px solid #d9e0ea;padding-left:1.5rem}.tp-desk{background:#fff;border-block:1px solid #c6d2d9;padding:.65rem 0;z-index:5}.tp-desk strong{display:block;font-size:.95rem;line-height:1.4}.tp-views{display:none}.tp-play h3{scroll-margin-top:115px}.tp-views button[aria-pressed="true"]{background:#eff6ff;border-color:#2563eb}
@media(max-width:700px){.tp-columns{display:block}.tp-desk{position:sticky;top:0}.tp-views{display:flex;gap:.5rem;margin-top:.4rem}.tp-views button{flex:1;padding:.5rem}.tp-bank-view{border:0;padding:0}.tp-play #tp-work[data-view="bank"] .tp-guess-view,.tp-play #tp-work[data-view="guess"] .tp-bank-view{display:none}.tp-stations button{flex:1 1 calc(50% - .6rem)}.tp-bank{margin-top:.5rem}.tp-play h3{scroll-margin-top:125px}}

.tp-notes p,.tp-notes li{max-width:65ch;overflow-wrap:anywhere}.tp-notes label{display:block;line-height:1.5;margin:.9rem 0 .4rem;max-width:65ch}.tp-notes select,.tp-notes textarea{box-sizing:border-box;display:block;width:100%;max-width:65ch;min-height:44px;border:1px solid #c6d2d9;border-radius:6px;padding:.65rem;background:#fff;color:#172033;font:inherit}.tp-notes select:focus-visible,.tp-notes textarea:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.tp-notes select:disabled,.tp-notes textarea:disabled{opacity:.6}.tp-notes summary{min-height:44px;align-content:center;line-height:1.5}.tp-notes h3{margin:1.4rem 0 .5rem}.tp-station-note{border-top:1px solid #d9e0ea;margin-top:1.25rem;padding-top:.5rem}.tp-station-note h4{margin:.6rem 0}.tp-station-note p{margin:.5rem 0}.tp-station-note button{max-width:100%;white-space:normal}.tp-notes .tp-actions{margin:.8rem 0}