*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d1418;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}#overlay{position:fixed;top:16px;left:16px;color:#f2f5f7;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none}#overlay h1{margin:0 0 2px;font-size:1.3rem;font-weight:600;letter-spacing:.02em}#overlay p{margin:0;font-size:.82rem;opacity:.85}#overlay p.hint{margin-top:6px;opacity:.65;font-size:.75rem}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0d1418;color:#cfd8dc;font-size:.9rem;letter-spacing:.02em;z-index:10;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#7fb3d5;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}