/* site.css — page chrome for the textmode screens */
@import url("textmode.css");
html, body { background: var(--c0); color: var(--c7); }
body { display: flex; flex-direction: column; align-items: center; min-height: 100vh; }
.scr { position: relative; overflow: hidden; margin: 0 auto; }
.scr.vga9 { font-family: "VGA9", monospace; }
.scr .base { position: absolute; left: 0; top: 0; }
.scr .fld { position: absolute; display: block; height: 1em; overflow: hidden; white-space: pre; }
.scr .hot { position: absolute; display: block; overflow: hidden; text-decoration: none; color: inherit; outline: none; cursor: pointer; background: var(--c0); }
.scr .hot .st { display: none; }
.scr .hot .st.off { display: block; }
.scr .hot:hover .st.off, .scr .hot:focus-visible .st.off, .scr .hot.active .st.off { display: none; }
.scr .hot:hover .st.on, .scr .hot:focus-visible .st.on, .scr .hot.active .st.on { display: block; }
.scr .hot:active .st.on, .scr .hot:active .st.off { display: none; }
.scr .hot:active .st.down { display: block; }
.scr .hot.disabled { cursor: default; opacity: .45; pointer-events: none; }
.scr .lnk { background: transparent; }
.scr .inp { position: absolute; display: block; height: 1em; margin: 0; padding: 0 0.5em; border: 0; outline: none; font: inherit; line-height: 1em; box-sizing: border-box; caret-color: var(--c15); }
.scr .inp::placeholder { color: var(--c8); opacity: 1; }
.scr .inp:focus { background: var(--c8); }
.scr.x1 { font-size: 16px; line-height: 16px; } .scr.x15 { font-size: 24px; line-height: 24px; } .scr.x2 { font-size: 32px; line-height: 32px; }
.cursor { animation: tmblink 1.07s step-end infinite; }
.scr.tm.land { font-size: 14px; line-height: 14px; }