html,body{margin:0;height:100%;overflow:hidden;background:#050608;color:#fff;font-family:Arial}canvas{position:fixed;inset:0}#intro{position:fixed;inset:0;display:grid;place-items:center;font-size:clamp(2rem,6vw,5rem);font-weight:700;animation:i 3s forwards}.wrap{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:16px}.dock{display:flex;gap:18px;padding:16px 28px;border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(36px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.35)}.dock a{width:62px;height:62px;display:grid;place-items:center;color:#fff;text-decoration:none;border-radius:18px;transition:.15s}.dock svg{width:34px;height:34px}.status{text-align:center}.label{font:11px monospace;color:#aaa;letter-spacing:3px}#prog{font:20px monospace}@keyframes i{0%{opacity:0;filter:blur(10px)}20%,70%{opacity:1}100%{opacity:0;filter:blur(10px)}}