:root{--abyss:#04101c;--depth:#082031;--glow:#5eead4;--glow-bright:#c9fff4;--haze:#6f96a3;--foam:#d7e8e8;--line:#5eead429}body,html{min-height:100%}body{margin:0;padding:0;background-color:var(--abyss);background-image:radial-gradient(120% 60% at 50% -10%,#236e8c47,#236e8c00 60%),radial-gradient(90% 50% at 80% 110%,#0a2d4680,#0a2d4600 60%);background-attachment:fixed;color:var(--foam);font-family:var(--font-body),ui-rounded,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display),var(--font-body),sans-serif;color:var(--glow-bright)}a,a:visited{color:var(--glow)}a:hover{color:var(--glow-bright);text-shadow:0 0 10px #5eead499}a:focus-visible,button:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 14px #5eead4e6}50%{opacity:.45;text-shadow:none}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-28px,44px)}}@keyframes breathe{0%,to{box-shadow:0 0 60px #1ca0a024,0 0 18px #5eead41a,inset 0 0 60px #02080ebf}50%{box-shadow:0 0 90px #1ca0a03d,0 0 26px #5eead42e,inset 0 0 60px #02080ebf}}.backgroundCanvas{inset:0}.backgroundCanvas,.motes span{position:fixed;z-index:0;pointer-events:none}.motes span{border-radius:50%;background:radial-gradient(circle,#5eead459,#5eead400 70%);filter:blur(2px);animation:drift 26s ease-in-out infinite alternate}.motes span:first-child{width:10px;height:10px;top:18%;left:8%;animation-duration:31s}.motes span:nth-child(2){width:6px;height:6px;top:62%;left:14%;animation-duration:24s;animation-delay:-9s}.motes span:nth-child(3){width:14px;height:14px;top:30%;left:88%;animation-duration:37s;animation-delay:-17s}.motes span:nth-child(4){width:7px;height:7px;top:78%;left:82%;animation-duration:28s;animation-delay:-4s}.motes span:nth-child(5){width:5px;height:5px;top:8%;left:55%;animation-duration:22s;animation-delay:-13s}.hero{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px 0 8px}.siteTitle{margin:0 0 8px;font-size:1.7rem;font-weight:600;letter-spacing:.26em;text-indent:.26em;text-align:center;text-transform:uppercase;color:var(--glow-bright);text-shadow:0 0 18px #5eead48c}.siteTitle .dot{color:var(--glow)}.scrollHint,.siteTitle .dot{animation:pulse 3.4s ease-in-out infinite}.scrollHint{padding-top:10px;color:var(--haze);font-size:.9rem}.connectSection{padding-top:0}.container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 16px 0}.gameCanvasContainer{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--depth);animation:breathe 8s ease-in-out infinite}.gameCanvasContainer canvas{display:block}.mouseCanvas{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.controlBar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 0 8px}.gameButton{min-width:88px;padding:9px 22px;border:1px solid var(--line);border-radius:999px;background:#091d27;color:var(--glow);font-family:var(--font-body),system-ui,sans-serif;font-size:.85rem;letter-spacing:.06em;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.gameButton:hover{background:#112e36;color:var(--glow-bright);border-color:#5eead473;box-shadow:0 0 16px #5eead440}.appsSection{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:56px 24px 30px}.appsSection h2{margin:0 0 18px;font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--haze);text-shadow:none}.appCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.appCard{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#092435,#051422);text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}.appCard:hover{border-color:#5eead480;box-shadow:0 0 30px #1ca0a038;transform:translateY(-2px);text-shadow:none}.appCardName{margin:0 0 8px;font-family:var(--font-display),var(--font-body),sans-serif;font-size:1rem;font-weight:600;letter-spacing:.04em;color:var(--glow-bright)}.appCardDescription{margin:0;font-size:.85rem;line-height:1.55;color:var(--haze)}.siteFooter{position:relative;z-index:1;text-align:center;padding:6px 16px 34px;color:#6f96a3a6;font-size:.75rem;letter-spacing:.06em}@media (prefers-reduced-motion:reduce){.gameCanvasContainer,.motes span,.scrollHint,.siteTitle .dot{animation:none}}