.app{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;background:#0a0a0a;overflow:hidden}.video-blur{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;object-fit:cover;object-position:center;filter:blur(24px);transform:scale(1.08);z-index:0}.video-main-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;transition:opacity .4s ease}.video-main-wrap--hidden{opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.video-main{max-width:100%;width:auto;height:100%;max-height:100vh;max-height:100dvh;object-fit:contain;object-position:center;display:block}.hero-image{position:relative;z-index:1;max-width:100%;width:auto;height:100%;max-height:100vh;max-height:100dvh;object-fit:contain;display:block}.sound-btn{position:absolute;top:1rem;right:1rem;z-index:2;padding:.5rem .75rem;font-size:.8rem;color:#ffffffe6;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sound-btn:hover{background:#0009;color:#fff}.restart-btn{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:2;padding:.5rem 1rem;font-size:.8rem;color:#ffffffe6;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.restart-btn:hover{background:#0009;color:#fff}.footer-wrap{position:absolute;bottom:1rem;left:0;right:0;z-index:2;text-align:center}.footer{display:inline-block;padding:.25rem .5rem;font-size:.75rem;color:#ffffff80;letter-spacing:.05em;background:none;border:none;cursor:pointer;font-family:inherit}.footer:hover{color:#fffc}.footer-links{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin:0 0 .5rem;padding:.5rem 0;min-width:10rem;list-style:none;background:#000000d9;border:1px solid rgba(255,255,255,.15);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0006}.footer-links li{margin:0}.footer-links a{display:block;padding:.5rem 1rem;font-size:.8rem;color:#ffffffe6;text-decoration:none}.footer-links a:hover{background:#ffffff1a;color:#fff}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;max-width:100vw;background:#0a0a0a;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden;max-width:1200px;margin:0 auto}