/* waypoints.si, the sky. The spiral is the page; everything else stays thin and quiet. */
@font-face{font-family:"B612";src:url(/fonts/B612-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"B612";src:url(/fonts/B612-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"B612 Mono";src:url(/fonts/B612Mono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--space:#05080f;--glass:rgba(5,8,15,.78);--ink:#e6edf6;--dim:#9db0c6;--faint:#62748c;--line:#1b2839;
  --magenta:#ff52d9;--cyan:#42d2e9;--amber:#ffb547;
  --sans:"B612",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"B612 Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--space);color:var(--ink);font-family:var(--sans);font-size:15px}
body{overflow:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--cyan)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}

#c{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none;cursor:grab}
#c.pointing{cursor:pointer}
#c.dragging{cursor:grabbing}
#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.lbl{position:absolute;left:0;top:0;white-space:nowrap}
.lbl span{display:block;transform:translate(-50%,-165%);font-family:var(--mono);font-size:11.5px;color:var(--dim);
  text-shadow:0 0 6px var(--space),0 0 2px var(--space)}
.lbl.dec span{color:var(--faint);transform:translate(-50%,-50%)}
.lbl.past span,.lbl.passed span{color:var(--cyan)}
.lbl.now span{color:#fff;font-size:12.5px}
.lbl.fut span{color:var(--magenta);transform:translate(-50%,75%)}
.lbl.si span{color:var(--magenta);font-family:var(--sans);font-weight:700;font-size:17px;transform:translate(-50%,-190%)}
.lbl.world span{font-family:var(--sans);font-weight:700;font-size:16px;transform:translate(-50%,-120%)}

.lbl.world span{font-size:12.5px}
.lbl.fresh span{color:#fff;font-size:11.5px;transform:translate(-50%,-175%)}
#card .fresh{padding:6px 9px;color:#fff;background:#122036;border-left:2px solid var(--magenta)}
#card .newtag,.list .new{margin-left:.45em;padding:0 5px;font-size:11px;color:var(--space);background:#e6edf6;border-radius:2px}
.lbl.world.on span{font-size:17px}
.lbl.world.off span{opacity:.5}
.lbl.ring span{color:#4a6284;font-size:11px;transform:translate(-50%,-50%)}
#views{position:fixed;left:50%;top:58px;transform:translateX(-50%);display:flex;background:var(--glass);border:1px solid var(--line);border-radius:2px}
#views button{padding:5px 14px;background:none;border:0;color:var(--dim);cursor:pointer}
#views button[aria-pressed="true"]{color:var(--ink);background:#122036;box-shadow:inset 0 -2px 0 var(--magenta)}
#legend{position:fixed;left:50%;top:134px;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));margin:0;padding:6px 10px;
  font-size:12.5px;line-height:1.45;color:var(--dim);text-align:center;background:rgba(5,8,15,.62);border-radius:2px;pointer-events:none}
#sel{position:fixed;left:0;top:0;width:28px;height:28px;margin:-14px 0 0 -14px;border:2px solid var(--amber);
  border-radius:50%;pointer-events:none}
#tip{position:fixed;left:0;top:0;pointer-events:none;padding:4px 8px;background:var(--glass);border:1px solid var(--line);
  border-radius:2px;font-size:12.5px;white-space:nowrap}
#tip b{font-weight:700}
#tip span{color:var(--dim);margin-left:.5em}

.bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:1.1rem;padding:12px 16px;pointer-events:none;z-index:4}
.bar>*{pointer-events:auto}
.home{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700}
.bar h1{margin:0;font-size:15px;font-weight:700}
.bar h1 span{font-weight:400;color:var(--dim);margin-left:.6em}
.find{margin-left:auto;position:relative}
#q{width:260px;padding:7px 10px;background:var(--glass);color:var(--ink);border:1px solid var(--line);border-radius:2px;font:inherit;font-size:14px}
#q::placeholder{color:var(--faint)}
#results{position:absolute;right:0;top:calc(100% + 4px);width:300px;margin:0;padding:4px;list-style:none;
  background:rgba(5,8,15,.94);border:1px solid var(--line);border-radius:2px}
#results button{display:block;width:100%;text-align:left;padding:6px 8px;background:none;border:0;cursor:pointer}
#results button:hover,#results button:focus-visible{background:#101a28}
#results .r1{display:block}
#results .r2{display:block;color:var(--faint);font-size:12.5px}
#wbtn{display:none;padding:6px 10px;background:var(--glass);border:1px solid var(--line);border-radius:2px;cursor:pointer}

#side{position:fixed;left:12px;top:62px;bottom:84px;width:236px;overflow:auto;padding:10px 12px;
  background:var(--glass);border:1px solid var(--line);border-radius:2px;font-size:13.5px}
#side h2{margin:4px 0 6px;font-size:13.5px;font-weight:700;color:var(--dim)}
#side ul{margin:0 0 14px;padding:0;list-style:none}
#side .sort{display:flex;margin:0 0 5px;border:1px solid var(--line);border-radius:2px}
#side .sort button{flex:1;padding:3px 6px;background:none;border:0;color:var(--dim);font-size:12.5px;cursor:pointer}
#side .sort button[aria-pressed="true"]{color:var(--ink);background:#122036;box-shadow:inset 0 -2px 0 var(--magenta)}
#side .wnote{margin:0 0 8px;font-size:11.5px;line-height:1.35;color:var(--faint)}
#side li button{display:flex;align-items:center;gap:8px;width:100%;padding:3px 4px;background:none;border:0;
  border-radius:2px;text-align:left;cursor:pointer;color:var(--ink)}
#side li button:hover,#side li button[aria-pressed="true"]{background:#101a28}
#side .dot{flex:none;width:9px;height:9px;border-radius:50%}
#side .n{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--faint)}
#ahead .code{font-family:var(--mono);color:var(--magenta);min-width:3.6em}
#ahead .when{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--faint)}
.opt{display:flex;align-items:center;gap:6px;color:var(--dim);cursor:pointer}

#card{position:fixed;right:12px;top:62px;width:340px;max-height:calc(100vh - 150px);overflow:auto;padding:14px 16px 16px;
  background:rgba(5,8,15,.9);border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:2px;
  font-size:14px;line-height:1.5}
#card.fut{border-top-color:var(--magenta)}
#card.world{border-top-color:var(--wc,var(--cyan))}
#card h2{margin:0 1.6rem .3rem 0;font-size:19px;line-height:1.25}
#card .meta{margin:0 0 .8rem;color:var(--dim)}
#card .when{margin:0 0 .6rem;font-family:var(--mono);font-size:13px;color:var(--magenta)}
#card p{margin:0 0 .7rem}
#card dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:0 0 .9rem}
#card dt{color:var(--faint);font-size:12.5px;padding-top:.15em}
#card dd{margin:0}
#card .wp{color:var(--cyan)}
#card h3{margin:.9rem 0 .35rem;font-size:13.5px;color:var(--dim)}
#card ul{margin:0 0 .6rem;padding:0;list-style:none}
#card ul li{margin:.1rem 0}
#card .link{padding:0;background:none;border:0;color:var(--cyan);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left}
#card .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
#card .yr{font-family:var(--mono);color:var(--faint);font-size:12px;margin-left:.4em}
#card .links{display:flex;flex-wrap:wrap;gap:1rem;font-size:13px}
#card .close{position:absolute;top:6px;right:8px;width:28px;height:28px;padding:0;background:none;border:0;
  color:var(--dim);font-size:20px;line-height:1;cursor:pointer}
#card .back{margin:0 0 .8rem;padding:5px 10px;background:none;border:1px solid var(--line);border-radius:2px;cursor:pointer}

.dial{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(780px,calc(100vw - 24px));display:flex;
  align-items:center;gap:12px;padding:8px 12px;background:var(--glass);border:1px solid var(--line);border-radius:2px}
#play{padding:5px 12px;background:none;border:1px solid var(--line);border-radius:2px;cursor:pointer}
#t{flex:1;accent-color:var(--magenta)}
#year{min-width:9.5ch;font-family:var(--mono);font-size:13px;text-align:right;color:var(--dim)}
#home,#helpbtn{padding:5px 10px;background:none;border:1px solid var(--line);border-radius:2px;cursor:pointer}
#helpbtn{min-width:2.3em;font-weight:700}

/* how to fly: compact, low, never over the middle of the sky */
#help{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);width:min(640px,calc(100vw - 24px));padding:10px 14px 11px;
  background:rgba(5,8,15,.9);border:1px solid var(--line);border-top:2px solid var(--magenta);border-radius:2px;font-size:13px;line-height:1.4}
#help .hhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}
#help h2{margin:0;font-size:14.5px}
#help dl{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1.4rem;margin:0}
#help dl>div{display:grid;grid-template-columns:7.2em 1fr;gap:.6rem;align-items:baseline}
#help dt{white-space:nowrap;color:var(--dim)}
#help dd{margin:0}
#help p{margin:.55rem 0 0;color:var(--faint);font-size:12.5px}
#helpx{padding:3px 12px;background:none;border:1px solid var(--line);border-radius:2px;cursor:pointer}
kbd{display:inline-block;min-width:1.6em;margin-right:2px;padding:0 4px;font-family:var(--mono);font-size:11.5px;line-height:1.45;text-align:center;
  color:var(--ink);background:#0c1523;border:1px solid #2a3a52;border-bottom-width:2px;border-radius:3px}
@media (pointer:coarse){#help .desk{display:none}}
@media (pointer:fine),(pointer:none){#help .touch{display:none}}
.credit{position:fixed;right:12px;bottom:0;margin:0 0 3px;font-size:11px;color:var(--faint)}
.credit a{color:var(--dim)}
#fail,.nojs{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:420px;padding:18px 20px;
  background:rgba(5,8,15,.94);border:1px solid var(--line);text-align:center}

@media (max-width:900px){
  .bar h1 span{display:none}
  #wbtn{display:block;margin-left:auto}
  .find{margin-left:0}
  #q{width:150px}
  #side{display:none;top:56px;bottom:auto;max-height:55vh;width:min(300px,calc(100vw - 24px));z-index:2}
  #side.open{display:block}
  #card{left:8px;right:8px;top:auto;bottom:70px;width:auto;max-height:48vh}
  #help{bottom:62px}
  #help dl{grid-template-columns:1fr}
  .dial{gap:8px}
  .credit{display:none}
}
@media (max-width:520px){.bar{gap:.6rem}.home{font-size:0}.home svg{width:30px}}

/* the plain list (no JavaScript, and what search engines index) */
body.list{overflow:auto;height:auto}
.list main{max-width:980px;margin:0 auto;padding:24px 18px 60px;line-height:1.5}
.list h1{font-size:28px;margin:.6rem 0 .4rem}
.list main>p:first-child a{margin-right:1rem}
.list table{width:100%;border-collapse:collapse;font-size:14px;margin-top:1rem}
.list th,.list td{text-align:left;padding:5px 10px 5px 0;border-bottom:1px solid var(--line);vertical-align:top}
.list thead th{color:var(--dim);font-weight:400}
.list tr.yr th{padding-top:18px;font-family:var(--mono);color:var(--cyan);border-bottom-color:transparent}
.list .src{font-size:12px;color:var(--faint);margin-left:.4em}
.list td:first-child{font-family:var(--mono);white-space:nowrap;color:var(--dim)}

/* v6: the colour and distance switches, and the static pages */
#colegend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--dim)}
#colegend li{display:flex;align-items:center;gap:5px}
#colegend[hidden]{display:none}
#distby{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;
  background:rgba(5,8,15,.86);border:1px solid var(--line);border-radius:2px;font-size:12.5px}
#distby[hidden]{display:none}
#distby span{padding:4px 8px;color:var(--faint)}
#distby button{padding:4px 10px;background:none;border:0;color:var(--dim);cursor:pointer}
#distby button[aria-pressed="true"]{color:var(--ink);background:#122036;box-shadow:inset 0 -2px 0 var(--magenta)}
.list .crumbs a{margin-right:1.1rem}
.list .lede-l{color:var(--dim);margin:.2rem 0 1rem}
.list dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.4rem;margin:0 0 1.4rem}
.list dl.facts dt{color:var(--faint)}
.list dl.facts dd{margin:0}
.list ul.rel{padding-left:1.1rem;margin:.3rem 0 1rem}
.list .links-l a{margin-right:1.2rem}
.list .credit-l{margin-top:2.5rem;font-size:12.5px;color:var(--faint)}
.list .chart{display:block;width:100%;height:auto;margin:.8rem 0 1.2rem}
.sk-t text:not([fill]){fill:var(--dim)}
.sk-grid{stroke:var(--line);stroke-width:1}

/* Hover details (hover.py): an HTML layer over SVG charts, CSS only */
.hv{position:relative;margin:.6rem 0 .5rem}
.hv>svg{margin:0}
.hp,.hc{position:absolute;display:block;cursor:pointer;outline:none;z-index:1;-webkit-tap-highlight-color:transparent}
.hp{width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%}
.hc{transform:translateX(-50%)}
.hv:hover .hp{box-shadow:inset 0 0 0 1px rgba(127,140,160,.38)}
.hp:hover,.hp:focus,.hp:focus-within{box-shadow:inset 0 0 0 2px var(--ink,#e6edf6);z-index:3}
.hc:hover,.hc:focus,.hc:focus-within{background:rgba(127,140,160,.14);z-index:3}
.tip{display:none;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);width:max-content;max-width:min(18rem,78vw);padding:.45rem .6rem;background:var(--bg,#08111e);color:var(--ink,#e6edf6);border:1px solid var(--line,#1c3049);border-radius:4px;font:13px/1.45 var(--sans,sans-serif);text-align:left;white-space:normal;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.tip b{display:block;font-weight:700}
.tip span{display:block;color:var(--dim,#9db0c6)}
.tip .tip-links{margin-top:.2rem}
.tip a{color:var(--cyan,#42d2e9);margin-right:.8rem}
.hp:hover .tip,.hp:focus .tip,.hp:focus-within .tip,.hc:hover .tip,.hc:focus .tip,.hc:focus-within .tip{display:block}
.tr .tip{left:0;transform:none}
.tl .tip{left:auto;right:0;transform:none}
.tb .tip{bottom:auto;top:calc(100% + 6px)}
.hc .tip{bottom:auto;top:.4rem}
.hc.tr .tip{left:0}
.hc.tl .tip{right:0}
@media print{.hp,.hc{display:none}}
.hx0{left:0%}.hx1{left:0.5%}.hx2{left:1%}.hx3{left:1.5%}.hx4{left:2%}.hx5{left:2.5%}.hx6{left:3%}.hx7{left:3.5%}.hx8{left:4%}.hx9{left:4.5%}.hx10{left:5%}.hx11{left:5.5%}.hx12{left:6%}.hx13{left:6.5%}.hx14{left:7%}.hx15{left:7.5%}.hx16{left:8%}.hx17{left:8.5%}.hx18{left:9%}.hx19{left:9.5%}.hx20{left:10%}.hx21{left:10.5%}.hx22{left:11%}.hx23{left:11.5%}.hx24{left:12%}.hx25{left:12.5%}.hx26{left:13%}.hx27{left:13.5%}.hx28{left:14%}.hx29{left:14.5%}.hx30{left:15%}.hx31{left:15.5%}.hx32{left:16%}.hx33{left:16.5%}.hx34{left:17%}.hx35{left:17.5%}.hx36{left:18%}.hx37{left:18.5%}.hx38{left:19%}.hx39{left:19.5%}.hx40{left:20%}.hx41{left:20.5%}.hx42{left:21%}.hx43{left:21.5%}.hx44{left:22%}.hx45{left:22.5%}.hx46{left:23%}.hx47{left:23.5%}.hx48{left:24%}.hx49{left:24.5%}.hx50{left:25%}.hx51{left:25.5%}.hx52{left:26%}.hx53{left:26.5%}.hx54{left:27%}.hx55{left:27.5%}.hx56{left:28%}.hx57{left:28.5%}.hx58{left:29%}.hx59{left:29.5%}.hx60{left:30%}.hx61{left:30.5%}.hx62{left:31%}.hx63{left:31.5%}.hx64{left:32%}.hx65{left:32.5%}.hx66{left:33%}.hx67{left:33.5%}.hx68{left:34%}.hx69{left:34.5%}.hx70{left:35%}.hx71{left:35.5%}.hx72{left:36%}.hx73{left:36.5%}.hx74{left:37%}.hx75{left:37.5%}.hx76{left:38%}.hx77{left:38.5%}.hx78{left:39%}.hx79{left:39.5%}.hx80{left:40%}.hx81{left:40.5%}.hx82{left:41%}.hx83{left:41.5%}.hx84{left:42%}.hx85{left:42.5%}.hx86{left:43%}.hx87{left:43.5%}.hx88{left:44%}.hx89{left:44.5%}.hx90{left:45%}.hx91{left:45.5%}.hx92{left:46%}.hx93{left:46.5%}.hx94{left:47%}.hx95{left:47.5%}.hx96{left:48%}.hx97{left:48.5%}.hx98{left:49%}.hx99{left:49.5%}.hx100{left:50%}.hx101{left:50.5%}.hx102{left:51%}.hx103{left:51.5%}.hx104{left:52%}.hx105{left:52.5%}.hx106{left:53%}.hx107{left:53.5%}.hx108{left:54%}.hx109{left:54.5%}.hx110{left:55%}.hx111{left:55.5%}.hx112{left:56%}.hx113{left:56.5%}.hx114{left:57%}.hx115{left:57.5%}.hx116{left:58%}.hx117{left:58.5%}.hx118{left:59%}.hx119{left:59.5%}.hx120{left:60%}.hx121{left:60.5%}.hx122{left:61%}.hx123{left:61.5%}.hx124{left:62%}.hx125{left:62.5%}.hx126{left:63%}.hx127{left:63.5%}.hx128{left:64%}.hx129{left:64.5%}.hx130{left:65%}.hx131{left:65.5%}.hx132{left:66%}.hx133{left:66.5%}.hx134{left:67%}.hx135{left:67.5%}.hx136{left:68%}.hx137{left:68.5%}.hx138{left:69%}.hx139{left:69.5%}.hx140{left:70%}.hx141{left:70.5%}.hx142{left:71%}.hx143{left:71.5%}.hx144{left:72%}.hx145{left:72.5%}.hx146{left:73%}.hx147{left:73.5%}.hx148{left:74%}.hx149{left:74.5%}.hx150{left:75%}.hx151{left:75.5%}.hx152{left:76%}.hx153{left:76.5%}.hx154{left:77%}.hx155{left:77.5%}.hx156{left:78%}.hx157{left:78.5%}.hx158{left:79%}.hx159{left:79.5%}.hx160{left:80%}.hx161{left:80.5%}.hx162{left:81%}.hx163{left:81.5%}.hx164{left:82%}.hx165{left:82.5%}.hx166{left:83%}.hx167{left:83.5%}.hx168{left:84%}.hx169{left:84.5%}.hx170{left:85%}.hx171{left:85.5%}.hx172{left:86%}.hx173{left:86.5%}.hx174{left:87%}.hx175{left:87.5%}.hx176{left:88%}.hx177{left:88.5%}.hx178{left:89%}.hx179{left:89.5%}.hx180{left:90%}.hx181{left:90.5%}.hx182{left:91%}.hx183{left:91.5%}.hx184{left:92%}.hx185{left:92.5%}.hx186{left:93%}.hx187{left:93.5%}.hx188{left:94%}.hx189{left:94.5%}.hx190{left:95%}.hx191{left:95.5%}.hx192{left:96%}.hx193{left:96.5%}.hx194{left:97%}.hx195{left:97.5%}.hx196{left:98%}.hx197{left:98.5%}.hx198{left:99%}.hx199{left:99.5%}.hx200{left:100%}
.hy0{top:0%}.hy1{top:0.5%}.hy2{top:1%}.hy3{top:1.5%}.hy4{top:2%}.hy5{top:2.5%}.hy6{top:3%}.hy7{top:3.5%}.hy8{top:4%}.hy9{top:4.5%}.hy10{top:5%}.hy11{top:5.5%}.hy12{top:6%}.hy13{top:6.5%}.hy14{top:7%}.hy15{top:7.5%}.hy16{top:8%}.hy17{top:8.5%}.hy18{top:9%}.hy19{top:9.5%}.hy20{top:10%}.hy21{top:10.5%}.hy22{top:11%}.hy23{top:11.5%}.hy24{top:12%}.hy25{top:12.5%}.hy26{top:13%}.hy27{top:13.5%}.hy28{top:14%}.hy29{top:14.5%}.hy30{top:15%}.hy31{top:15.5%}.hy32{top:16%}.hy33{top:16.5%}.hy34{top:17%}.hy35{top:17.5%}.hy36{top:18%}.hy37{top:18.5%}.hy38{top:19%}.hy39{top:19.5%}.hy40{top:20%}.hy41{top:20.5%}.hy42{top:21%}.hy43{top:21.5%}.hy44{top:22%}.hy45{top:22.5%}.hy46{top:23%}.hy47{top:23.5%}.hy48{top:24%}.hy49{top:24.5%}.hy50{top:25%}.hy51{top:25.5%}.hy52{top:26%}.hy53{top:26.5%}.hy54{top:27%}.hy55{top:27.5%}.hy56{top:28%}.hy57{top:28.5%}.hy58{top:29%}.hy59{top:29.5%}.hy60{top:30%}.hy61{top:30.5%}.hy62{top:31%}.hy63{top:31.5%}.hy64{top:32%}.hy65{top:32.5%}.hy66{top:33%}.hy67{top:33.5%}.hy68{top:34%}.hy69{top:34.5%}.hy70{top:35%}.hy71{top:35.5%}.hy72{top:36%}.hy73{top:36.5%}.hy74{top:37%}.hy75{top:37.5%}.hy76{top:38%}.hy77{top:38.5%}.hy78{top:39%}.hy79{top:39.5%}.hy80{top:40%}.hy81{top:40.5%}.hy82{top:41%}.hy83{top:41.5%}.hy84{top:42%}.hy85{top:42.5%}.hy86{top:43%}.hy87{top:43.5%}.hy88{top:44%}.hy89{top:44.5%}.hy90{top:45%}.hy91{top:45.5%}.hy92{top:46%}.hy93{top:46.5%}.hy94{top:47%}.hy95{top:47.5%}.hy96{top:48%}.hy97{top:48.5%}.hy98{top:49%}.hy99{top:49.5%}.hy100{top:50%}.hy101{top:50.5%}.hy102{top:51%}.hy103{top:51.5%}.hy104{top:52%}.hy105{top:52.5%}.hy106{top:53%}.hy107{top:53.5%}.hy108{top:54%}.hy109{top:54.5%}.hy110{top:55%}.hy111{top:55.5%}.hy112{top:56%}.hy113{top:56.5%}.hy114{top:57%}.hy115{top:57.5%}.hy116{top:58%}.hy117{top:58.5%}.hy118{top:59%}.hy119{top:59.5%}.hy120{top:60%}.hy121{top:60.5%}.hy122{top:61%}.hy123{top:61.5%}.hy124{top:62%}.hy125{top:62.5%}.hy126{top:63%}.hy127{top:63.5%}.hy128{top:64%}.hy129{top:64.5%}.hy130{top:65%}.hy131{top:65.5%}.hy132{top:66%}.hy133{top:66.5%}.hy134{top:67%}.hy135{top:67.5%}.hy136{top:68%}.hy137{top:68.5%}.hy138{top:69%}.hy139{top:69.5%}.hy140{top:70%}.hy141{top:70.5%}.hy142{top:71%}.hy143{top:71.5%}.hy144{top:72%}.hy145{top:72.5%}.hy146{top:73%}.hy147{top:73.5%}.hy148{top:74%}.hy149{top:74.5%}.hy150{top:75%}.hy151{top:75.5%}.hy152{top:76%}.hy153{top:76.5%}.hy154{top:77%}.hy155{top:77.5%}.hy156{top:78%}.hy157{top:78.5%}.hy158{top:79%}.hy159{top:79.5%}.hy160{top:80%}.hy161{top:80.5%}.hy162{top:81%}.hy163{top:81.5%}.hy164{top:82%}.hy165{top:82.5%}.hy166{top:83%}.hy167{top:83.5%}.hy168{top:84%}.hy169{top:84.5%}.hy170{top:85%}.hy171{top:85.5%}.hy172{top:86%}.hy173{top:86.5%}.hy174{top:87%}.hy175{top:87.5%}.hy176{top:88%}.hy177{top:88.5%}.hy178{top:89%}.hy179{top:89.5%}.hy180{top:90%}.hy181{top:90.5%}.hy182{top:91%}.hy183{top:91.5%}.hy184{top:92%}.hy185{top:92.5%}.hy186{top:93%}.hy187{top:93.5%}.hy188{top:94%}.hy189{top:94.5%}.hy190{top:95%}.hy191{top:95.5%}.hy192{top:96%}.hy193{top:96.5%}.hy194{top:97%}.hy195{top:97.5%}.hy196{top:98%}.hy197{top:98.5%}.hy198{top:99%}.hy199{top:99.5%}.hy200{top:100%}
.hw1{width:1%}.hw2{width:2%}.hw3{width:3%}.hw4{width:4%}.hw5{width:5%}.hw6{width:6%}.hw7{width:7%}.hw8{width:8%}.hw9{width:9%}.hw10{width:10%}.hw11{width:11%}.hw12{width:12%}.hw13{width:13%}.hw14{width:14%}.hw15{width:15%}.hw16{width:16%}.hw17{width:17%}.hw18{width:18%}.hw19{width:19%}.hw20{width:20%}.hw21{width:21%}.hw22{width:22%}.hw23{width:23%}.hw24{width:24%}.hw25{width:25%}.hw26{width:26%}.hw27{width:27%}.hw28{width:28%}.hw29{width:29%}.hw30{width:30%}.hw31{width:31%}.hw32{width:32%}.hw33{width:33%}.hw34{width:34%}.hw35{width:35%}.hw36{width:36%}.hw37{width:37%}.hw38{width:38%}.hw39{width:39%}.hw40{width:40%}.hw41{width:41%}.hw42{width:42%}.hw43{width:43%}.hw44{width:44%}.hw45{width:45%}.hw46{width:46%}.hw47{width:47%}.hw48{width:48%}.hw49{width:49%}.hw50{width:50%}.hw51{width:51%}.hw52{width:52%}.hw53{width:53%}.hw54{width:54%}.hw55{width:55%}.hw56{width:56%}.hw57{width:57%}.hw58{width:58%}.hw59{width:59%}.hw60{width:60%}.hw61{width:61%}.hw62{width:62%}.hw63{width:63%}.hw64{width:64%}.hw65{width:65%}.hw66{width:66%}.hw67{width:67%}.hw68{width:68%}.hw69{width:69%}.hw70{width:70%}.hw71{width:71%}.hw72{width:72%}.hw73{width:73%}.hw74{width:74%}.hw75{width:75%}.hw76{width:76%}.hw77{width:77%}.hw78{width:78%}.hw79{width:79%}.hw80{width:80%}.hw81{width:81%}.hw82{width:82%}.hw83{width:83%}.hw84{width:84%}.hw85{width:85%}.hw86{width:86%}.hw87{width:87%}.hw88{width:88%}.hw89{width:89%}.hw90{width:90%}.hw91{width:91%}.hw92{width:92%}.hw93{width:93%}.hw94{width:94%}.hw95{width:95%}.hw96{width:96%}.hw97{width:97%}.hw98{width:98%}.hw99{width:99%}.hw100{width:100%}
.hh1{height:1%}.hh2{height:2%}.hh3{height:3%}.hh4{height:4%}.hh5{height:5%}.hh6{height:6%}.hh7{height:7%}.hh8{height:8%}.hh9{height:9%}.hh10{height:10%}.hh11{height:11%}.hh12{height:12%}.hh13{height:13%}.hh14{height:14%}.hh15{height:15%}.hh16{height:16%}.hh17{height:17%}.hh18{height:18%}.hh19{height:19%}.hh20{height:20%}.hh21{height:21%}.hh22{height:22%}.hh23{height:23%}.hh24{height:24%}.hh25{height:25%}.hh26{height:26%}.hh27{height:27%}.hh28{height:28%}.hh29{height:29%}.hh30{height:30%}.hh31{height:31%}.hh32{height:32%}.hh33{height:33%}.hh34{height:34%}.hh35{height:35%}.hh36{height:36%}.hh37{height:37%}.hh38{height:38%}.hh39{height:39%}.hh40{height:40%}.hh41{height:41%}.hh42{height:42%}.hh43{height:43%}.hh44{height:44%}.hh45{height:45%}.hh46{height:46%}.hh47{height:47%}.hh48{height:48%}.hh49{height:49%}.hh50{height:50%}.hh51{height:51%}.hh52{height:52%}.hh53{height:53%}.hh54{height:54%}.hh55{height:55%}.hh56{height:56%}.hh57{height:57%}.hh58{height:58%}.hh59{height:59%}.hh60{height:60%}.hh61{height:61%}.hh62{height:62%}.hh63{height:63%}.hh64{height:64%}.hh65{height:65%}.hh66{height:66%}.hh67{height:67%}.hh68{height:68%}.hh69{height:69%}.hh70{height:70%}.hh71{height:71%}.hh72{height:72%}.hh73{height:73%}.hh74{height:74%}.hh75{height:75%}.hh76{height:76%}.hh77{height:77%}.hh78{height:78%}.hh79{height:79%}.hh80{height:80%}.hh81{height:81%}.hh82{height:82%}.hh83{height:83%}.hh84{height:84%}.hh85{height:85%}.hh86{height:86%}.hh87{height:87%}.hh88{height:88%}.hh89{height:89%}.hh90{height:90%}.hh91{height:91%}.hh92{height:92%}.hh93{height:93%}.hh94{height:94%}.hh95{height:95%}.hh96{height:96%}.hh97{height:97%}.hh98{height:98%}.hh99{height:99%}.hh100{height:100%}

/* The mini sky on the home page (embed.html): the 3D view, a title and Full screen; the page scrolls until clicked */
.emb{display:none}
.embed .bar,.embed #help,.embed #legend,.embed .credit,.embed #helpbtn,.embed #wbtn{display:none!important}
.embed #c{touch-action:pan-y}
.embed.armed #c{touch-action:none}
.embed .emb{display:block}
.embed #etitle{position:fixed;left:12px;top:10px;margin:0;font:600 13px/1.35 var(--sans);letter-spacing:.04em;color:var(--ink);text-shadow:0 0 10px rgba(66,210,233,.5);pointer-events:none}
.embed #etitle span{display:block;font-weight:400;font-size:11px;color:var(--dim)}
.embed #fullsky{position:fixed;right:10px;top:10px;padding:6px 10px;border:1px solid rgba(66,210,233,.6);border-radius:3px;background:var(--glass);color:var(--cyan);font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.embed #fullsky:hover,.embed #fullsky:focus{background:rgba(66,210,233,.16)}
.embed #hint{position:fixed;left:50%;bottom:56px;transform:translateX(-50%);margin:0;padding:5px 10px;background:var(--glass);border:1px solid var(--line);border-radius:3px;color:var(--dim);font-size:11.5px;white-space:nowrap;pointer-events:none}
.embed.armed #hint{display:none}
.embed #views{top:46px}
.embed #card{max-width:min(300px,72vw);max-height:calc(100vh - 110px);overflow:auto;font-size:12.5px}
@media (hover:none){.embed .hm{display:none}}
@media (hover:hover){.embed .ht{display:none}}
@media (max-width:560px){.embed #etitle span{display:none}.embed #hint{white-space:normal;width:84%;text-align:center}}

/* The mini sky's Worlds list: the top ten on the left, smaller; the route ahead, colour switch and threads stay in the full sky */
.embed #side{display:block!important;position:fixed;left:10px;top:54px;right:auto;bottom:auto;width:200px;max-height:calc(100vh - 132px);overflow:auto;margin:0;padding:7px 8px 2px;background:var(--glass);border:1px solid var(--line);border-radius:3px;z-index:2}
.embed #side h2~h2,.embed #side h2~h2~*,.embed #ahead,.embed #colegend,.embed #side .opt{display:none!important}
.embed #wlist li:nth-child(n+11){display:none}
.embed #side h2{margin:0 0 4px;font-size:11.5px}
.embed #side .sort button{padding:2px 4px;font-size:10.5px}
.embed #side .wnote{margin:0 0 5px;font-size:9.5px;line-height:1.3}
.embed #side ul{margin:0 0 4px}
.embed #wlist li button{padding:1.5px 5px;font-size:11px;gap:6px}
.embed #side .n{font-size:10px}
.embed #side .dot{width:7px;height:7px}
@media (max-width:700px){.embed #side{display:none!important}}
@media (max-width:560px){.embed #home{display:none}.embed #views button{padding:3px 7px;font-size:11.5px;white-space:nowrap}}