@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&family=Kalam:wght@400;700&display=swap";:root{--font-body:"Barlow", system-ui, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-hand:"Kalam", cursive;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}#root{position:relative}.background-canvas{width:100%;height:100%;position:fixed;top:0;left:0}.fixed-overlay{--overlay-padding:12px;z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.overlay-row{width:100%;height:0;position:relative}.overlay-area{gap:var(--overlay-padding);padding:var(--overlay-padding);flex-direction:column;display:flex;position:absolute}.overlay-left{align-items:flex-start;left:0}.overlay-center{align-items:center;width:max-content;max-width:100%;left:50%;transform:translate(-50%)}.overlay-right{align-items:flex-end;right:0}.overlay-top .overlay-area{top:0}.overlay-middle .overlay-area{top:0;transform:translateY(-50%)}.overlay-middle .overlay-center{transform:translate(-50%,-50%)}.overlay-bottom .overlay-area{bottom:0}