/*
 * Carbisdale - Hauptstylesheet
 *
 * Definiert die Font-Faces für die Terminal-Fonts und
 * das grundlegende Layout für den Fullscreen-Canvas.
 */

/* === Font Definitionen === */

@font-face {
    font-family: 'DinaRemasterII';
    src: url('../fonts/DinaRemasterII.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block; /* Warten bis Font geladen ist */
}

@font-face {
    font-family: 'DinaRemasterII';
    src: url('../fonts/DinaRemasterII-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NotoSansMono';
    src: url('../fonts/NotoSansMono-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/NotoSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansItalic';
    src: url('../fonts/NotoSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'EBGaramond';
    src: url('../fonts/EBGaramond-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: 'EBGaramondItalic';
    src: url('../fonts/EBGaramond-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}

/* === Reset & Grundlagen === */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Kein Scrollen auf der Seite selbst */
    background-color: #000000; /* Schwarzer Hintergrund als Fallback */
}

/* === App Container === */

#app {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* === Canvas === */

#screen-canvas {
    display: block;
    /* Canvas füllt den gesamten Viewport */
    width: 100%;
    height: 100%;
    /* Kein Smoothing für pixelgenaue Schrift */
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    /* Alle Default-Touch-Gesten abschalten: kein Pinch-Zoom, kein
       Double-Tap-Zoom, kein Scroll-Bounce. Wir handhaben Touch selbst. */
    touch-action: none;
}

/* Cursor-Layer: transparentes Canvas über dem Hauptcanvas */
#cursor-canvas {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}