*{box-sizing:border-box}html,body{margin:0;background:#0B1F44;color:#fff;font-family:Inter,Arial,sans-serif}.pn-animation{position:relative;width:100%;max-width:1440px;margin:auto;aspect-ratio:16/9;overflow:hidden}.pn-animation svg{display:block;width:100%;height:100%}.pn-toggle{position:absolute;right:16px;bottom:12px;border:1px solid #477294;border-radius:24px;padding:10px 16px;min-height:44px;background:#0B1F44;color:#E6F2FF;cursor:pointer;font:inherit;font-size:12px}.pn-toggle:hover{border-color:#00A2FF}.pn-toggle:focus-visible{outline:3px solid #00A2FF;outline-offset:3px}.paused *{animation-play-state:paused!important}@media(max-width:540px){.pn-animation{aspect-ratio:1/1}.pn-animation svg{position:absolute;top:5%;width:100%;height:80%}.pn-toggle{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.pn-toggle{display:none}}
html,body{height:100%;overflow:hidden}.pn-animation{height:100%;max-width:none;aspect-ratio:auto}.pn-animation svg{position:static;width:100%;height:100%;max-width:100%}.pn-toggle{font-size:11px;min-height:38px;padding:8px 13px;background:#0b1f44e8}@media(max-width:540px){.pn-animation{aspect-ratio:auto}.pn-animation svg{position:static;width:100%;height:100%;left:auto;top:auto}.pn-toggle{bottom:10px;right:10px}}