*{box-sizing:border-box}html{scroll-behavior:smooth;--bg:#090d18;--fg:#f4f6ff;--muted:#b2bdd1;--line:#394255;--panel:#111a2a;--hot:#a5c6ff;--btn:#101928;--sans:"Segoe UI","Microsoft JhengHei","PingFang TC",system-ui,sans-serif;--mono:Consolas,monospace}body{margin:0;color:var(--fg);background:var(--bg);font:16px/1.65 var(--sans);overflow-wrap:break-word}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-underline-offset:4px}a,input,button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--hot);outline-offset:3px}[hidden]{display:none!important}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}
.mast{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 clamp(20px,5vw,96px)}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font:900 24px/1 Arial,sans-serif;letter-spacing:-1.6px}.brand i{width:24px;height:20px;display:block;background:var(--hot);clip-path:polygon(0 100%,33% 0,57% 0,25% 100%,39% 100%,71% 0,96% 0,64% 100%)}.division,.kicker,.folio,.chapter,.eyebrow{font:600 12px/1.5 var(--mono);letter-spacing:.12em}.division{color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.nav{display:flex;align-items:center;min-height:44px;margin-left:auto;gap:12px;text-decoration:none;font-size:14px}.nav span{color:var(--hot)}
.stage{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:clamp(575px,78vh,810px);padding:60px 24px 80px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 72%,#16284b,transparent 65%)}.art{z-index:-1;position:absolute;inset:0;pointer-events:none;background:url(halo.svg) center 63%/cover no-repeat;animation:appear 1.3s ease-out both}.hero-copy,.intake{position:relative}.hero-copy:before{position:absolute;content:"";inset:-17% -24%;z-index:-1;background:radial-gradient(ellipse,#090d18 15%,rgba(9,13,24,.77) 44%,transparent 72%)}.kicker,.chapter,.eyebrow{color:var(--hot)}.kicker{margin-bottom:16px}.kicker:before{content:"";display:inline-block;background:var(--hot);width:22px;height:2px;vertical-align:middle;margin-right:10px}h1{font-weight:760;font-size:clamp(48px,5.9vw,96px);letter-spacing:-.064em;line-height:1.14}h1 strong{font-weight:inherit;color:var(--hot)}.deck{margin:19px auto 0;max-width:40em;font-size:clamp(16px,1.3vw,20px);color:var(--muted);text-wrap:pretty}.intake{width:min(610px,100%);margin-top:28px;text-align:left}#scan label{font-size:14px;color:var(--fg);font-weight:bold;display:block;margin-bottom:7px}.field{display:flex;align-items:center;padding:6px;gap:8px;border:1px solid #7889ab;border-radius:9px;background:#101726;box-shadow:0 10px 40px #0002}.field>span{color:var(--hot);padding-left:10px}.field input{min-width:0;flex:1;border:0;background:transparent;color:var(--fg);padding:10px 6px;font-size:17px}.field input::placeholder{color:var(--muted)}button,.friend-link,.utility a,.inline-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 17px;background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:5px;font-weight:650;text-decoration:none}button:hover,.friend-link:hover{border-color:var(--hot)}.field button,#boost{background:var(--hot);border-color:var(--hot);color:var(--btn)}.field button b{padding-left:10px}.form-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:13px}.form-meta a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center}.form-meta span+span:before{content:"·　"}#feedback{font-size:14px;color:var(--hot)}.folio{position:absolute;bottom:19px;left:5%;right:5%;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}
[data-look=index]{--bg:#f5f4ee;--fg:#20201d;--hot:#af330c;--line:#bbbcb3;--muted:#54554f;--panel:white;--btn:white}[data-look=index] .stage{align-items:flex-start;text-align:left;background:var(--bg);justify-content:center;padding-left:8%;min-height:clamp(560px,74vh,800px)}[data-look=index] .art{inset:0 0 0 40%;background:url(index.svg) 50% 50%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 36%)}[data-look=index] .hero-copy:before{display:none}[data-look=index] .hero-copy,[data-look=index] .intake{background:linear-gradient(90deg,var(--bg) 62%,transparent)}[data-look=index] .deck{max-width:34em;margin-left:0;color:#3f403b}[data-look=index] .field{background:white;border:2px solid #20201d;border-radius:0;box-shadow:4px 4px #20201d}[data-look=index] button{border-radius:0}[data-look=index] h1 strong{color:var(--fg);text-decoration:underline;text-decoration-thickness:.065em;text-decoration-color:#ff632f;text-underline-offset:.14em}
[data-look=flux]{--bg:#130c30;--fg:#f7f3ff;--line:#554374;--muted:#d4cbe4;--panel:#21183d;--hot:#b6f8e5;--btn:#142b23}[data-look=flux] .stage{align-items:flex-start;text-align:left;justify-content:space-between;padding:clamp(40px,5vw,80px) 7% 65px;background:linear-gradient(165deg,#17102e 10%,#29205f 56%,#562a77)}[data-look=flux] .art{background:url(flux.svg) 50% 72%/100% 100% no-repeat;inset:0 -2%}[data-look=flux] .hero-copy:before{background:radial-gradient(ellipse,#201537 10%,transparent 70%)}[data-look=flux] h1 strong{color:#d2c0ff}[data-look=flux] .deck{margin-left:0}[data-look=flux] .intake{width:min(660px,100%);margin:80px 0 0 auto;background:#1d1532f5;padding:14px 22px 3px;border:1px solid #7d679a;border-radius:12px}[data-look=flux] .field{background:#1c162c;border-color:#726486}
.report-body{width:min(1120px,90%);margin:auto}.method{display:grid;grid-template-columns:.65fr 1fr 1.1fr;align-items:start;gap:30px;padding:55px 0;border-bottom:1px solid var(--line)}.method h2,.result-head h2{font-size:clamp(26px,2.65vw,46px);line-height:1.25;letter-spacing:-.06em}.method dl{display:grid;gap:3px}.method dt{font-weight:700}.method dd,.method p{color:var(--muted);margin:0 0 12px}.inline-link{margin:6px 0}footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:26px 0;color:var(--muted);font-size:14px}#results{padding:40px 0;scroll-margin-top:12px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{margin-bottom:9px}#score{font-size:clamp(20px,2.2vw,30px);color:var(--hot)}#summary,#passport,#trend>p{color:var(--muted);font-size:15px}.action-panel{margin:24px 0;background:var(--panel);padding:22px;border-left:3px solid var(--hot)}.action-panel h3{font-size:24px}.tools{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:14px;font:15px/1.6 var(--sans)}#results article{padding:13px 0;border-top:1px solid var(--line)}#results article h3{font-size:18px}#results h2:not(#report-title){font-size:24px;margin:20px 0 8px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:12px 0;font-weight:650}.friend-link{color:var(--hot)}#snippet-fields{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}#snippet-fields label{display:grid;font-size:14px}#snippet-fields input{max-width:100%;padding:9px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}
@keyframes appear{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:740px){.mast{height:61px;gap:10px}.division{display:none}.stage{padding:38px 20px 66px;min-height:565px}h1{font-size:clamp(35px,7.7vw,56px);letter-spacing:-.06em}.deck{font-size:16px;max-width:29em}.intake{margin-top:24px}.form-meta{gap:2px 7px}.form-meta a{margin-left:0}.field{gap:2px}.field button{padding:8px 11px}.field button b{padding-left:3px}.field>span{padding-left:4px}.folio{font-size:9px}.method{grid-template-columns:1fr;gap:13px;padding:32px 0}.method h2 br{display:none}.result-head{align-items:start;flex-direction:column}.art{background-size:auto 100%}[data-look=index] .stage{padding-left:6%;min-height:560px}[data-look=index] .art{inset:0 0 0 18%;opacity:.38;mask-image:linear-gradient(135deg,transparent 37%,#000 90%)}[data-look=index] .deck{background:var(--bg)}[data-look=flux] .stage{padding:42px 20px 50px;min-height:570px}[data-look=flux] .intake{margin-top:70px;padding:11px 10px 2px}[data-look=flux] .art{inset:0 -28%;background-size:auto 100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art{animation:none}}
@media print{.mast,.stage,.method,footer,.tools,.action-panel,noscript{display:none!important}html,body{background:white;color:#171717;--fg:#171717;--muted:#444;--hot:#234878;--line:#aaa;--bg:#fff}#results{padding:0}.report-body{width:100%}article{break-inside:avoid}summary{break-after:avoid}.result-head{display:block}}

/* The orbital series shares a single action in the first viewport. */
[data-look=horizon] {--bg:#07131e; --panel:#102434; --hot:#a3ebff; --muted:#c1d0da}
[data-look=atlas] {--bg:#061722; --panel:#102b38; --hot:#96ecd9; --muted:#bfd2d7}
[data-look=eclipse] {--bg:#170f1a; --panel:#2b1c2a; --hot:#ffcdad; --muted:#d7c5d3}
:is([data-look=horizon],[data-look=atlas],[data-look=eclipse]) .stage {min-height:clamp(620px,79vh,830px)}
:is([data-look=horizon],[data-look=atlas],[data-look=eclipse]) .art {inset:0; background:none}
.art svg {display:block; width:100%; height:100%}
.orbit-note {position:absolute; display:grid; gap:2px; text-align:left; border-left:2px solid var(--hot); padding:2px 0 2px 13px}
.note-caption {color:var(--muted); font:600 11px/1.5 var(--mono); letter-spacing:.08em}
.orbit-note strong {font:650 clamp(25px,2.6vw,40px)/1.15 var(--sans); letter-spacing:-.045em}
.orbit-note small {color:var(--muted); font-size:12px}
[data-look=horizon] .stage {justify-content:flex-start; padding-top:clamp(58px,8vh,100px); background:radial-gradient(ellipse at 50% 109%,#276083,transparent 59%),#07131e}
[data-look=horizon] .hero-copy:before {display:none}
[data-look=horizon] .orbit-note {left:7%; bottom:10%; background:#07131edb}
[data-look=atlas] .stage {align-items:flex-start; text-align:left; padding-inline:7%; background:radial-gradient(ellipse at 75% 48%,#113c48,transparent 51%),#061722}
[data-look=atlas] .hero-copy {max-width:60%}
[data-look=atlas] .hero-copy:before {background:radial-gradient(ellipse,#061722 25%,transparent 74%)}
[data-look=atlas] .deck {max-width:28em; margin-left:0}
[data-look=atlas] .intake {width:min(49%,610px)}
[data-look=atlas] .orbit-note {top:50%; left:74%; transform:translate(-50%,-50%); text-align:center; border:0; padding:12px 16px; background:#09202ced}
[data-look=eclipse] .stage {background:radial-gradient(ellipse at 52% 48%,#43263b,transparent 68%),#160f19}
[data-look=eclipse] .hero-copy:before {background:radial-gradient(ellipse,#20151f 28%,#20151fdd 48%,transparent 73%)}
[data-look=eclipse] .field {background:#211820; border-color:#937c83}
[data-look=eclipse] .orbit-note {right:6%; bottom:9%; background:#1c131bec}
@media(max-width:900px) {
 :is([data-look=horizon],[data-look=eclipse]) .orbit-note {position:static; margin-top:18px; background:none}
 [data-look=horizon] .stage {justify-content:center; padding-top:44px}
}
@media(max-width:740px) {
 :is([data-look=horizon],[data-look=atlas],[data-look=eclipse]) .stage {min-height:570px; padding:38px 20px 52px}
 [data-look=atlas] .hero-copy,[data-look=atlas] .intake {width:100%; max-width:none}
 [data-look=atlas] .art {inset:0 -44% 0 -18%; opacity:.42}
 [data-look=atlas] .orbit-note {position:static; transform:none; background:#09202c; margin-top:12px; text-align:left; border-left:2px solid var(--hot)}
 .orbit-note strong {font-size:24px}
 .orbit-note {gap:0}
}
@media(max-width:430px) {
 :is([data-look=horizon],[data-look=atlas],[data-look=eclipse]) .field {flex-wrap:wrap; padding:7px}
 :is([data-look=horizon],[data-look=atlas],[data-look=eclipse]) .field button {width:100%}
 :is([data-look=horizon],[data-look=atlas],[data-look=eclipse]) .intake {margin-top:16px}
}

[data-look=horizon] .deck {
  background:radial-gradient(ellipse,#091725 45%,transparent 76%);
  text-shadow:0 1px 4px #07131e;
}
@media(max-width:900px) {
  [data-look=eclipse] .orbit-note {
    padding:6px 14px;
    background:#211721ed;
  }
}

/* E 星圖的成績頁沿用進站時的星圖配色，狀態同時以符號與文字表示。 */
#atlas-passport {
  margin-block:20px;
  padding:clamp(14px,2vw,28px);
  background:radial-gradient(ellipse at 100% 0%,#123541,transparent 70%),var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
}
.atlas-heading,.atlas-priority {display:flex;align-items:center;justify-content:space-between;gap:12px}
#results .atlas-heading h2 {margin:0;font-size:clamp(22px,3vw,32px)}
.atlas-heading .eyebrow {margin:0 0 3px}
#atlas-count {color:var(--hot);font-size:clamp(26px,3.5vw,42px);font-variant-numeric:tabular-nums}
#atlas-missing,.atlas-legend {color:var(--muted);font-size:14px}
.atlas-priority {
  margin:14px 0;
  padding:9px 14px;
  border-left:3px solid #ffcca0;
  background:#081c27;
}
.atlas-priority small,.atlas-priority strong {display:block}
.atlas-priority small {font-size:12px;color:#ffcca0}
#atlas-gain {font-size:15px;color:#ffdbbc}
@media(max-width:600px) {
  #results {padding-top:12px}
  #atlas-passport {margin-block:12px}
  .atlas-priority {display:block}
  #atlas-gain {display:block;margin-top:3px;font-size:14px}

}
@media print {
  #atlas-passport,.atlas-priority {background:white!important;color:#152630!important}
  #atlas-passport {break-inside:avoid}
  #atlas-count,#atlas-gain,.atlas-priority small {color:#234878}
}

#scan-scene {
  position:absolute; inset:0; z-index:3; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:12px; text-align:center; padding:24px;
  background:radial-gradient(ellipse at center,#173b47 0%,#091f2c 48%,#071721 88%);
  color:#e4faf8;
}
#scan-scene small {font:600 12px var(--mono);letter-spacing:.18em;color:#9ee9da}
#scene-host {font-size:clamp(20px,4vw,40px);max-width:100%;overflow-wrap:anywhere}
#scene-phase {color:#b8d8df;font-size:15px}
.scan-orbit {position:relative;width:126px;aspect-ratio:1;margin-bottom:10px;border:1px solid #527f89;border-radius:50%;
  background:radial-gradient(circle,#b4ffed 0 3px,transparent 4px 28%,#467780 29%,transparent 30% 52%,#385c68 53%,transparent 54%);
  box-shadow:0 0 42px #7ae5e41f}
.scan-orbit i {position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 50%,#92ffe733 96%,#aeffe9 100%);animation:orbital-sweep 1.6s linear infinite}
@keyframes orbital-sweep {to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.scan-orbit i{animation:none}}
#score-math {font-size:15px;color:var(--muted);margin:10px 0 4px}
#score-ledger {font-size:15px;color:var(--muted);padding-bottom:4px}
#score-ledger summary {color:var(--hot)}
#ledger-rows>div {display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--line)}
#ledger-rows strong {color:var(--fg)}#ledger-rows b {font-size:14px}#ledger-rows span {grid-column:1/-1;overflow-wrap:anywhere;font-size:14px}
.service-entry {margin:16px 0;padding:15px 18px;background:var(--panel);border-left:3px solid var(--hot)}
.service-entry .tools {margin:9px 0 0}
#expert {background:var(--hot);color:var(--btn);border-color:var(--hot)}
.service-entry #boost {background:var(--panel);color:var(--fg);border-color:var(--line)}
#expert-panel {padding:18px;border:1px solid var(--line);border-radius:8px}
#expert-panel p,#kit>p {color:var(--muted);font-size:15px}
#expert-note {display:block;width:100%;min-height:9em;margin-top:10px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:10px;font:inherit;resize:vertical}
#quick-fixes {padding-left:23px}
#quick-fixes li {margin:0 0 10px}
#quick-fixes li p {color:var(--muted);font-size:15px}
#kit {scroll-margin-top:16px}
@media(max-width:480px){.service-entry .tools button{width:100%}}
@media print{#scan-scene,.service-entry,#expert-panel {display:none!important}}

/* Mission board: each illuminated segment represents one earned stamp. */
#atlas-passport {
  background:#10182a;
  border-color:#364365;
  color:#ecf1ff;
}
.quest-board {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(16px,2.4vw,30px);
  border:1px solid #38476e;
  border-radius:9px;
  background:linear-gradient(115deg,#12182f 18%,#1b2241 100%);
}
.quest-board::before {
  content:"";position:absolute;z-index:-1;inset:0 -12% 0 56%;
  transform:skewX(-23deg);
  background:repeating-linear-gradient(90deg,transparent 0 15px,#7891f212 15px 30px);
}
.quest-kicker {font:800 13px var(--mono);letter-spacing:.13em;color:#ffca69}
.quest-title {display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#atlas-count {display:inline-flex;align-items:baseline;gap:6px;white-space:pre;color:#e4eaff}
#atlas-count b {font:italic 900 clamp(58px,8vw,104px)/1.15 Arial,sans-serif;color:#c6d7ff;letter-spacing:-.06em}
@supports(background-clip:text) {
  #atlas-count b {background:linear-gradient(155deg,#fff 22%,#b7d2ff 66%,#758dff);background-clip:text;color:transparent}
}
#atlas-count span {font-size:clamp(16px,2.3vw,24px)}
#results .quest-title h2 {margin:0;color:#d5ddfa;font-size:18px}
#quest-milestone {margin:4px 0 12px;font-weight:750}
#quest-meter {display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;margin:0 4px;transform:skewX(-16deg)}
#quest-meter i {height:16px;border-radius:2px;background:#303a59}
#quest-meter .lit {background:#6b8aff;box-shadow:0 0 8px #83a2ff55}
#quest-meter .lit:nth-child(n+3) {background:#9284ff}
#quest-meter .lit:nth-child(n+5) {background:#bd79dd}
#quest-meter .lit:nth-child(n+7) {background:#ed71ac}
.quest-caption {display:flex;align-items:center;justify-content:space-between;color:#bdc9e5;font-size:13px;margin:4px 0 8px}
.quest-caption b {font:italic 800 20px var(--sans);color:#f1f3ff}
#atlas-passport .atlas-priority {border-left-color:#ffba72;background:#172238}
#copy-agent {border-color:#aabaff;background:#c1ccff;color:#182241}
#agent-status {display:block;color:#d4e0ff;font-size:14px}
#agent-status:not(:empty) {margin:6px 0}
#agent-preview summary {color:#c8d3f1;font-size:14px}
#agent-text {width:100%;height:16em;resize:vertical;color:#e9eeff;background:#0d1728;border:1px solid #576586;padding:12px;font:14px/1.6 var(--sans)}
@media(max-width:480px){#copy-agent{width:100%}.quest-board{padding:14px}#quest-meter i{height:13px}}
@media print {
  .quest-board {background:white;color:#172638}
  .quest-board::before,#agent-preview,#copy-agent,#agent-status {display:none}
  #atlas-count b,#atlas-count span,#results .quest-title h2,.quest-caption,.quest-caption b,.quest-kicker{color:#203052}
}
.quest-tools {display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:480px){.quest-tools button{flex:1 0 100%}}
@media print{.quest-tools{display:none}}

/* One continuous chart. Stars and routes share the same percentage coordinates. */
.sky-layout {display:grid;grid-template-columns:minmax(0,1.75fr) minmax(230px,1fr);gap:16px;margin-top:15px}
.sky-panel {min-width:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 23% 45%,#4d426130,transparent 56%),radial-gradient(ellipse at 75% 48%,#274c692e,transparent 64%),#090f20;overflow:hidden;border-radius:8px}
.sky-panel::before {content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#cbd7f2aa .7px,transparent 1.3px),radial-gradient(circle,#99afc577 .8px,transparent 1.2px),radial-gradient(circle,#7f9cc555 .6px,transparent 1.1px);background-size:79px 83px,121px 113px,47px 53px;background-position:11px 17px,36px 61px,5px 4px}
.sky-heading,.sky-key {position:relative}
.sky-heading {display:grid;gap:2px;padding:16px 18px 0}.sky-heading span,.sky-detail small {font:700 11px/1.5 var(--mono);letter-spacing:.12em}.sky-heading span {color:#9eaed2}.sky-heading strong {font-size:20px}
.sky-field {height:clamp(285px,27vw,355px);position:relative;margin-inline:3px}
#sky-links,#atlas-stamps {position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;list-style:none}
#sky-links path {fill:none;vector-effect:non-scaling-stroke;stroke-width:1.6}
.route-lit {stroke:#94d6ff;filter:drop-shadow(0 0 3px #42c2ff)}.route-break {stroke:#fa7062;stroke-dasharray:5 4}.route-quiet {stroke:#607087;stroke-dasharray:2 5}
#atlas-stamps li {position:absolute;transform:translate(-50%,-20px)}
.sky-star {position:relative;display:flex;flex-direction:column;gap:2px;align-items:center;min-width:48px;min-height:52px;padding:0;background:none;color:white;border:0;box-shadow:none;border-radius:40%;line-height:1;white-space:nowrap}
.sky-star:hover {border:0}
.sky-star i {position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:normal 34px/1 Georgia,serif}
.sky-star span {font-size:13px;font-weight:700;text-shadow:0 1px 4px #080c16,0 0 8px #080c16}
.sky-star.lit {color:#cdf5ff}.sky-star.lit i {text-shadow:0 0 5px #f3ffff,0 0 11px #4bd8ff,0 0 18px #2680c7}
.sky-star.quiet {color:#a2aec0}.sky-star.quiet i {font:normal 23px/1 system-ui;color:#8996ab}
.sky-star.break {color:#ffae98}.sky-star.break i {background:#3a171d;color:#ff997b;font:bold 26px/1 var(--sans);outline:2px dashed #ff7767;outline-offset:-4px;box-shadow:0 0 16px #ff553b50}
.sky-star[aria-pressed=true] i::after {content:"";position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%}
.sky-star.break[aria-pressed=true] i::after {animation:signal-pulse 1.9s ease-out infinite}
@keyframes signal-pulse {0%,100%{transform:scale(.96);opacity:.9}65%{transform:scale(1.17);opacity:.4}}
@media(prefers-reduced-motion:reduce){.sky-star.break[aria-pressed=true] i::after{animation:none}}
.sky-key {display:flex;flex-wrap:wrap;gap:12px;padding:0 16px 12px;font-size:12px;color:#a2aec0}.sky-key span:first-child{color:#cdf5ff}.sky-key span:nth-child(2){color:#ffae98}
.sky-detail {min-width:0;align-self:center;padding:16px;border-left:2px solid #7794ac;background:#141f30;color:#d8e5f5}
.sky-detail[data-state=break] {border-left-color:#ff816d;background:linear-gradient(120deg,#332028,#161c2c)}
.sky-detail small {color:#a9d5df}.sky-detail[data-state=break] small,.sky-detail[data-state=break] #sky-reward {color:#ffae98}
#sky-title {font-size:28px;margin:6px 0}#sky-impact{font-size:16px}#sky-evidence{font-size:13px;color:#b4c0ce;margin:8px 0;overflow-wrap:anywhere}#sky-reward{display:block;margin:8px 0 12px}
.sky-detail .quest-tools {margin:12px 0 6px}.sky-detail .atlas-priority{display:block}.sky-detail .quest-tools button{max-width:100%}
@media(max-width:800px){.sky-layout{grid-template-columns:1fr}.sky-field{height:310px}.sky-detail{padding:14px}.sky-star span{font-size:12px}}
@media(max-width:470px){.sky-field{height:315px}.sky-layout{gap:8px}.sky-heading{padding:12px 10px 0}.sky-key{padding-inline:10px;gap:8px}.sky-star span{font-size:11px}}
@media print{.sky-panel,.sky-detail{print-color-adjust:exact}.sky-layout{grid-template-columns:1fr}.sky-star.break[aria-pressed=true] i::after{animation:none}}

/* Brand signal studio */
.method-jump{font-size:14px;text-decoration:none;color:var(--muted)}
.signals{margin:26px 0 18px;border:1px solid #384663;border-radius:18px;overflow:hidden;background:#10182a;color:#ecf3ff;scroll-margin-top:10px}
.signals header{position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,3vw,34px);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:radial-gradient(ellipse at 75% 110%,#334560,transparent 55%),linear-gradient(110deg,#121c31,#191a38)}
.signals header::after{content:"";position:absolute;z-index:-1;width:360px;height:92px;right:-25px;top:38px;border:1px solid #829cdb85;border-radius:50%;box-shadow:0 0 0 8px #b4e6ff10,0 0 0 28px #717fe219,0 0 0 46px #9dcbee12;transform:rotate(-18deg)}
.signals header small{font:700 12px var(--mono);letter-spacing:.16em;color:#a9bfff}
#results .signals header h2{font-size:clamp(30px,3.6vw,49px);margin:9px 0;line-height:1.1}
.signals header p,.signal-pane>p{color:#b8c8df}
#signal-domain{align-self:flex-start;overflow-wrap:anywhere;color:#b9eddd;font:600 13px var(--mono)}
.signals nav{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid #394565}
.signals nav button{border:0;border-radius:0;background:transparent;color:#c1cce0}
.signals nav button[aria-pressed=true]{color:#beebf5;box-shadow:inset 0 -3px #96dfee}
.signal-pane{padding:clamp(16px,2.8vw,30px)}
.signal-pane h3{font-size:23px}.signal-pane>p{font-size:15px;max-width:48em;margin:7px 0 14px}
.signal-pane form,.signal-actions,#campaign-ready{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0 10px}
.signal-pane label{font-size:14px;font-weight:600}.signal-pane form label{flex:1;min-width:min(150px,100%)}
.signal-pane input:not([type=file]),.signal-pane select{display:block;margin-top:5px;width:100%;border:1px solid #52627f;border-radius:6px;background:#0b1527;color:#f0f3ff;padding:10px 12px;font:16px var(--sans)}
.signal-pane button,.signal-file{background:#23324a;color:#e7f5ff;border-color:#415673}
.signal-pane form button,.signal-file{background:#bae9ee;color:#102025}
.signal-file{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:6px;cursor:pointer}
.signal-file:focus-within{outline:2px solid var(--hot)}.signal-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
#social-list{padding:0;list-style:none}#social-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #31415a}
#social-list a{overflow-wrap:anywhere}
#traffic-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-block:1px solid #35465d;padding:12px 0}
#traffic-metrics b,#traffic-metrics span{display:block}#traffic-metrics b{font-size:clamp(22px,3vw,34px);color:#aeeeda}#traffic-metrics span{font-size:13px;color:#c4d1e2}
#traffic-ranking{color:#cee1f0}#campaign-ready input{flex:1;min-width:175px}
@media(max-width:520px){.signals nav{padding:0}.signals nav button{flex:1;padding:8px 2px;font-size:13px}.signals header{display:block}#signal-domain{display:block;margin-top:9px}.signal-pane form label{flex-basis:100%}.method-jump{display:none}}
@media print{#signals{display:none}}
.missions{margin:24px 0 16px;border-top:1px solid var(--line);padding-top:18px}.missions>small,.embassy-gate small{font:700 12px var(--mono);letter-spacing:.12em;color:var(--hot)}
#results .missions h2{font-size:clamp(25px,3vw,38px);margin:5px 0 8px}.missions>p{color:var(--muted);font-size:15px}
#mission-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}
#mission-list>div{padding:12px 16px;border:1px solid #395563;background:linear-gradient(150deg,#12343c,#111c2b);border-radius:10px;color:#e0edfc}
#mission-list details{border:0}#mission-list summary{padding:5px 0}#mission-list summary b{font-size:18px}#mission-list summary span{display:block;color:#b0cfda;font:13px/1.6 var(--sans);margin-top:4px}
#mission-list p{padding:6px 0;border-top:1px solid #344755;overflow-wrap:anywhere;font-size:14px}
#mission-list button{margin-top:8px;color:#b3f4df;background:#152b33}.missions textarea{width:100%;min-height:170px}
#tools-shelf{border-block:1px solid var(--line);padding:4px 0}#tools-shelf>summary{color:var(--muted)}
.embassy-gate{margin:26px 0;padding:clamp(16px,3vw,30px);border:1px solid #555173;border-radius:14px;background:radial-gradient(ellipse at 95% 50%,#362744,transparent 62%),#141827;color:#e9e6fc}
.embassy-gate summary{list-style:none;display:grid;gap:8px}.embassy-gate summary strong{font-size:clamp(24px,3vw,38px);line-height:1.2}.embassy-gate summary span{font-size:14px;color:#c4b7f0}.embassy-gate[open] summary span{display:none}.embassy-gate h3{margin-top:14px}.embassy-gate li{padding:5px 0}
@media(max-width:620px){#mission-list{grid-template-columns:1fr}}
@media print{.missions button,.missions textarea,#tools-shelf,.embassy-gate{display:none!important}}
#tools-jump[hidden]+.method-jump{margin-left:auto}
.mission-shortcut{display:inline-flex;align-items:center;min-height:44px;color:var(--hot);font-size:14px}
#mission-list>div[data-needs=repair]{border-color:#825656;background:linear-gradient(125deg,#30252e,#172331)}
#mission-list .mission-first{color:#ffbfa9;border:0;padding:2px 0}
#orbit{scroll-margin-top:20px}
#sky-scope{color:#bacadb;font-size:.85rem;margin:0}
#orbit .sky-field{height:clamp(235px,24vw,315px);margin-bottom:.7rem}
#sky-items summary{cursor:pointer;color:#bce8eb;padding:.5rem 0}
#sky-items-body>div{border-top:1px solid #486070;padding:.65rem 0}
#sky-items-body p{overflow-wrap:anywhere;margin:.35rem 0}
#sky-items-body button{font-size:.8rem;padding:.35rem .6rem}
.sky-star[data-family=seo].lit{color:#a9f4d9}.sky-star[data-family=seo].lit i{text-shadow:0 0 12px #53dfb8}
#orbit button:focus-visible{outline:2px solid #ffd592;outline-offset:2px}
#orbit [hidden]{display:none}
#orbit-feedback:empty{display:none}