/* ==========================================================================
   RESILI.ONE ARCHIVE TERMINAL - Seitengeruest

   Oberflaeche und Gehaeuse entstehen NICHT hier: terminal-ui.js malt die
   UI in ein Canvas, terminal-gl.js rendert sie als Roehrenbild und
   zeichnet die Blende gleich mit - aus derselben Woelbungs-Mathematik,
   damit der Rahmen exakt an der gekruemmten Bildkante sitzt. CSS haelt
   deshalb nur noch die Flaeche und die Themefarbe.
   ========================================================================== */

:root {
    --fg: #ffb000;
}

html[data-theme="green"] {
    --fg: #33ff66;
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #000;
    overflow: hidden;
}

#bezel {
    position: fixed;
    inset: 0;
}

#crt-out {
    width: 100%;
    height: 100%;
    display: block;
    cursor: default;
    background: #000;
}

/* Textur-Quelle wird nie direkt angezeigt */
#ui-src {
    position: fixed;
    left: -20000px;
    top: 0;
    pointer-events: none;
}

/* Eingabe bleibt ein natives Input (Fokus, Tastatur, IME) - sichtbar
   gerendert wird der Text im Canvas */
#term-input {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0;
}