:root{--space:#03040b;--panel:#090d1a;--glass:#090d1ac7;--line:#a0b4e629;--text:#eef1fa;--soft:#9ca8c6;--light:#ffd166;--ember:#ff8a4c;--sky:#8ec5ff;--display:"Space Grotesk", "Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--space);height:100%;color:var(--text);margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--sky)}button,input{font:inherit;color:inherit}p{margin:0}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--soft);font-size:11px;font-weight:600;display:block}#app{grid-template-columns:minmax(0,1fr) 400px;height:100dvh;display:grid}#stage{background:var(--space);min-height:0;position:relative;overflow:hidden}#globe{cursor:grab;position:absolute;inset:0}#globe:active{cursor:grabbing}#crosshair{left:50%;top:calc(50% - var(--lift,0px));border:1.5px solid var(--light);pointer-events:none;background:linear-gradient(var(--light), var(--light)) 50% 0 / 1.5px 9px no-repeat, linear-gradient(var(--light), var(--light)) 50% 100% / 1.5px 9px no-repeat, linear-gradient(var(--light), var(--light)) 0 50% / 9px 1.5px no-repeat, linear-gradient(var(--light), var(--light)) 100% 50% / 9px 1.5px no-repeat;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .3s;animation:2.6s ease-in-out infinite breathe;position:absolute;box-shadow:0 0 24px #ffd16673,inset 0 0 12px #ffd16640}@keyframes breathe{50%{transform:scale(1.12);box-shadow:0 0 34px #ffd166b3,inset 0 0 12px #ffd16640}}#aim-label{color:var(--light);font:600 13.5px/1.3 var(--display);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03040bcc;border:1px solid #ffd16673;border-radius:999px;padding:4px 12px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}#aim-label:empty{display:none}#absent{transform:translateY(calc(-1 * var(--lift,0px)));pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#absent[hidden],#guide[hidden],#follow[hidden],#absent .disc,#absent .gas{display:none}#absent[data-look=forming] .disc,#absent[data-look=cloud] .gas{display:block}#absent .gas{aspect-ratio:1.5;filter:blur(26px);background:radial-gradient(40% 45% at 35% 45%,#785adc80,#0000 70%),radial-gradient(35% 40% at 62% 55%,#4682e673,#0000 70%),radial-gradient(30% 35% at 50% 35%,#e66e9652,#0000 70%);width:min(80vmin,700px);animation:16s ease-in-out infinite alternate drift;position:absolute}@keyframes drift{to{transform:translate(3%)scale(1.08)rotate(4deg)}}#absent[data-look=void] p{color:#5d6784;margin-top:0}#absent .disc{aspect-ratio:1;background:radial-gradient(circle,#fff6d8 0 2%,#ffbe5abf 4%,#d66e2866 22%,#783c1e38 45%,#0000 68%);border-radius:50%;width:min(70vmin,620px);animation:60s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotateX(68deg)rotate(0)}to{transform:rotateX(68deg)rotate(360deg)}}#absent p{font:500 clamp(18px, 2.4vw, 26px) var(--display);color:var(--soft);text-align:center;margin:34vmin 0 0;padding:0 24px;position:relative}#top{pointer-events:none;background:linear-gradient(#03040bb3,#0000);padding:18px 22px 40px;position:absolute;inset:0 0 auto;container-type:inline-size}#brand{pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;top:18px;left:22px}#brand h1{font:700 22px/1 var(--display);letter-spacing:-.02em;margin:0}#brand h1:first-letter{color:var(--light)}#help{border:1px solid var(--line);width:24px;height:24px;color:var(--soft);cursor:pointer;background:#ffffff0f;border-radius:50%;padding:0;font-size:13px}#help:hover{color:var(--light);border-color:var(--light)}#hud{text-align:center}#hud-big{font:700 clamp(26px, 6.2cqw, 64px) / 1.05 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff 30%, var(--light) 75%, var(--ember));color:#0000;filter:drop-shadow(0 0 22px #ffbe5a59);-webkit-background-clip:text;background-clip:text}@container (width<=1000px){#hud{padding-top:30px}}#hud-details{color:#cfd6ea;text-shadow:0 1px 8px var(--space);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin-top:6px;font-size:14px;display:flex}#hud-details span+span:before{content:"·";color:var(--soft);margin-right:10px}.chip{color:var(--light);background:#ffd16614;border:1px solid #ffd16673;border-radius:999px;padding:2px 11px;font-size:12.5px}#dock{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:14px 18px 12px;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 18px 50px #00000073}.dock-head{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.readout{min-width:0;margin-right:auto}#distance{font:700 clamp(22px, 2.6vw, 30px) / 1.15 var(--display);color:var(--light);white-space:nowrap;display:block}.exact{color:var(--soft);align-items:center;gap:8px;font-size:13px;display:flex}input[type=number]{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;width:112px;height:36px;padding:0 10px}.pill{border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.pill:hover{border-color:var(--light);transform:translateY(-1px)}.pill.small{height:28px;padding:0 11px;font-size:12.5px}.pill i{background:#4a5470;border-radius:50%;width:9px;height:9px}.pill[aria-pressed=true]{background:#ffd1661a;border-color:#ffd1668c}.pill[aria-pressed=true] i{background:var(--light);box-shadow:0 0 9px var(--light)}.pill.primary{color:#1a1204;background:linear-gradient(100deg, var(--light), var(--ember));border:none;font-weight:600;box-shadow:0 4px 18px #ff964659}.pill.primary:hover{box-shadow:0 6px 24px #ff96468c}.track{--thumb:22px;margin-top:10px;padding-bottom:26px;position:relative;container-type:inline-size}#slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0;display:block}#slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8ec5ff,#ffd166 45%,#ff8a4c 80%,#7a2f1d);border-radius:3px;height:6px}#slider::-moz-range-track{background:linear-gradient(90deg,#8ec5ff,#ffd166 45%,#ff8a4c 80%,#7a2f1d);border-radius:3px;height:6px}#slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border:3px solid var(--light);background:#fff;border-radius:50%;margin-top:-8px;transition:transform .15s;box-shadow:0 0 18px #ffd166e6}#slider:hover::-webkit-slider-thumb{transform:scale(1.15)}#slider::-moz-range-thumb{border:3px solid var(--light);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 18px #ffd166e6}#signposts button{top:26px;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--at));color:var(--soft);white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:8px 4px 0;font-size:11.5px;position:absolute;transform:translate(-50%)}#signposts button:before{content:"";background:var(--soft);width:1px;height:6px;position:absolute;top:0;left:50%}#signposts button:hover{color:var(--light)}@container (width<=900px){#signposts button.minor{display:none}}@container (width<=480px){#signposts button.medium{display:none}}.places{margin-top:8px}.places-head{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}#chips{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;gap:8px;margin:6px -18px 0;padding:2px 18px 6px;display:flex;overflow-x:auto}#chips button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:12px;flex:none;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:6px 12px 6px 9px;transition:transform .15s,border-color .15s,background .15s;display:grid}#chips button:hover{border-color:var(--light);transform:translateY(-2px)}#chips button[aria-pressed=true]{border-color:var(--light);background:#ffd16624;box-shadow:0 0 18px #ffd16640}#chips .icon{grid-row:span 2;font-size:19px}#chips b{white-space:nowrap;font-size:13px;font-weight:600}#chips small{color:var(--soft);white-space:nowrap;font-size:11.5px}#guide{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03040b9e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.guide-card{background:linear-gradient(160deg,#111936,#0a0f1e);border:1px solid #ffd1664d;border-radius:20px;width:min(480px,100%);padding:26px 26px 22px;animation:.45s ease-out rise;box-shadow:0 30px 80px #0009}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.guide-card h2{font:700 24px/1.2 var(--display);letter-spacing:-.01em;text-transform:none;color:var(--text);margin:0 0 8px}.guide-card ol{gap:14px;margin:18px 0 20px;padding:0;list-style:none;display:grid}.guide-card li{color:#c9d1e4;grid-template-columns:40px 1fr;gap:2px 12px;font-size:14px;display:grid}.guide-card li span{grid-row:span 2;font-size:28px;line-height:1.2}.guide-card li b{color:var(--text);font-size:15px}#panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}#scroll{flex:1;padding:6px 22px 12px;overflow-y:auto}#scroll>section:not(:empty){border-bottom:1px solid var(--line);padding:18px 0}#scroll>section:last-child{border-bottom:none}h2{letter-spacing:.1em;text-transform:uppercase;color:var(--soft);justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font-size:11px;font-weight:600;display:flex}h2 span{letter-spacing:0;text-transform:none;font-weight:400}.kicker{color:#c9d1e4;font-size:15.5px}.kicker b{color:var(--text);font-weight:600}.sub{margin-top:10px}.territory{font:700 21px/1.25 var(--display);align-items:center;gap:10px;display:flex}.swatch{border-radius:4px;flex:none;width:14px;height:14px}.note{color:var(--soft);margin-top:8px;font-size:13px}.intro{color:#c9d1e4;gap:12px;margin-top:10px;font-size:14px;display:flex}.intro img{object-fit:cover;background:#ffffff0d;border-radius:12px;flex:none;width:84px;height:84px}.intro .clamp{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.light{align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.light i{background:var(--light);width:12px;height:12px;box-shadow:0 0 10px var(--light);border-radius:50%;flex:none}.light.twilight i{background:#ff9f6b;box-shadow:0 0 10px #ff9f6b}.light.night i{background:#1b2440;box-shadow:inset -3px 0 #8fa3d8}ul.events{margin:0;padding:0;list-style:none}ul.events li{border-radius:8px;grid-template-columns:10px minmax(0,1fr) auto;align-items:baseline;gap:0 10px;margin:0 -8px;padding:6px 8px;display:grid}ul.events li:hover{background:#ffffff0a}ul.events i{border-radius:50%;width:9px;height:9px;transform:translateY(-1px)}ul.events button{text-align:left;cursor:pointer;background:0 0;border:none;padding:0}ul.events button:hover{color:var(--light)}ul.events a{padding:0 2px;text-decoration:none}ul.events small{color:var(--soft);grid-column:2/4;font-size:12.5px}.era-name{font:700 19px/1.25 var(--display)}footer{border-top:1px solid var(--line);color:var(--soft);padding:12px 22px 16px;font-size:13px}.actions{align-items:center;gap:8px;margin-bottom:10px;display:flex}.actions button{border:1px solid var(--line);height:32px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:0 12px}.actions button:hover{border-color:var(--light)}#status{margin-left:auto;font-size:12px}summary{cursor:pointer;color:var(--text)}details p{margin-top:8px}.event-tip{border:1px solid var(--line);max-width:260px;color:var(--text);background:#090d1af2;border-radius:8px;padding:7px 10px;font:13px/1.4 Inter,system-ui,sans-serif}.event-tip small{color:var(--soft)}:focus-visible{outline:2px solid var(--light);outline-offset:2px}@media (prefers-reduced-motion:reduce){#crosshair,#absent .disc,#absent .gas,#peek i,.guide-card{animation:none}}#poster-line{display:none}body.poster #app{display:block}body.poster #stage{height:100dvh}body.poster #panel,body.poster #dock,body.poster #guide,body.poster #help,body.poster #crosshair,body.poster #aim-label{display:none}body.poster #top{width:46%;padding:0 0 0 calc(5 * var(--pw));background:linear-gradient(90deg,#03040bbf 60%,#0000);flex-direction:column;justify-content:center;display:flex;inset:0 auto 0 0}body.poster #brand{left:calc(5 * var(--pw));top:calc(6 * var(--ph))}body.poster #brand h1{font-size:clamp(18px, calc(2.6 * var(--pw)), 34px)}body.poster #hud{text-align:left;padding:0}body.poster #hud .label{font-size:clamp(10px, calc(1.25 * var(--pw)), 16px)}body.poster #hud-big{font-size:clamp(34px, calc(6.4 * var(--pw)), 84px);margin:.12em 0}body.poster #hud-details{font-size:clamp(12px, calc(1.5 * var(--pw)), 19px);justify-content:flex-start}body.poster #hud-details .chip{font-size:inherit}body.poster #poster-line{left:calc(5 * var(--pw));bottom:calc(7 * var(--ph));width:38%;font:500 clamp(12px, calc(1.55 * var(--pw)), 20px) / 1.35 var(--display);color:#b9c3dc;pointer-events:none;display:block;position:absolute}#peek{display:none}@keyframes nudge{50%{transform:translateY(5px)rotate(45deg)}}@media (width<=900px){#peek{border:none;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:linear-gradient(#ffd16624,#0000);justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 20px 12px 16px;display:flex}#peek span{min-width:0;display:grid}#peek b{color:var(--light);font:700 15px/1.3 var(--display)}#peek small{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}#peek i{border-right:2.5px solid var(--light);border-bottom:2.5px solid var(--light);flex:none;width:11px;height:11px;margin-bottom:5px;animation:1.4s ease-in-out infinite nudge;transform:rotate(45deg)}#app{height:auto;display:block}#stage{height:88dvh;min-height:560px}#panel{border-left:none;border-top:1px solid var(--line)}#scroll{padding:2px 16px 8px;overflow:visible}footer{padding:12px 16px 20px}#top{padding:12px 14px 30px}#brand h1{font-size:18px}#dock{padding:12px 12px 8px;bottom:8px;left:8px;right:8px}.readout{flex-basis:100%}.exact{display:none}#chips{margin:6px -12px 0;padding:2px 12px 6px}}body.poster #absent{left:40%}body.poster #absent p{display:none}