.space-scene{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;min-height:100dvh;overflow:hidden;background:#050616;color:#e8f1ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.space-ambient{position:absolute;inset:-20%;z-index:-4;background:radial-gradient(ellipse at 50% 48%,#030514b8 12%,transparent 48%),radial-gradient(ellipse at 8% 25%,#631fb299,transparent 47%),radial-gradient(ellipse at 92% 72%,#087f8c99,transparent 48%),radial-gradient(ellipse at 75% 10%,#25144899,transparent 55%);filter:blur(45px);animation:space-ambient-drift 18s ease-in-out infinite alternate;animation-play-state:paused}.space-scene[data-motion=on][data-fallback=on] .space-ambient{animation-play-state:running}@keyframes space-ambient-drift{to{transform:translate(6%,8%) rotate(18deg) scale(1.12)}}.space-canvas,.space-stars{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.space-backdrop{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;z-index:-3;pointer-events:none;user-select:none}.space-stars{z-index:-1}.space-header{padding:clamp(22px,4vw,52px);padding-top:max(clamp(22px,4vw,46px),env(safe-area-inset-top));position:relative;z-index:2}.space-wordmark{display:inline-block;color:#edf2ff;text-decoration:none;font-size:19px;font-weight:650;letter-spacing:-.7px;min-height:44px;line-height:44px}.space-wordmark:focus-visible,.space-controls button:focus-visible{outline:2px solid #9de4ff;outline-offset:6px}.space-centre{position:relative;display:grid;place-items:center;perspective:1100px;min-height:350px;padding:30px 24px 45px}.glass-card{position:relative;width:min(440px,65vw);aspect-ratio:1;transform-style:preserve-3d;will-change:transform;--light-x: 35%;--light-y: 25%;transform:rotateX(5deg) rotateY(-9deg) rotate(-4deg)}.glass-surface{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 25px 35px #01031166)}.glass-sheen{position:absolute;inset:7%;border-radius:7%;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#b9ecff12,transparent 62%);mix-blend-mode:screen;pointer-events:none}.glass-inscription{position:absolute;inset:11%;margin:0;display:grid;place-items:center;transform:translateZ(1px);pointer-events:none}.glass-lettering{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 1px 1px #020816) drop-shadow(0 -1px 1px #a2e7ff55)}.glass-name{font:700 112px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-5px}.glass-dev{font:500 25px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:15px}.space-orbit{position:absolute;width:min(650px,84vw);height:165px;border:1px solid #a1b8ef45;border-left-color:#7ae6f6a6;border-bottom-color:#ae81ef66;border-radius:50%;transform:rotate(-22deg);pointer-events:none;box-shadow:0 0 25px #8583ec08}.space-footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:18px 20px max(24px,env(safe-area-inset-bottom));gap:12px;text-align:center}.space-hint{font-size:12px;line-height:1.5;letter-spacing:1.6px;color:#c3c4db;margin:0}.space-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.space-controls button{font:400 12px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.2px;min-height:44px;padding:10px 15px;border:1px solid #bcc3ff26;border-radius:999px;color:#d6d9ee;background:#0c102340;backdrop-filter:blur(12px);cursor:pointer;transition:background .2s,border-color .2s}.space-controls button:hover:enabled{background:#26304b60;border-color:#c6d6ff70}.space-controls button:disabled{cursor:default;opacity:.55}.space-sensor-status{color:#c2cce0;font-size:12px;line-height:1.5;max-width:360px;min-height:18px;margin:0}.space-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 600px){.space-centre{padding:20px 8px 35px;min-height:310px}.glass-card{width:min(410px,88vw)}.space-orbit{width:112vw;height:130px}.space-header{padding-bottom:0}.space-footer{gap:10px}.space-hint{font-size:11px;letter-spacing:1.2px}}@media (max-height: 600px) and (min-width: 601px){.space-scene{grid-template-rows:70px 1fr auto}.space-header{padding:14px 30px}.space-centre{min-height:230px;padding:0}.glass-card{width:min(310px,50vh)}.space-footer{padding:8px 16px}.space-orbit{height:110px;width:450px}}@media (prefers-reduced-motion: reduce){.space-ambient{animation:none}.space-controls button{transition:none}.glass-card{will-change:auto}}