/* crt.css — the CRT look on the desktop and podcast: Curved / Flat / Off (see js/crtfx.js). The shader
   overlay does the tube; this adds what the glass can't: a slight red/blue
   convergence fringe and a phosphor glow on text (inherited, so it's one rule).
   No CSS filters here: a filter would turn the phone's fixed chooser sheet into a
   child of the screen and break it. */
.crt-full .crt__screen.is-on { text-shadow: .4px 0 rgba(255, 50, 90, .18), -.4px 0 rgba(50, 200, 255, .18); } /* a hint of convergence error, no glow: text stays sharp */
.crt-full .crt__screen.is-on :is(img, video, canvas) { box-shadow: 0 0 14px rgba(184, 255, 233, .06); }
.crt-gl.is-glass.is-off-glass { display: none; }

.menubar__crt { height: 100%; padding: 0 8px; border: 0; background: none; color: inherit; font: 800 11px/1 var(--f-dot, monospace); letter-spacing: .08em; cursor: pointer; }
.menubar__crt:hover, .menubar__crt:focus-visible { background: #141210; color: var(--crt-glow, #b8ffe9); }
.menubar__crt[data-mode="off"] { opacity: .55; }
@media (max-width: 760px) { .menubar__crt { display: none; } } /* phones: Special › Display */

/* Curved (desktop): the screen bent through the barrel map in js/crtfx.js. The filter is
   visual only; .crt-hit (the hit glass) sits over it and replays the pointer where the
   page is drawn, so clicks land on what you see. */
.crt-curve .crt__screen.is-on { filter: url(#crt-curve); }
.crt-hit { position: absolute; inset: 0; z-index: 61; }
.crt-hit[hidden] { display: none; }

/* Off: clean pixels, no tube (square corners, no inner shade) */
.crt-plain .crt__tube { border-radius: 0; }
.crt-plain .crt__tube::after { display: none; }