/* The repo's fonts, for every catalog page. Paths are relative to this file
   (L0_Agents/L1_04_video_animation_coder/L2_engines/L3_motion_stdlib/); the real font
   binaries live in the pdoom webgl app's public/fonts/ after the L0-L3 reorg. */
@font-face { font-family: Archivo; src: url(../../app/public/fonts/src/Archivo%5Bwdth,wght%5D.ttf); font-weight: 100 900; font-stretch: 62% 125%; }
@font-face { font-family: Archivo; src: url(../../app/public/fonts/src/Archivo-Italic%5Bwdth,wght%5D.ttf); font-weight: 100 900; font-stretch: 62% 125%; font-style: italic; }
@font-face { font-family: Cormorant; src: url(../../app/public/fonts/src/CormorantGaramond%5Bwght%5D.ttf); font-weight: 300 700; }
@font-face { font-family: Cormorant; src: url(../../app/public/fonts/src/CormorantGaramond-Italic%5Bwght%5D.ttf); font-weight: 300 700; font-style: italic; }
@font-face { font-family: Plex; src: url(../L3_pdoom_webgl_app/public/fonts/src/IBMPlexMono-Light.ttf); font-weight: 300; }
@font-face { font-family: Plex; src: url(../L3_pdoom_webgl_app/public/fonts/src/IBMPlexMono-Regular.ttf); font-weight: 400; }
@font-face { font-family: Plex; src: url(../L3_pdoom_webgl_app/public/fonts/src/IBMPlexMono-Medium.ttf); font-weight: 500; }
@font-face { font-family: Plex; src: url(../L3_pdoom_webgl_app/public/fonts/src/IBMPlexMono-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Plex; src: url(../L3_pdoom_webgl_app/public/fonts/src/IBMPlexMono-Bold.ttf); font-weight: 700; }
@font-face { font-family: Plex; src: url(../L3_pdoom_webgl_app/public/fonts/src/IBMPlexMono-Italic.ttf); font-weight: 400; font-style: italic; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-Light.ttf); font-weight: 300; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-Regular.ttf); font-weight: 400; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-Medium.ttf); font-weight: 500; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-SemiBold.ttf); font-weight: 600; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-Bold.ttf); font-weight: 700; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-ExtraBold.ttf); font-weight: 800; }
@font-face { font-family: Inter; src: url(../L3_pdoom_webgl_app/public/fonts/inter/Inter-Black.ttf); font-weight: 900; }
/* No JetBrains Mono binary exists in the repo; EKit.MONO lists it first and falls through to Plex
   (IBM Plex Mono), which is visually close and now actually loads. */

/* The stage every catalog page draws on: a fixed-size box at the top left. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { overflow: hidden; }
.stage { position: absolute; left: 0; top: 0; overflow: hidden; }
#mhud { position: fixed; left: 10px; bottom: 8px; font: 12px Plex, monospace; color: #888; z-index: 99; mix-blend-mode: difference; }
html.render #mhud { display: none; }