:root{--green: #22c55e;--green-soft: rgba(34, 197, 94, .18);--green-glow: rgba(34, 197, 94, .35);--bg: #020617;--bg-card: rgba(15, 23, 42, .85);--line: rgba(148, 163, 184, .2);--text: #e2e8f0;--muted: #94a3b8}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#000;color:var(--text);overflow:hidden}.shell{position:relative;width:100vw;height:100vh}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1400px 900px at 50% 50%,rgba(34,197,94,.05),transparent 70%),#000}.canvas-wrap canvas{display:block}.hero{position:absolute;top:24px;left:50%;transform:translate(-50%);text-align:center;z-index:5;pointer-events:none;padding:0 20px;max-width:92vw}.badge{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(34,197,94,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero h1{font-size:clamp(28px,4vw,44px);margin:14px 0 6px;background:linear-gradient(135deg,#fff 0%,var(--green) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.tagline{color:var(--muted);margin:0;font-size:14px}.info-panel{position:absolute;top:24px;right:24px;width:min(340px,92vw);max-height:calc(100vh - 48px);overflow-y:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:14px;padding:18px 20px;z-index:10;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.info-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.info-dot{width:16px;height:16px;border-radius:50%;box-shadow:0 0 14px currentColor}.info-head h2{margin:0;font-size:22px;flex:1;color:#fff}.info-close{background:transparent;border:0;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:0 4px;transition:color .15s}.info-close:hover{color:var(--green)}.info-blurb{color:var(--text);font-size:14px;line-height:1.55;margin:0 0 14px}.info-grid{margin:0;display:flex;flex-direction:column;gap:8px}.info-row{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.info-row dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;align-self:center}.info-row dd{margin:0;font-size:13px;color:var(--text)}.controls{position:absolute;bottom:24px;left:24px;z-index:10;background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.speed{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.speed-label{letter-spacing:.06em;text-transform:uppercase;color:var(--green);font-weight:600}.speed input[type=range]{width:200px;accent-color:var(--green)}.foot{position:absolute;bottom:16px;right:24px;z-index:10}.backlink{color:var(--muted);text-decoration:none;font-size:12px;transition:color .15s}.backlink:hover{color:var(--green)}@media(max-width:640px){.info-panel{top:auto;bottom:110px;right:12px;left:12px;width:auto;max-height:50vh}.controls{bottom:12px;left:12px}.foot{display:none}.speed input[type=range]{width:150px}}