/* Start play control: individual ASCII glyphs move on hover or keyboard focus. */
#start .hero-rail #play-film.ascii-play-button{display:grid;place-items:center;width:218px;height:84px;min-height:84px;padding:12px;margin:0;border:0;border-radius:0;background:none!important;backdrop-filter:none;overflow:visible;box-shadow:none;transition:none;cursor:pointer}
#start #play-film.ascii-play-button::before,#start #play-film.ascii-play-button::after{content:none!important}
#start #play-film.ascii-play-button .ascii-play-mark{display:block;color:#fff;font:5.5px/1.08 'Courier New',monospace;letter-spacing:0;white-space:pre;transform:skewX(-8deg);text-align:left;pointer-events:none;text-shadow:0 1px 12px #0008}
#start #play-film.ascii-play-button .ascii-play-row{display:block}
#start #play-film.ascii-play-button .ascii-play-glyph{display:inline-block;white-space:pre;transform-origin:center}
#start #play-film.ascii-play-button:focus-visible{outline:1px dashed #ffffffa0;outline-offset:5px}
@media(max-width:600px){#start .hero-rail #play-film.ascii-play-button{width:190px;height:72px;min-height:72px;bottom:calc(40svh - 36px)}#start #play-film.ascii-play-button .ascii-play-mark{font-size:4.5px}}
/* Cinema keeps its existing playback actions and accessible state labels. */
#film-dialog #cinema-toggle.ascii-cinema-button{display:grid;place-items:center;width:190px;height:72px;min-height:72px;padding:12px;border:0;border-radius:0;background:none!important;backdrop-filter:none;box-shadow:none}
#film-dialog #cinema-toggle.ascii-cinema-button .play-inner,#film-dialog #cinema-toggle.ascii-cinema-button .orbit{display:none!important}
#film-dialog #cinema-toggle.ascii-cinema-button .ascii-play-mark{display:block;color:#fff;font:5.5px/1.08 'Courier New',monospace;letter-spacing:0;white-space:pre;transform:skewX(-8deg);text-align:left;pointer-events:none;text-shadow:0 1px 12px #000a}
#film-dialog #cinema-toggle .ascii-play-row{display:block}
#film-dialog #cinema-toggle .ascii-play-glyph{display:inline-block;white-space:pre;transform-origin:center}
#film-dialog #cinema-toggle.ascii-cinema-button:focus-visible{outline:1px dashed #ffffffa0;outline-offset:5px}
#film-dialog.center-idle:not(.is-playing):not(.info-open) #cinema-toggle.ascii-cinema-button:not(:disabled){opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:600px){#film-dialog #cinema-toggle.ascii-cinema-button{width:170px;height:64px;min-height:64px}#film-dialog #cinema-toggle.ascii-cinema-button .ascii-play-mark{font-size:4.5px}}
