/* Stickman Kino - base styles. Fonts: Inter, Caveat, Permanent Marker (SIL OFL 1.1, see engine/fonts/OFL.txt) */
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: block; }
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: block; }
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-display: block; }
@font-face { font-family: "Inter"; src: url("fonts/inter-latin-900-normal.woff2") format("woff2"); font-weight: 900; font-display: block; }
@font-face { font-family: "Caveat"; src: url("fonts/caveat-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "Caveat"; src: url("fonts/caveat-latin-700-normal.woff2") format("woff2"); font-weight: 700 900; font-display: block; }
@font-face { font-family: "Permanent Marker"; src: url("fonts/permanent-marker-latin-400-normal.woff2") format("woff2"); font-weight: 400 900; font-display: block; }

* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: #000; }
.sm-root { position: relative; overflow: hidden; font-family: var(--sm-font); color: var(--sm-ink); }
.sm-scene { position: absolute; inset: 0; overflow: hidden; }
.sm-stage, .sm-cam, .sm-ui, .sm-top, .sm-camtext { position: absolute; left: 0; top: 0; }
.sm-top { pointer-events: none; }
.sm-layer { position: absolute; left: 0; top: 0; overflow: visible; }
.sm-mid { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.sm-fig, .sm-bone, .sm-hand { position: absolute; left: 0; top: 0; width: 0; height: 0; }
.sm-bone { height: 0; }
.sm-limb { position: absolute; }
.sm-headbox { position: absolute; }
.sm-tie { position: absolute; }
.sm-text { position: absolute; will-change: transform, opacity; }
.sm-w { white-space: nowrap; }