:root{--ss-space-1:#05060f;--ss-space-2:#0b0f24;--ss-space-3:#141b3c;--ss-stage-fg:#e8ecff;--ss-stage-muted:#b8c0ea;--ss-orbit:#96a5ff52;--ss-stage-accent:#ffd166;--ss-fg:var(--fg,#11181c);--ss-fg-muted:var(--fg-muted,#71717a);--ss-card:var(--bg,#fff);--ss-panel:#fffffff0;--ss-border:var(--border,#e4e4e7);--ss-accent:#f5a524;--ss-accent-text:#9a5b00;--ss-good:#17c964;--ss-bad:#f31260}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ss-fg);background:var(--bg-sec,#f4f4f5);font-family:-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sk-accent);outline-offset:2px}.ss-bg{z-index:0;background:radial-gradient(1.5px 1.5px at 10% 20%, #fff, transparent), radial-gradient(1px 1px at 25% 65%, #fff, transparent), radial-gradient(1.5px 1.5px at 40% 15%, #cfe0ff, transparent), radial-gradient(1px 1px at 60% 80%, #fff, transparent), radial-gradient(1.5px 1.5px at 75% 35%, #fff, transparent), radial-gradient(1px 1px at 88% 60%, #cfe0ff, transparent), radial-gradient(1.5px 1.5px at 92% 12%, #fff, transparent), radial-gradient(1px 1px at 15% 90%, #fff, transparent), radial-gradient(1200px 800px at 50% -10%, var(--ss-space-3), transparent 60%), linear-gradient(180deg, var(--ss-space-1), var(--ss-space-2));background-repeat:no-repeat;display:none;position:fixed;inset:0}body.ss-space .ss-bg{display:block}#app{z-index:1;position:fixed;inset:0;overflow:hidden}.ss-scroll{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.ss-wrap{max-width:560px;padding:var(--sk-stage-top) 16px 40px;margin:0 auto}.sk-screen .ss-wrap{width:100%;max-width:560px;padding:0}.ss-card{background:var(--ss-card);border:1px solid var(--ss-border);box-shadow:var(--shadow,0 4px 24px #00000014);border-radius:20px;padding:22px 20px}.ss-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.ss-caption{background:var(--ss-panel);border:1px solid var(--ss-border);color:var(--ss-fg-muted);border-radius:999px;padding:7px 14px;font-size:14px;line-height:1.4}.stage-screen{padding-top:var(--sk-stage-top);flex-direction:column;display:flex;position:absolute;inset:0}.stage-screen>.ss-topbar{flex:none;margin:0 12px 6px}.stage-main{flex:auto;min-height:0;position:relative}.intro{text-align:center;animation:.5s both fadeUp}.intro .art{margin-bottom:10px;font-size:70px;line-height:1;animation:3s ease-in-out infinite float}.intro h1{margin:0 0 8px;font-size:30px}.intro .tag{color:var(--ss-accent-text);background:#f5a52424;border:1px solid #f5a52473;border-radius:999px;margin-bottom:16px;padding:5px 14px;font-size:14px;display:inline-block}.intro p.sub{color:var(--ss-fg-muted);margin-bottom:22px;line-height:1.7}.intro .ss-card{text-align:left;margin-bottom:24px}.intro .ss-card h3{color:var(--ss-accent-text);align-items:center;gap:6px;margin:0 0 8px;font-size:16px;display:flex}.intro .ss-card ul{margin:0;padding-left:20px;font-size:14.5px;line-height:1.7}.hub-head{text-align:center;margin-bottom:18px}.hub-head h2{justify-content:center;align-items:center;gap:8px;margin:0 0 4px;font-size:22px;display:flex}.hub-head p{color:var(--ss-fg-muted);margin:0;font-size:14.5px}.hub-progress{color:var(--ss-fg-muted);justify-content:center;align-items:center;gap:6px;margin-bottom:20px;font-size:14px;display:flex}.hub-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.hub-tile{background:var(--ss-card);border:1px solid var(--ss-border);text-align:center;cursor:pointer;color:inherit;border-radius:18px;padding:18px 14px;font-family:inherit;transition:transform .12s,border-color .12s}.hub-tile:hover{border-color:var(--sk-accent)}.hub-tile:active{transform:scale(.97)}.hub-tile .ico{color:var(--sk-accent);margin-bottom:8px;font-size:30px;line-height:1}.hub-tile .ico .ic{width:1em;height:1em}.hub-tile .lbl{margin-bottom:3px;font-size:15px;font-weight:700}.hub-tile .sub{color:var(--ss-fg-muted);font-size:14px;line-height:1.5}.hub-actions{flex-direction:column;gap:10px;display:flex}.travel-stage{touch-action:pan-x pan-y}.travel-stage svg{width:100%;height:100%;display:block;position:absolute;inset:0}.travel-controls{margin:6px 12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--ss-panel);border:1px solid var(--ss-border);max-width:calc(100% - 24px);color:var(--ss-fg);border-radius:16px;flex-wrap:wrap;flex:none;justify-content:center;align-self:center;align-items:center;gap:12px;padding:8px 14px;display:flex}.travel-controls label{color:var(--ss-fg-muted);font-size:14px}.travel-controls input[type=range]{width:110px;accent-color:var(--sk-accent)}.planet-token{cursor:pointer}.planet-token:focus-visible circle,.planet-token:focus-visible ellipse{outline:2px solid var(--ss-stage-accent)}@media (height<=500px) and (width>=640px){.stage-screen.travel{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(200px,250px) 1fr;padding-top:12px;display:grid}.stage-screen.travel>.ss-topbar{flex-direction:column;grid-area:1/1;align-items:stretch;margin:0 0 6px 12px}.stage-screen.travel>.travel-controls{grid-area:3/1;max-width:none;margin:6px 0 12px 12px}.stage-screen.travel>.stage-main{margin-top:var(--sk-stage-top);grid-area:1/2/4}}.info-sheet{z-index:8;background:var(--ss-card);border-top:1px solid var(--ss-border);visibility:hidden;max-height:60%;color:var(--ss-fg);border-radius:22px 22px 0 0;padding:18px 20px 22px;transition:transform .28s cubic-bezier(.3,0,.2,1),visibility .28s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -8px 30px #00000040}.info-sheet.open{visibility:visible;transform:translateY(0)}.info-sheet .row{align-items:center;gap:12px;margin-bottom:10px;padding-right:40px;display:flex}.info-sheet h3{margin:0;font-size:19px}.info-sheet .facts{color:var(--ss-fg-muted);flex-wrap:wrap;gap:6px 14px;margin-bottom:10px;font-size:14px;display:flex}.info-sheet .facts b{color:var(--ss-fg)}.info-sheet p.desc{margin:0 0 14px;font-size:14.5px;line-height:1.65}.sheet-close{color:var(--ss-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:absolute;top:6px;right:8px}.star-btn{cursor:pointer;min-width:44px;min-height:44px;color:var(--ss-fg-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;display:inline-flex}.star-btn[aria-pressed=true]{color:var(--ss-accent)}.star-btn[aria-pressed=true] .ic,.fav-mark .ic{fill:currentColor}.fav-mark{color:var(--ss-accent)}.cmp-hint{color:var(--ss-fg-muted);text-align:center;background:var(--ss-panel);border:1px solid var(--ss-border);border-radius:16px;flex:none;align-self:center;align-items:center;gap:6px;max-width:calc(100% - 24px);margin:0 12px 4px;padding:6px 14px;font-size:14px;line-height:1.4;display:flex}.cmp-scroll{-webkit-overflow-scrolling:touch;padding-top:44px;overflow:auto hidden}.cmp-scroll.dist{padding-top:96px;overflow-y:auto}.cmp-track{height:100%;min-height:160px;position:relative}.cmp-label{color:var(--ss-stage-fg);white-space:nowrap;text-align:center;font-size:14px;font-weight:700;position:absolute;top:-28px;transform:translate(-50%)}.cmp-ratio{color:var(--ss-stage-accent);white-space:nowrap;text-align:center;font-size:14px;font-weight:700;line-height:1.25;position:absolute;transform:translate(-50%)}.cmp-ratio small{color:var(--ss-stage-muted);font-size:12px;font-weight:600;display:block}.earth-ghost{cursor:grab;touch-action:none}.earth-ghost.dragging{cursor:grabbing}.size-result{left:50%;bottom:calc(var(--sk-stage-bottom) + 24px);z-index:9;text-align:center;width:max-content;max-width:min(86vw,420px);padding:12px 16px;font-size:15px;line-height:1.5;position:fixed;transform:translate(-50%)}.dist-chipbar{z-index:6;background:var(--ss-panel);border-top:1px solid var(--ss-border);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));flex:none;gap:8px;display:flex;overflow-x:auto}.dist-chip{background:var(--card-bg,#f4f4f5);border:1px solid var(--ss-border);color:var(--ss-fg);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:4px;min-height:44px;padding:8px 14px;font-family:inherit;font-size:14px;display:inline-flex}.dist-chip:hover{border-color:var(--sk-accent)}.zoom-bar{gap:6px;display:flex}.codex-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.codex-card{background:var(--ss-card);border:1px solid var(--ss-border);text-align:center;cursor:pointer;color:inherit;border-radius:16px;padding:14px;font-family:inherit}.codex-card:hover{border-color:var(--sk-accent)}.codex-card:active{transform:scale(.97)}.codex-card>svg{margin:0 auto 6px;display:block}.codex-card .lbl{justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.codex-detail{animation:.3s both fadeUp}.codex-detail-hero{text-align:center;margin-bottom:14px}.codex-detail-facts{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.fact-box{background:var(--ss-card);border:1px solid var(--ss-border);text-align:center;border-radius:12px;padding:10px 12px}.fact-box .k{color:var(--ss-fg-muted);font-size:13px}.fact-box .v{margin-top:2px;font-size:14.5px;font-weight:700}.mission-progress{text-align:center;color:var(--ss-fg-muted);margin-bottom:14px;font-size:14px}.mission-q{text-align:center;margin-bottom:18px;font-size:18px;font-weight:700;line-height:1.5}.choice-list{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.choice-btn{text-align:left;border:2px solid var(--ss-border);background:var(--ss-card);color:var(--ss-fg);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:44px;padding:12px 16px;font-family:inherit;font-size:15px;display:flex}.choice-btn:disabled{cursor:default}.choice-btn.selected{border-color:var(--sk-accent);background:var(--sk-info-bg)}.choice-btn.correct{border-color:var(--ss-good);background:var(--sk-ok-bg)}.choice-btn.wrong{border-color:var(--ss-bad);background:var(--sk-no-bg)}.order-pool,.order-slots{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.order-slot{background:var(--ss-card);cursor:pointer;width:60px;height:60px;color:inherit;font:inherit;border:2px dashed #b4b4bb;border-radius:14px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.order-slot .idx{color:var(--ss-fg-muted);font-size:13px;position:absolute;top:2px;left:5px}.order-slot.filled{border-style:solid;border-color:var(--ss-border)}.order-slot.correct{border-color:var(--ss-good);border-style:solid}.order-slot.wrong{border-color:var(--ss-bad);border-style:solid}.order-slot.wrong:after{content:"✗";color:var(--sk-no-fg);font-size:13px;position:absolute;bottom:1px;right:5px}.order-slot.correct:after{content:"✓";color:var(--sk-ok-fg);font-size:13px;position:absolute;bottom:1px;right:5px}.order-chip{border:1px solid var(--ss-border);background:var(--ss-card);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.order-chip:disabled{opacity:.25;cursor:default}.feedback-box{color:var(--ss-fg);border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:15px;line-height:1.6;animation:.3s both popIn}.feedback-box .fb-ic{vertical-align:-.2em;margin-right:2px}.feedback-box.ok{background:var(--sk-ok-bg);border:1px solid var(--ss-good)}.feedback-box.ok .fb-ic{color:var(--sk-ok-fg)}.feedback-box.no{background:var(--sk-no-bg);border:1px solid var(--ss-bad)}.feedback-box.no .fb-ic{color:var(--sk-no-fg)}.mission-actions{justify-content:center;margin-top:10px}.mission-actions>.sk-btn{flex:0 auto}.result-score{text-align:center;margin-bottom:16px;font-size:16px}.result-score b{color:var(--ss-accent-text);font-size:26px}.summary-box{background:var(--ss-card);border:1px solid var(--ss-border);border-radius:16px;margin-bottom:20px;padding:16px 18px;font-size:14.5px;line-height:1.75}.summary-box b{color:var(--ss-accent-text)}.summary-box .sum-title{align-items:center;gap:6px;font-weight:800;display:flex}.result-actions{justify-content:center}.result-actions>.sk-btn{flex:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.info-sheet{transition:none}.intro,.codex-detail,.feedback-box{animation:none}}.planet-label{pointer-events:none;fill:var(--ss-stage-fg);paint-order:stroke;stroke:#05060fd9;stroke-width:3px;stroke-linejoin:round;font-family:inherit;transition:fill .15s}.planet-token:hover .planet-label,.planet-token:focus-visible .planet-label{fill:var(--ss-stage-accent)}