@import "https://fonts.googleapis.com/css2?family=Geist+Sans:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap";
:root{--background:#000;--foreground:#00ff41;--font-geist-sans:"Geist Sans",system-ui,-apple-system,sans-serif;--font-geist-mono:"Geist Mono","Courier New",monospace;--compass-size:200px;--spacing-unit:.5rem;--font-size-distance:2rem;--font-size-direction:.75rem;--container-padding:.75rem}@media (min-width:375px){:root{--compass-size:240px;--spacing-unit:.5rem;--font-size-distance:2.5rem;--font-size-direction:.875rem;--container-padding:1rem}}@media (min-width:390px){:root{--compass-size:250px;--font-size-distance:2.625rem}}@media (min-width:393px){:root{--compass-size:255px}}@media (min-width:414px){:root{--compass-size:270px;--font-size-distance:2.75rem;--container-padding:1.125rem}}@media (min-width:428px){:root{--compass-size:280px;--font-size-distance:3rem;--container-padding:1.25rem}}@media (min-width:440px){:root{--compass-size:290px;--font-size-distance:3rem}}@media (min-width:768px){:root{--compass-size:320px;--spacing-unit:.75rem;--font-size-distance:3rem;--font-size-direction:1rem;--container-padding:2rem}}@media (min-width:1024px){:root{--compass-size:400px;--spacing-unit:1rem;--font-size-distance:3.5rem;--font-size-direction:1.125rem;--container-padding:2rem}}@media (orientation:landscape) and (max-height:500px){:root{--compass-size:150px;--spacing-unit:.3rem;--font-size-distance:1.75rem;--font-size-direction:.75rem;--container-padding:.5rem}}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{color:#000;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Helvetica Neue;position:fixed;inset:0}@supports (-webkit-touch-callout:none){body{overscroll-behavior:none}}.responsive-container{max-width:100%;margin:0 auto}@media (min-width:768px){.responsive-container{max-width:600px}}@media (min-width:1024px){.responsive-container{max-width:800px}}.responsive-compass{flex-shrink:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.responsive-compass svg{shape-rendering:geometricPrecision}}@media screen and (max-width:767px){@supports ((-webkit-appearance:none)){.h-screen{min-height:-webkit-fill-available}}}