@font-face{font-family:Michroma;src:url(./assets/fonts/Michroma-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(./assets/fonts/IBMPlexMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(./assets/fonts/IBMPlexMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:IBM Plex Mono;src:url(./assets/fonts/IBMPlexMono-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:block}.hex-screen{background:#05070d;color:#d8e0ee;font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;max-height:100vh;overflow:hidden}.hex-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:1280 / 748;image-rendering:auto}.hex-bar{width:100%;height:52px;box-sizing:border-box;flex:0 0 52px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#101624;border-top:1px solid #2A3550}.hex-bar__spacer{flex:1 1 auto}.hex-bar__note{font-size:12px;color:#7a8baa;letter-spacing:.5px}.hex-btn{font-family:inherit;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#d8e0ee;background:#182134;border:1px solid #2A3550;padding:7px 12px;cursor:pointer}.hex-btn:hover{background:#22304a;border-color:#46d8c0}.hex-btn--go{color:#0a0d16;background:#46d8c0;border-color:#46d8c0;font-weight:700}.hex-btn--go:hover{background:#6ff0da}