:root{color-scheme:dark;--bg: #0f1020;--bg-2: #171933;--panel: #1d2040;--line: #2d315c;--text: #eceefe;--muted: #9097c4;--accent: #8b7bff;--accent-2: #5ee1c7;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,PingFang HK,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(900px 600px at 50% 36%,#2a2466 0%,transparent 60%),radial-gradient(1200px 700px at 20% -10%,#262a5e 0%,transparent 60%),var(--bg);color:var(--text);-webkit-text-size-adjust:100%}a{color:inherit}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 23px 41px,rgb(207 211 255 / .7) 1px,transparent 1.6px),radial-gradient(circle at 131px 97px,rgb(207 211 255 / .45) 1px,transparent 1.6px),radial-gradient(circle at 67px 173px,rgb(207 211 255 / .6) 1.4px,transparent 2px),radial-gradient(circle at 211px 29px,rgb(185 178 255 / .5) 1px,transparent 1.6px),radial-gradient(circle at 37px 251px,rgb(94 225 199 / .45) 1px,transparent 1.6px),radial-gradient(circle at 281px 199px,rgb(207 211 255 / .55) 1.2px,transparent 1.8px);background-size:173px 167px,241px 229px,197px 263px,317px 293px,271px 307px,389px 353px}.sky{position:fixed;inset:0;z-index:-1;pointer-events:none}.sky i{position:absolute;width:11px;height:11px;background:#b9b2ff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:.7;animation:glint 4.6s ease-in-out infinite}.sky i:nth-child(1){left:8%;top:14%}.sky i:nth-child(2){left:91%;top:9%;background:var(--accent-2);animation-delay:-1.2s}.sky i:nth-child(3){left:84%;top:46%;animation-delay:-2.4s}.sky i:nth-child(4){left:5%;top:58%;background:var(--accent-2);animation-delay:-3.1s}.sky i:nth-child(5){left:47%;top:93%;animation-delay:-.6s}.sky i:nth-child(6){left:72%;top:78%;width:8px;height:8px;animation-delay:-1.8s}.sky i:nth-child(7){left:22%;top:86%;width:8px;height:8px;background:var(--accent-2);animation-delay:-3.8s}@keyframes glint{50%{opacity:.12;transform:scale(.6) rotate(20deg)}}.top{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px;padding:max(10px,env(safe-area-inset-top)) 16px 0;font-size:13px}.top{position:relative;z-index:200}.lang-nav{margin-left:auto}.langs{position:relative}.langs summary{display:flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#171933b3;color:var(--text);list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.langs summary::-webkit-details-marker{display:none}.langs summary svg{width:15px;height:15px;color:var(--muted)}.langs summary:after{content:"";width:6px;height:6px;margin-left:2px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .15s}.langs[open] summary:after{transform:translateY(1px) rotate(-135deg)}.lang-menu{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;min-width:160px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px #00000073}.lang-menu a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none}.lang-menu a:hover,.lang-menu a:focus-visible{background:var(--bg-2)}.lang-menu a[aria-current]{font-weight:700}.lang-menu a[aria-current]:after{content:"✓";margin-left:auto;color:var(--accent-2)}.suggest{margin:0 auto 0 0;display:flex;align-items:center;border-radius:999px;background:var(--accent)}.suggest a{padding:5px 4px 5px 12px;color:#fff;font-weight:600;text-decoration:none}.suggest-close{border:0;padding:2px 10px 4px 6px;background:none;color:#fff;font:inherit;font-size:16px;line-height:1;cursor:pointer}.suggest[hidden]{display:none}main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:4px 20px 24px}.hero{text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:10px}.hero .logo{width:44px;height:44px}.hero h1{margin:0;font-size:24px;line-height:1.15;letter-spacing:.06em;text-align:left}.hero h1 small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.32em;text-transform:uppercase}.pitch{margin:8px auto 0;max-width:26em;font-size:13px;line-height:1.55;color:var(--muted);text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}.choose{margin:14px 0 0;font-size:12px;font-weight:600;letter-spacing:.2em;color:#b9b2ff;text-align:center}:lang(th) .choose,:lang(th) .world-info h3,:lang(th) .cta{letter-spacing:normal}.fe{width:28px;height:28px}.cosmos{position:relative;height:clamp(250px,calc(100svh - 350px),360px);margin:0 -20px;overflow-x:clip;touch-action:pan-y;-webkit-user-select:none;user-select:none}.cosmos:not(.ready)>*{visibility:hidden}.orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.orbit ellipse{fill:none;stroke:#8b7bff52;stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round}.sun{position:absolute;left:0;top:0;z-index:50;width:60px;height:60px;margin:-30px 0 0 -30px;pointer-events:none}.sun:before{content:"";position:absolute;inset:-48px;border-radius:50%;background:radial-gradient(circle,rgb(233 162 240 / .5) 0%,rgb(196 111 218 / .2) 36%,transparent 70%)}.sun svg{position:relative;display:block;width:100%;height:100%}.sun i{position:absolute;inset:6px;border-radius:50%;border:2px solid rgb(233 162 240 / .6);opacity:0}.sun .burst{inset:0;border-width:3px;border-color:#e9a2f0}.cosmos.ready .sun svg{animation:sunIn .45s cubic-bezier(.3,1.6,.6,1) both,twinkle 5s 1s ease-in-out infinite}.cosmos.ready .sun .burst{animation:burst .6s .25s ease-out}.cosmos.ready .sun .pulse{animation:pulse 3.6s 1.4s ease-out infinite}.cosmos.ready .sun .pulse+.pulse{animation-delay:3.2s}@keyframes sunIn{0%{transform:scale(0) rotate(-120deg)}}@keyframes twinkle{50%{transform:scale(.86) rotate(20deg)}}@keyframes burst{0%{transform:scale(.4);opacity:.9}to{transform:scale(4);opacity:0}}@keyframes pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(3.2);opacity:0}}[data-world]{--hi: #e4deff;--mid: #8b7bff;--deep: #3b2f91;--land: #c4b8ff;--glow: rgb(139 123 255 / .42);--cta-a: #7b6cf0;--cta-b: #b85fd0}[data-world=tw]{--hi: #c9fbff;--mid: #31d9f6;--deep: #0a5d7c;--land: #5ee1c7;--glow: rgb(49 217 246 / .42);--cta-a: #1798bb;--cta-b: #7b6cf0}[data-world=hk]{--hi: #ffe0cf;--mid: #ff8257;--deep: #8a2c46;--land: #ffc074;--glow: rgb(255 130 87 / .42);--cta-a: #e2593a;--cta-b: #b85fd0}[data-world=tai]{--hi: #f2ffd6;--mid: #8fd16a;--deep: #2e6a3b;--land: #ffd76a;--glow: rgb(143 209 106 / .4);--cta-a: #3f9a49;--cta-b: #b88a2e}[data-world=th]{--hi: #fff3c4;--mid: #f2b632;--deep: #7a3f12;--land: #ffe08a;--glow: rgb(242 182 50 / .4);--cta-a: #d4891c;--cta-b: #c2508f}.worlds{margin:0;padding:0;list-style:none}.world{position:absolute;left:0;top:0;width:200px;height:200px;margin:-100px 0 0 -100px;transform-style:preserve-3d;perspective:700px}.planet{position:absolute;inset:0;display:block;border-radius:50%;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.planet:focus{outline:none}.planet:focus-visible .globe{outline:calc(3px * var(--inv, 1)) solid var(--text);outline-offset:calc(5px * var(--inv, 1))}.globe{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at var(--lx, 35%) var(--ly, 30%),var(--hi) 0%,var(--mid) 38%,var(--deep) 78%,#0a0b1c 100%);box-shadow:0 0 56px var(--glow),inset 0 0 0 2px #ffffff24}.surface{position:absolute;top:0;left:0;width:200%;height:100%;opacity:.75;background-size:50% 100%;background-repeat:repeat-x;background-image:radial-gradient(16% 11% at 14% 22%,var(--land) 55%,transparent 72%),radial-gradient(13% 9% at 40% 56%,var(--land) 55%,transparent 72%),radial-gradient(9% 7% at 62% 24%,var(--land) 55%,transparent 72%),radial-gradient(12% 8% at 78% 66%,var(--land) 55%,transparent 72%),radial-gradient(6% 10% at 88% 34%,var(--land) 55%,transparent 72%),radial-gradient(6% 5% at 24% 76%,var(--land) 55%,transparent 72%);animation:spin 48s linear infinite}[data-world=hk] .surface{background-image:radial-gradient(11% 13% at 12% 42%,var(--land) 55%,transparent 72%),radial-gradient(15% 8% at 36% 16%,var(--land) 55%,transparent 72%),radial-gradient(12% 10% at 52% 64%,var(--land) 55%,transparent 72%),radial-gradient(10% 13% at 74% 32%,var(--land) 55%,transparent 72%),radial-gradient(8% 6% at 86% 72%,var(--land) 55%,transparent 72%),radial-gradient(5% 4% at 62% 10%,var(--land) 55%,transparent 72%)}@keyframes spin{to{transform:translate(-50%)}}.shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at var(--lx, 35%) var(--ly, 30%),transparent 36%,rgb(6 7 22 / .5) 70%,rgb(6 7 22 / .9) 100%),rgb(11 12 30 / var(--veil, 0))}.planet-name{position:absolute;left:50%;top:100%;transform-origin:50% 0;transform:translate(-50%,12px) scale(var(--inv, 1));font-size:15px;font-weight:700;white-space:nowrap;text-shadow:0 1px 6px #000;opacity:0;transition:opacity .3s;pointer-events:none}.world:not(.focus) .planet-name{opacity:1}.cosmos:not(.settled) .planet-name{opacity:0}.ring{position:absolute;inset:0;transform:rotate(-14deg) rotateX(76deg);transform-style:preserve-3d;pointer-events:none}.ring:before,.ring:after{content:"";position:absolute;left:-40px;width:280px;height:140px;border:2px solid rgb(255 255 255 / .22);transform:translateZ(0);opacity:0;transition:opacity .35s}.ring:before{top:-40px;border-bottom:0;border-radius:140px 140px 0 0}.ring:after{top:100px;border-top:0;border-radius:0 0 140px 140px}.slot{position:absolute;left:72px;top:65px;width:56px;height:70px;animation:orbit 40s linear infinite}.slot:nth-child(2){animation-delay:-8s}.slot:nth-child(3){animation-delay:-16s}.slot:nth-child(4){animation-delay:-24s}.slot:nth-child(5){animation-delay:-32s}@keyframes orbit{0%{transform:rotate(0) translate(140px) rotate(0) rotateX(-76deg) rotate(14deg);opacity:.75}25%{opacity:1}50%{opacity:.75}75%{opacity:.3}to{transform:rotate(360deg) translate(140px) rotate(-360deg) rotateX(-76deg) rotate(14deg);opacity:.75}}.mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;border:2px solid var(--mid);border-radius:12px;background:#1d2040f0;box-shadow:0 6px 16px #00000073;opacity:0;transition:opacity .35s}.mini .fe{width:32px;height:32px}.mini b{font-size:13px;white-space:nowrap}.world.focus .mini,.world.focus .ring:before,.world.focus .ring:after{opacity:1}.world:not(.focus) .slot{animation-play-state:paused}.panel{position:relative;z-index:1}.world-info{display:none;text-align:center}.world-info.on{display:block;animation:infoIn .3s ease-out}@keyframes infoIn{0%{opacity:0;transform:translateY(6px)}}.chips{display:flex;justify-content:center;gap:6px;min-height:22px;margin:0}.chip{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}.chip.rec{background:var(--accent);color:#fff}.chip.last{background:var(--bg-2);border:1px solid var(--line);color:var(--text)}.world-info h3{margin:4px 0 0;font-size:28px;letter-spacing:.04em}.blurb{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}.els{display:flex;justify-content:center;gap:10px;margin:8px 0 0;font-size:13px;color:var(--muted)}.els span{display:inline-flex;align-items:center;gap:2px}.els .fe{width:20px;height:20px}.cta{display:block;max-width:360px;margin:14px auto 0;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,var(--cta-a),var(--cta-b));box-shadow:0 6px 24px var(--glow);color:#fff;font-size:17px;font-weight:800;letter-spacing:.04em;text-align:center;text-decoration:none;text-shadow:0 1px 2px rgb(0 0 0 / .25)}.cta:active{transform:scale(.98)}.dots{display:flex;justify-content:center;margin-top:6px}.dots button{width:34px;height:28px;padding:0;border:0;background:none;cursor:pointer}.dots button:before{content:"";display:block;width:8px;height:8px;margin:auto;border-radius:4px;background:var(--line);transition:width .2s,background-color .2s}.dots button[aria-pressed=true]:before{width:22px;background:var(--text)}.note{margin:6px 0 0;font-size:12px;color:var(--muted);text-align:center}.others{max-width:360px;margin:10px auto 0;text-align:center;font-size:12px}.others summary{display:inline-block;padding:4px 8px;color:var(--muted);opacity:.6;cursor:pointer;list-style:none}.others summary::-webkit-details-marker{display:none}.others summary:after{content:" ›"}.others[open] summary{opacity:.9}.others[open] summary:after{content:" ˅"}.others-search{display:block;width:100%;margin:4px 0 0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:var(--text);font:inherit;font-size:16px}.others ul{margin:6px 0 0;padding:0;list-style:none;text-align:left}.others li a{display:block;padding:8px 12px;border-radius:10px;color:var(--text);text-decoration:none}.others li a:hover,.others li a:focus-visible{background:var(--bg-2)}.others li b{font-size:14px}.others li span{display:block;color:var(--muted)}.others-none{margin:8px 0 0;color:var(--muted)}.warp{position:fixed;z-index:100;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--hi) 0%,var(--mid) 42%,var(--deep) 100%);box-shadow:0 0 40px 8px var(--glow);opacity:0;pointer-events:none}.warp:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:var(--bg);opacity:0}.warp.go{animation:warp .5s cubic-bezier(.55,0,.85,.35) forwards}.warp.go:after{animation:warpFade .5s ease-in forwards}@keyframes warp{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(var(--to, 20))}}@keyframes warpFade{0%,40%{opacity:0}to{opacity:1}}footer{padding:16px 20px max(24px,env(safe-area-inset-bottom));text-align:center;font-size:12px;color:var(--muted)}footer a{color:var(--muted)}footer p{margin:6px 0 0}@media(min-width:900px){main{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:40px}.cosmos{grid-column:1;grid-row:1 / 6;height:600px;margin:0;overflow-x:visible}.hero,.choose,.panel{grid-column:2}.hero{grid-row:2;text-align:left}.brand{justify-content:flex-start}.hero .logo{width:56px;height:56px}.hero h1{font-size:34px}.pitch{margin-left:0;font-size:15px}.choose{grid-row:3;margin-top:32px;text-align:left}.panel{grid-row:4;margin-top:12px}.world-info,.note{text-align:left}.chips,.els,.dots{justify-content:flex-start}.world-info h3{font-size:40px}.blurb{font-size:16px}.cta{margin-left:0}.dots button:first-child{margin-left:-13px}}@media(prefers-reduced-motion:reduce){.sky i,.cosmos.ready .sun svg,.cosmos.ready .sun i,.world-info.on{animation:none}.surface,.slot{animation-play-state:paused}}