*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;background:#0b0e14}#app{position:fixed;inset:0}#app canvas{display:block}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0e14a6;cursor:pointer;z-index:10}#overlay.hidden{display:none}#overlay-panel{text-align:center;color:#eef2f7;padding:2rem 3rem;border-radius:12px;background:#0b0e14cc;border:1px solid rgba(238,242,247,.15)}#overlay-panel h1{margin:0 0 .5rem;font-size:1.75rem}#overlay-panel p{margin:.25rem 0}.controls-hint{font-size:.85rem;color:#9aa7b8}.controls-hint kbd{display:inline-block;padding:.1em .4em;margin:0 .1em;border:1px solid #9aa7b8;border-radius:4px;font-family:inherit;font-size:.9em}#hud{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.35rem .9rem;border-radius:8px;background:#0b0e148c;color:#eef2f7;font-size:.9rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffd9;font-size:1.25rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}