:root{--ink: #f5f7fb;--muted: #b7c0d1;--glass: rgba(12, 16, 28, .62);--glass-strong: rgba(12, 16, 28, .86);--line: rgba(255, 255, 255, .14);--accent: #8b5cf6;--accent-2: #22d3ee;--font: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}html,body,#root,.app{margin:0;height:100%;width:100%;overflow:hidden}body{background:#0b1020;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}button{font-family:inherit}.label{background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink);padding:8px 16px;border-radius:999px;font:600 15px var(--font);white-space:nowrap;text-align:center;box-shadow:0 8px 24px #00000040}.label small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em}.label.big{font-size:30px;letter-spacing:.18em;padding:12px 26px;border-radius:18px;background:linear-gradient(135deg,#8b5cf68c,#22d3ee73)}.label.big small{font-size:13px;letter-spacing:.06em;color:#e8ecff}.btn{border:1px solid var(--line);background:#ffffff14;color:var(--ink);padding:12px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s,background .2s}.btn:hover{background:#ffffff29;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),#6366f1);border-color:transparent}.btn.ghost{background:transparent;margin-top:18px}.btn.small{padding:6px 12px;margin:0;font-size:13px}.pill{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.btn-pill{cursor:pointer}.btn-pill:hover{background:var(--glass-strong)}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.intro{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#0b102059,#0b1020cc);z-index:50}.intro-card{max-width:560px;width:100%;background:var(--glass-strong);border:1px solid var(--line);border-radius:24px;padding:36px 32px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px #00000073;animation:rise .6s ease-out}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600}.intro h1{margin:6px 0 10px;font-size:clamp(38px,9vw,60px);letter-spacing:.12em;background:linear-gradient(135deg,#fff,#c4b5fd 50%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:17px;line-height:1.55;margin:0}.sub b{color:var(--ink)}.back{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#22d3ee1f;color:#cffafe;font-size:14px}.hint{margin-top:20px;color:var(--muted);font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.topbar{position:fixed;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:30;pointer-events:none}.topbar>*{pointer-events:auto}.brand{font-weight:700;letter-spacing:.2em;font-size:18px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.brand span{display:block;font-size:11px;letter-spacing:.08em;font-weight:500;color:#e5e9f2;opacity:.85}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.prompt{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--glass-strong);border:1px solid var(--line);color:var(--ink);border-radius:18px;padding:12px 22px 12px 14px;cursor:pointer;z-index:30;animation:pop .35s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:left}.prompt b{display:block;font-size:16px}.prompt small{color:var(--accent-2);font-size:13px}.prompt-emoji{font-size:30px}@keyframes pop{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.panel-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#05081040}.panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--glass-strong);border-left:1px solid var(--line);padding:28px 24px;overflow-y:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:slide .35s ease-out;user-select:text;-webkit-user-select:text}@keyframes slide{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.panel-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.panel-emoji{font-size:44px}.panel h2{margin:0;font-size:26px}.tagline{margin:4px 0 0;color:var(--accent-2);font-size:14px}.story{color:#dbe1ec;line-height:1.65;font-size:15.5px}.cards{display:grid;gap:10px;margin-top:18px}.card{background:#ffffff0d;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card h3{margin:6px 0 4px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c4b5fd;font-weight:700}.map-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:16px;background:#0508108c}.map{width:min(640px,100%);max-height:100%;overflow:auto;background:var(--glass-strong);border:1px solid var(--line);border-radius:22px;padding:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:rise .3s ease-out}.map-head{display:flex;justify-content:space-between;align-items:center}.map-head h2{margin:0;font-size:20px}.map svg{width:100%;height:auto;display:block;margin-top:8px}.m-land{fill:#2f4a2a;stroke:#ffffff26;stroke-width:2}.m-road{stroke:#1c1e22;stroke-width:8;stroke-linecap:round}.m-zone{cursor:pointer}.m-zone circle{fill:#0c101cd9;stroke:#8b8fa3;stroke-width:2;transition:stroke .2s}.m-zone.seen circle{stroke:var(--accent-2);stroke-width:3;filter:drop-shadow(0 0 6px rgba(34,211,238,.8))}.m-zone.soon circle{stroke-dasharray:4 3;opacity:.8}.m-zone:hover circle{stroke:#fff}.m-emoji{font-size:18px;text-anchor:middle}.m-name{font-size:11px;fill:#e5e9f2;text-anchor:middle;font-weight:600;paint-order:stroke;stroke:#0009;stroke-width:3px}.m-car{fill:#facc15;stroke:#111;stroke-width:1.2}.map-hint{color:var(--muted);font-size:13px;text-align:center;margin:8px 0 0}.dock{position:fixed;right:16px;bottom:28px;display:flex;flex-direction:column;gap:8px;z-index:30;align-items:flex-end}.toast{position:fixed;top:76px;left:50%;transform:translate(-50%);background:var(--glass-strong);border:1px solid var(--line);padding:12px 18px;border-radius:14px;z-index:60;font-size:14px;animation:rise .25s ease-out;max-width:calc(100% - 32px);text-align:center}.touch{position:fixed;bottom:24px;display:flex;gap:12px;z-index:35}.touch.left{left:16px}.touch.right{right:16px}.touch button{width:68px;height:68px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-size:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:none}.touch button:active{background:#8b5cf699}.touch button.gas{width:80px;height:80px;background:#8b5cf673}@media (max-width: 720px),(pointer: coarse){.dock{top:64px;bottom:auto;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;left:16px}.dock .pill{font-size:12px;padding:6px 10px}.prompt{bottom:120px}.brand{font-size:15px}.label.big{font-size:22px}}.label.sm{font-size:12px;padding:5px 11px}.m-name.soon{font-size:9px;fill:#cbd2df}.brand{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:8px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:none}a.btn{text-decoration:none;display:inline-block}.btn.resonate{margin-top:4px;width:100%}.btn.resonate.on{background:#facc152e;border-color:#facc1580}.profile h3{font-size:15px;margin:18px 0 8px}.muted{color:var(--muted);font-size:14px;margin:6px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#ffffff14;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer}.chip.locked{opacity:.45;cursor:default}.souter-sign{font-family:Cormorant Garamond,Georgia,serif;color:#e3c27a;font-size:64px;font-weight:600;letter-spacing:.04em;text-align:center;line-height:1;white-space:nowrap;text-shadow:0 0 12px rgba(227,194,122,.45)}.souter-sign small{display:block;font-size:15px;letter-spacing:.32em;text-transform:uppercase;margin-top:4px;font-family:var(--font)}.m-name.small{font-size:9px}.d2m-sign{font-family:Cormorant Garamond,Georgia,serif;color:#f8f0e3;font-size:64px;font-weight:600;white-space:nowrap;text-align:center;line-height:1}.d2m-sign i{color:#d9ae5b;font-style:italic}.d2m-sign small{display:block;font-size:14px;letter-spacing:.34em;text-transform:uppercase;color:#e8d2a0;margin-top:6px;font-family:var(--font)}.pk-sign{font-family:"Outfit",var(--font);color:#fff;font-size:60px;font-weight:700;white-space:nowrap;text-align:center;line-height:1;letter-spacing:-.01em}.pk-sign b{color:#ff5722}.pk-sign small{display:block;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#f5c518;margin-top:6px;font-weight:600}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#020309}.sky-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.sky-canvas:active{cursor:grabbing}.sky-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);transition:background .4s}.sky-vignette.eyepiece{background:radial-gradient(circle at center,transparent 0,transparent min(42vh,42vw),#000 calc(min(42vh,42vw) + 2px))}.sky-cross{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;border:1px solid rgba(255,255,255,.25);border-radius:50%}.sky-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted)}.sky-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.sky-top>*{pointer-events:auto}.sky-top b{display:block;font-size:16px}.sky-top span{color:var(--muted);font-size:13px}.sky-top .btn{margin:0}.sky-note{position:absolute;top:70px;left:50%;transform:translate(-50%);max-width:min(560px,calc(100% - 32px));background:#facc151f;border:1px solid rgba(250,204,21,.35);color:#fde68a;padding:8px 14px;border-radius:12px;font-size:13px;text-align:center;pointer-events:none}.sky-find{position:absolute;left:16px;top:120px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-height:calc(100% - 260px);overflow-y:auto}.sky-find-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.chip.below{opacity:.55}.chip.on{background:#8b5cf673;border-color:transparent}.sky-bottom{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.sky-bottom>*{pointer-events:auto}.sky-readout{font-variant-numeric:tabular-nums;font-size:13px;color:#dbe1ec;background:var(--glass);padding:6px 12px;border-radius:999px;border:1px solid var(--line)}.sky-zoom{width:min(420px,100%);accent-color:#8b5cf6}.sky-toggles{display:flex;gap:8px}.sky-help{color:var(--muted);font-size:12px;text-align:center}.sky-label{font-size:11px;white-space:nowrap;color:#c8d6ffbf}.sky-label.const{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8ca5eb99}.sky-label.star{transform:translate(8px,-50%);color:#e6ecffb3}.sky-label.planet{color:#ffe7b0;font-weight:600;font-size:12px}.sky-label.cardinal{color:#f59e0b;font-weight:700;font-size:16px}@media (max-width: 720px){.sky-find{top:auto;bottom:150px;left:16px;right:16px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-height:none}.sky-find-title{display:none}}.prompt.action{border-color:#facc158c;box-shadow:0 0 0 1px #facc1540,0 10px 30px #00000059}.demo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0b0e18}.demo-stage{position:absolute;top:0;right:0;bottom:0;left:0}.demo-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demo-top b{display:block;font-size:17px}.demo-top span{color:var(--muted);font-size:13px}.demo-top .btn{margin:0}.demo-steps{position:absolute;top:66px;left:50%;transform:translate(-50%);display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 32px)}.demo-steps li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px}.demo-steps li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;font-size:11px;font-weight:700}.demo-steps li.now{color:var(--ink);border-color:#c9a24ab3}.demo-steps li.now span{background:#c9a24a;color:#0d111d}.demo-steps li.done span{background:#c9a24a59}.demo-card{position:absolute;left:16px;bottom:16px;width:min(440px,calc(100% - 32px));background:var(--glass-strong);border:1px solid var(--line);border-radius:18px;padding:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:rise .3s ease-out}.demo-card h3{margin:0 0 6px;font-size:18px}.demo-card p{margin:0 0 10px;color:#dbe1ec;font-size:14px;line-height:1.5}.demo-card .btn{margin-top:6px}.demo-card .row{margin-top:8px}.demo-tag{background:#c9a24a1f;border:1px solid rgba(201,162,74,.4);color:#f3e3b8;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5;margin-bottom:8px;animation:rise .3s ease-out}.demo-phases{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.demo-phases span{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.demo-phases span.now{color:#0d111d;background:#c9a24a;border-color:transparent}.demo-phases span.done{color:#f3e3b8;border-color:#c9a24a80}.demo-score{font-size:20px!important;font-weight:700;color:#f3e3b8!important}.btn.reward{display:block;text-align:center;background:linear-gradient(135deg,#c9a24a,#8a6a24);color:#0d111d}.demo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;animation:flash .6s ease-out forwards}@keyframes flash{0%{opacity:.95}to{opacity:0}}.phone{position:absolute;right:24px;bottom:24px;width:280px;background:#0b141a;border:8px solid #1d1f24;border-radius:30px;padding:12px 10px 14px;box-shadow:0 30px 80px #00000080;animation:phoneUp .5s ease-out}@keyframes phoneUp{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.phone-head{display:flex;justify-content:space-between;align-items:baseline;padding:4px 6px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.phone-head span{color:#25d366;font-size:11px}.bubble{background:#1f2c34;color:#e9edef;border-radius:10px;padding:8px 10px;font-size:13px;margin:0 0 8px;line-height:1.4}.bubble.photos{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px}.bubble figure{margin:0}.bubble img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:#111}.bubble figcaption{font-size:11px;color:#8696a0;text-align:center;margin-top:3px}@media (max-width: 720px){.phone{right:50%;transform:translate(50%);bottom:auto;top:110px;width:250px;animation:none}.demo-card{bottom:12px;left:12px;width:calc(100% - 24px)}}