.App{text-align:center}.App-header{min-height:100vh;overflow:hidden}body{background:#04050d;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;margin:0;padding:0}.sand-scene{-webkit-tap-highlight-color:rgba(0,0,0,0);background:linear-gradient(180deg,#04050d,#0b0e1c 55%,#1a1430);cursor:crosshair;height:100vh;height:100dvh;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100vw}.sand-canvas{display:block;height:100%;inset:0;position:absolute;width:100%}.hud{align-items:center;display:flex;gap:.5rem;position:absolute;z-index:3}.hud--top{flex-wrap:wrap;gap:.5rem;justify-content:space-between;left:1rem;right:1rem;top:1rem}.hud-group{align-items:center;display:flex;gap:.5rem}.hud-group--tools{border:1px solid #ffffff24;border-radius:999px;gap:.4rem;padding:.25rem .4rem}.hud-button,.hud-group--tools{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0c188c}.hud-button{align-items:center;border:1px solid #ffffff29;border-radius:999px;color:#e8ecff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:.45rem;justify-content:center;padding:.45rem .85rem;transition:background-color .15s ease,border-color .15s ease}.hud-button:hover{background:#2e3454c7;border-color:#ffffff52}.hud-group--tools .hud-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border-color:#0000}.hud-group--tools .hud-button:hover{background:#ffffff1f}.hud-button--round{font-size:1.05rem;height:2rem;width:2rem}.hud-button--icon,.hud-button--round{border-radius:50%;line-height:1;padding:0}.hud-button--icon{font-size:1rem;height:2.3rem;width:2.3rem}.hud-button--active{background:#ffbe6e33;border-color:#ffd78cd9}.material-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:.65rem;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease;width:2rem}.material-button:hover{background:#ffffff1a}.material-button--active{background:#ffffff1f;border-color:#ffffffbf}.material-swatch{border-radius:.3rem;display:block;height:1rem;width:1rem}.material-swatch--sand{background:#dbb976}.material-swatch--water{background:#2095e9}.material-swatch--lava{background:linear-gradient(180deg,#ffd166,#f4761f 55%,#c62f12)}.material-swatch--stone{background:#636874}.material-swatch--erase{background:#0000;border:2px dashed #ffffffa6;height:.9rem;width:.9rem}.hud-divider{background:#ffffff2e;height:1.4rem;margin:0 .2rem;width:1px}.grain-count{font-feature-settings:"tnum";color:#e8ecff;font-size:.9rem;font-variant-numeric:tabular-nums;min-width:3.4rem;text-align:center}.species-log{align-items:flex-start;bottom:1rem;display:flex;flex-direction:column;gap:.4rem;left:1rem;position:absolute;z-index:3}.species-log__toggle{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.species-log__list{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0c18b8;border:1px solid #ffffff24;border-radius:.7rem;color:#e8ecff;font-size:.8rem;list-style:none;margin:0;max-height:55vh;min-width:13rem;overflow-y:auto;padding:.5rem .6rem}.species-log__row{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;padding:.2rem 0}.species-log__row--unseen{opacity:.45}.species-log__note{font-size:.72rem;opacity:.7}.instruction-overlay{animation:overlay-fade-in .9s ease both;color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:16%;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:2}.instruction-overlay__title{font-size:2.4rem;font-weight:700;letter-spacing:.02em;margin-bottom:2rem;text-shadow:0 0 26px #ffb45a66}.instruction-overlay__hint{display:flex;font-size:.95rem;font-weight:400;gap:.4rem;margin-top:.55rem;opacity:.5}.instruction-overlay__hint,.keycap{align-items:center;justify-content:center}.keycap{border:1px solid #ffffff80;border-radius:.3rem;display:inline-flex;line-height:1;padding:.1rem 0;width:1.5rem}@keyframes overlay-fade-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}
/*# sourceMappingURL=main.55b74e1b.css.map*/