:root{color-scheme:dark;--bg:#101512;--text:#f1f2e9;--muted:#8a958c;--green:#cdfb78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;min-height:100svh;overflow-x:hidden}body:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,#28382077,transparent 49%)}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,footer{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 5%;}header{height:104px;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;text-decoration:none;color:var(--text);font-weight:650;font-size:19px;letter-spacing:1px}.brand img{align-self:center}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:1.4px;margin-top:6px;color:var(--muted)}.status{font-size:11px;letter-spacing:2px;color:#bdc7bb;display:flex;align-items:center;gap:10px}.status i{height:5px;width:5px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #cdfb7866;animation:pulse 3s infinite}main{text-align:center;position:relative;padding:42px 20px 30px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;letter-spacing:2px;color:#b7c1ac}.line{width:35px;height:1px;background:#687457}h1{font-size:clamp(34px,4.2vw,59px);line-height:1.24;font-weight:550;letter-spacing:-2px;margin:21px 0 16px}.highlight{color:var(--green)}.intro{font-size:13px;color:var(--muted);letter-spacing:2px;margin:0}.universe{width:580px;height:330px;max-width:100%;margin:3px auto 0;position:relative;display:grid;place-items:center;perspective:850px}.orbit{position:absolute;width:425px;height:210px;border:1px solid #a4be8020;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:460px;height:270px;transform:rotate(28deg);border-style:dashed;border-color:#a4be8017}.orbit-three{width:540px;height:295px;transform:rotate(-5deg);border-color:#a4be800c}.cap-float{width:218px;height:218px;animation:float 5s ease-in-out infinite;z-index:2}.cap{width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;position:relative;border-radius:50%;transform:rotateX(14deg) rotateY(-16deg) rotateZ(-12deg);transition:transform .35s ease;filter:drop-shadow(8px 20px 0 #4b6224) drop-shadow(0 24px 25px #0009);-webkit-tap-highlight-color:transparent}.cap img{width:100%;display:block;user-select:none}.cap:focus-visible,.hint:focus-visible,.brand:focus-visible{outline:2px solid var(--green);outline-offset:9px}.cap:hover{transform:rotateX(4deg) rotateY(10deg) rotateZ(0);filter:drop-shadow(3px 12px 0 #4b6224) drop-shadow(0 22px 35px #b8ff3720)}.cap.pop{animation:pop .7s ease}.cap-shine{position:absolute;inset:12%;border-radius:50%;background:linear-gradient(125deg,transparent 20%,#fff4 40%,transparent 60%);pointer-events:none;mix-blend-mode:soft-light}.coordinate{position:absolute;text-align:left;font-family:monospace;font-size:9px;line-height:1.7;letter-spacing:1px;color:#708060}.coordinate-one{left:14px;top:77px}.coordinate-two{right:0;bottom:80px}.star{position:absolute;color:var(--green);font-weight:300}.star-one{left:100px;bottom:55px;font-size:23px;animation:rotate 30s linear infinite}.star-two{right:105px;top:58px;font-size:22px}.small-label{position:absolute;bottom:13px;font-size:9px;letter-spacing:3px;color:#879471}.interaction{margin-top:4px}.hint{border:1px solid #cdfb7845;background:#cdfb7808;color:var(--green);font:inherit;font-size:12px;padding:11px 20px;border-radius:30px;cursor:pointer;letter-spacing:1px;transition:background .2s}.hint:hover{background:#cdfb781b}#clue{font-size:12px;color:#a2ad9c;margin:17px 0 29px;letter-spacing:1px;min-height:18px}.launch{width:330px;max-width:100%;border-top:1px solid #ffffff20;margin:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;text-align:left}.launch-label{font-size:10px;color:var(--muted);letter-spacing:2px}.date{font-size:14px;font-family:monospace;color:#bbc3b5;letter-spacing:1px}.date b{font-size:26px;color:var(--text);font-weight:400;margin-left:10px}.date span{font-size:12px}.launch-arrow{color:var(--green);font-size:22px}footer{padding:22px 0 24px;border-top:1px solid #ffffff12;color:#7f8a7e;font-size:9px;letter-spacing:1.5px}.footer-mark{color:var(--green);margin-left:15px}.particle{position:absolute;left:50%;top:50%;width:5px;height:5px;background:var(--green);border-radius:50%;animation:scatter .9s ease-out forwards;z-index:3;pointer-events:none}#particles{position:absolute;inset:0;pointer-events:none}@keyframes scatter{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--x),var(--y));opacity:0}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulse{50%{opacity:.3}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pop{45%{transform:translateY(-22px) rotateX(0) rotateY(20deg) rotateZ(20deg)}100%{transform:rotateX(14deg) rotateY(-16deg) rotateZ(-12deg)}}@media(min-width:1500px){main{padding-top:58px}.universe{height:360px}footer{margin-top:15px}}@media(max-width:600px){header{height:82px;margin:0 24px}.brand{font-size:16px;gap:9px}.brand small{font-size:6px;letter-spacing:1px}.status{font-size:9px;letter-spacing:1px}main{padding:34px 20px 30px}h1{margin-top:24px;font-size:38px;letter-spacing:-1.5px}.intro{font-size:11px;letter-spacing:1px}.universe{height:295px;margin-top:6px}.cap-float{width:184px;height:184px}.orbit{width:300px;height:176px}.orbit-two{width:330px;height:220px}.orbit-three{width:345px;height:245px}.coordinate{font-size:7px}.coordinate-one{left:0;top:52px}.coordinate-two{right:0;bottom:52px}.star-one{left:33px;bottom:62px}.star-two{right:38px;top:46px}.small-label{bottom:11px}.launch{width:295px}footer{margin:0 24px;font-size:8px;letter-spacing:.5px}.footer-mark{margin-left:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle{display:none}} 
/* Keep burst particles inside the viewport, including narrow phones. */
main{overflow:hidden}.cap-float:hover,.cap-float:focus-within{animation-play-state:paused}#clue{max-width:540px;margin-left:auto;margin-right:auto;line-height:1.6;min-height:38px;display:flex;align-items:center;justify-content:center}@media(max-width:360px){h1{font-size:32px}.status{font-size:8px}.brand small{font-size:5px}}

/* Draw icons as vectors so their shape never depends on the device font. */
.icon{display:block;width:1em;height:1em;flex:none}.star{display:flex;align-items:center;justify-content:center;width:1em;height:1em}.hint{display:inline-flex;align-items:center;justify-content:center;gap:9px}.hint .icon{width:14px;height:14px}.launch-arrow .icon{width:23px;height:23px}footer>span:last-child{display:inline-flex;align-items:center}.footer-mark .icon{width:17px;height:17px}
.merchant-entry{color:inherit;text-decoration:none;margin-left:16px;white-space:nowrap}.merchant-entry:hover{color:var(--green)}.merchant-entry:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:360px){footer{gap:12px;flex-wrap:wrap}.merchant-entry{margin-left:8px}}