#root,body,html{height:100%;margin:0;width:100%}body{background:#0e0f12;overflow:hidden}.App,.hex-map{height:100%;width:100%}.hex-map{position:relative}.hex-map__canvas{display:block;height:100%;width:100%}.hex-map__settings{background:#0c0c0ea6;border:1px solid #fff3;box-sizing:border-box;color:#eaeaea;display:flex;flex-direction:column;font:12px monospace;gap:6px;padding:8px;position:absolute}.hex-map__settings-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.hex-map__settings-label{color:#cfd8dc;font-size:12px}.hex-map__settings-actions{display:flex;gap:6px}.hex-map__settings-actions button{background:#1e1e20b3;border:1px solid #fff3;color:#eaeaea;cursor:pointer;font:12px monospace;padding:4px 8px}.hex-map__settings-actions button:hover{border-color:#fff6}.hex-map__settings-error{color:#f7b267;font-size:12px}.hex-map__settings-textarea{background:#0c0c0ebf;border:1px solid #ffffff26;color:#eaeaea;flex:1 1;font:12px monospace;outline:none;padding:6px;resize:none}.menu{background:#08090c;color:#f2f2f2;font-family:Courier New,monospace;height:100vh;overflow:hidden;position:relative;width:100vw}.menu__canvas{display:block;height:100%;inset:0;position:absolute;width:100%}.menu__panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0eb3;border:1px solid #fff3;box-shadow:0 10px 35px #0006;display:flex;flex-direction:column;gap:16px;margin:8vh auto 0;max-width:460px;padding:24px 20px;position:relative;z-index:2}.menu__title{font-size:24px;letter-spacing:1px;text-transform:uppercase}.menu__subtitle{color:#cfd8dc;font-size:14px}.menu__actions{display:flex;flex-direction:column;gap:12px}.menu__button{background:#1e1e20cc;border:1px solid #fff3;color:#f0f0f0;cursor:pointer;font-size:14px;padding:10px 14px;text-align:left}.menu__button:hover{border-color:#fff6}.menu__button--danger{border-color:#ff787899;color:#ffd5d5}.menu__tutorials{display:flex;flex-direction:column;gap:12px}.menu__tutorial-list{display:flex;flex-direction:column;gap:10px}.menu__tutorial-card{background:#141416cc;border:1px solid #fff3;color:inherit;cursor:pointer;padding:10px 12px;text-align:left}.menu__tutorial-card:hover{border-color:#fff6}.menu__tutorial-title{font-size:15px;margin-bottom:4px}.menu__tutorial-desc{color:#c3c3c3;font-size:12px}@media (max-width:720px){.menu__panel{margin:6vh 16px 0;padding:20px 16px}}.app{height:100vh;overflow:hidden;width:100vw}.app__menu-toggle{background:#1e1e20b3;border:1px solid #fff3;color:#eaeaea;cursor:pointer;font:12px monospace;left:12px;padding:6px 10px;position:absolute;top:12px;z-index:5}.app__menu-toggle:hover{border-color:#fff6}
/*# sourceMappingURL=main.d82185d2.css.map*/