.ascii-tv{position:fixed;right:18px;top:152px;width:280px;z-index:24;padding:0!important;background:#0b0b0b;border:1px solid #b29b65;color:#eee8d8;box-shadow:0 16px 50px #0008;font:11px/1.45 Menlo,monospace;max-height:calc(100dvh - 170px);overflow:auto}.tv-top{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-bottom:1px solid #514936;gap:8px;font-size:9px}.tv-top button,.tv-controls button,.tv-notes button{font:inherit;background:transparent;color:inherit;border:1px solid #716345;padding:8px;cursor:pointer;min-height:36px}.tv-window{height:250px;position:relative;background:#080808}.tv-window canvas{width:100%;height:100%;display:block}.tv-bug{position:absolute;left:9px;top:9px;font-size:8px;color:#c8b47e;z-index:1}.tv-console{padding:10px}.tv-console p{font:10px/1.5 Menlo,monospace!important;margin:5px 0 10px;color:#b7b1a5!important}.tv-controls{display:flex;flex-wrap:wrap;gap:6px}.tv-controls label{display:flex;gap:8px;align-items:center;width:100%;padding-top:5px}.tv-controls input{width:100%;accent-color:#c7aa64;min-height:28px}.tv-presenter{display:flex;gap:10px;align-items:center;padding:0 10px 10px}.tv-presenter img{width:34px;height:44px;object-fit:cover;border:1px solid #716345}.tv-presenter p{font:9px/1.5 Menlo,monospace!important;margin:0}.is-speaking .tv-presenter img{outline:2px solid #c7aa64}.tv-notes{padding:10px;border-top:1px solid #514936;font-size:10px}.tv-notes p,.tv-notes li{font:10px/1.6 Menlo,monospace!important;color:#d6cebc!important}.tv-notes a{color:#ead29c}.ascii-tv.is-minimised>:not(.tv-top){display:none}.ascii-tv.is-minimised{width:200px}.exploring .ascii-tv{display:none}@media(max-width:700px){.ascii-tv{top:auto;bottom:12px;right:10px;width:190px;max-height:65dvh}.tv-window{height:170px}.tv-controls button{min-height:44px;font-size:10px}.tv-presenter{display:none}.tv-top{font-size:8px}.ascii-tv.is-minimised{width:170px}}@media(prefers-reduced-motion:reduce){.ascii-tv *{animation:none!important}}

#tv-mask{position:relative;width:42px;height:58px;flex-shrink:0}#tv-mask canvas{position:absolute;inset:0;width:100%;height:100%;background:#080808}#tv-mask img{width:100%;height:100%;object-fit:cover}.is-speaking #tv-mask{outline:1px solid #c7aa64}.tv-window{height:210px}@media(max-width:700px){.tv-window{height:150px}.tv-presenter{display:flex}.tv-presenter p{font-size:8px!important}.tv-presenter #tv-mask{height:44px;width:32px}}