:root{--bg:#050506;--ink:#edeef2;--muted:#a6a9b3;--dot:#1e2026;--dash:#ffffff52;--icon-ring:#ffffff38;--icon-glow:#a9c7f229;color-scheme:dark}body{background:var(--bg);margin:0}a{text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #8fb4f0}.stage{box-sizing:border-box;background:var(--bg);min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:Instrument Sans,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.dots{pointer-events:none;background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(46% 52% at 50% 46%,#000 0%,#0000 100%);mask-image:radial-gradient(46% 52% at 50% 46%,#000 0%,#0000 100%)}.dust{z-index:3;pointer-events:none;position:absolute;top:0;left:0}.glyph{flex:none;display:block;overflow:visible}header{justify-content:flex-end;padding:24px clamp(20px,3vw,40px);font-size:15px;display:flex;position:relative}.mail{min-height:44px;color:var(--muted);align-items:center;gap:8px;display:inline-flex}main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(40px,6vh,72px);padding:24px 20px 48px;display:flex;position:relative}.hero{flex-direction:column;align-items:center;gap:20px;display:flex}h1{font:inherit;margin:0}.mark{width:clamp(300px,62vw,860px);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.mark svg{width:100%;height:auto;display:block;overflow:visible}.play .mark svg{opacity:0}.mark canvas{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.line{color:var(--muted);text-align:center;margin:0;font-size:clamp(17px,1.4vw,20px)}.apps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px clamp(44px,5.5vw,92px);margin:0;padding:0;list-style:none;display:flex}.tile{width:244px}.tile>a,.tile>div{text-align:center;color:var(--ink);flex-direction:column;align-items:center;gap:14px;padding:8px;display:flex}.tile img,.tile .slot{border-radius:22px;width:88px;height:88px;display:block}.tile img{box-shadow:0 0 0 1px var(--icon-ring), 0 8px 28px var(--icon-glow)}.tile .slot{box-sizing:border-box;border:2px dashed var(--dash)}.tile .text{flex-direction:column;align-items:center;gap:2px;display:flex}.tile .name{align-items:center;gap:5px;font-size:18px;font-weight:600;display:inline-flex}.tile .summary{color:var(--muted);font-size:15px;line-height:1.45}.tile .platform{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:13px;display:inline-flex}.tile .platform svg{flex:none;display:block}.soon>div,.soon .name{color:var(--muted)}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:16px clamp(20px,3vw,40px) 24px;font-size:14px;display:flex;position:relative}.credit{align-items:center;gap:6px;font-size:12px;display:inline-flex}.play .mark{animation:1.2s cubic-bezier(.45,0,.2,1) 6.8s both ppw-settle}.play .line{animation:.7s ease-out 7.8s both ppw-fade}.play .app1{animation:.9s cubic-bezier(.25,1.25,.4,1) 8.1s both ppw-in-left}.play .app2{animation:.9s cubic-bezier(.25,1.25,.4,1) 8.25s both ppw-in-up}.play .app3{animation:.9s cubic-bezier(.25,1.25,.4,1) 8.4s both ppw-in-right}.play .corner{animation:.6s ease-out 9s both ppw-fade}@keyframes ppw-settle{0%{transform:translateY(120px)scale(1.2)}to{transform:none}}@media (width<=600px){header,footer{text-align:center;justify-content:center}footer{flex-direction:column}.play .mark{animation:none}.play .line{animation-delay:8.2s}.play .app1{animation-delay:8.5s}.play .app2{animation-delay:8.65s}.play .app3{animation-delay:8.8s}.play .corner{animation-delay:9.4s}}@keyframes ppw-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ppw-in-left{0%{opacity:0;transform:translate(-120px,60px)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes ppw-in-up{0%{opacity:0;transform:translateY(140px)rotate(4deg)}to{opacity:1;transform:none}}@keyframes ppw-in-right{0%{opacity:0;transform:translate(120px,60px)rotate(8deg)}to{opacity:1;transform:none}}