html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#05070b;color:#eafff2;font-family:Arial,sans-serif}canvas{display:block}.legal-links{position:fixed;right:16px;bottom:14px;z-index:10;display:flex;gap:12px;font-size:13px}.legal-links a{color:#9fe7c0;text-decoration:none}.legal-links a:hover{text-decoration:underline}@media(max-width:719px){.legal-links{top:12px;right:12px;bottom:auto;gap:10px;font-size:11px;opacity:.78}}.info-panel-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#060a0ead}.info-panel-backdrop[hidden]{display:none}.info-panel{position:relative;width:min(720px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 42px));overflow:auto;border:1px solid rgba(234,255,242,.55);background:#10121c;box-shadow:0 24px 80px #00000073;color:#eafff2;padding:28px 30px 30px}.info-panel:focus{outline:none}.info-panel-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid rgba(34,255,102,.72);border-radius:50%;background:#10121c;color:#2f6;font-weight:700;cursor:pointer}.info-panel h2{margin:0 46px 18px 0;font-size:30px}.info-panel h3{margin:22px 0 8px;font-size:18px;color:#2f6}.info-panel p,.info-panel li{color:#9fe7c0;font-size:15px;line-height:1.5}.info-panel ul{margin:8px 0 0;padding-left:20px}.info-panel a{color:#2f6}