@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081522;--panel:#102235;--line:#334454;--ink:#f0eee5;--muted:#adb9c4;--accent:#edb795}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.6 DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button,.primary{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:3px;padding:12px 19px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.08}h1{margin-bottom:25px;font-size:clamp(48px,5.5vw,86px)}h2{font-size:44px}h3{font-size:30px}em{color:var(--accent);font-weight:400}.masthead{border-bottom:1px solid var(--line);align-items:center;gap:36px;max-width:1440px;margin:auto;padding:26px 5%;display:flex}.wordmark{align-items:center;gap:12px;margin-right:auto;font:24px Georgia,serif;display:flex}.wordmark img{object-fit:cover;border-radius:4px;width:48px;height:48px}.wordmark small{letter-spacing:2px;color:var(--muted);font:8px/2.4 monospace;display:block}nav{gap:28px;font-size:13px;display:flex}.masthead>button{background:var(--ink);color:var(--bg);border-color:var(--ink);font-size:12px}main{max-width:1440px;margin:auto;padding:0 5%}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;min-height:650px;padding:55px 0;display:grid}.eyebrow{letter-spacing:2.1px;color:var(--muted);margin-bottom:24px;font:10px/1.6 monospace}.lede{color:var(--muted);max-width:470px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:28px;margin:34px 0 26px;font-size:13px;display:flex}.primary{background:var(--ink);color:var(--bg);border:0;gap:38px;display:flex}.primary:hover{background:var(--accent);color:var(--bg)}.fine{color:var(--muted);font-size:11px}.mascot{margin:0;position:relative}.mascot img{object-fit:contain;width:100%;max-height:480px;display:block}.mascot figcaption{letter-spacing:2px;border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:16px;font:9px monospace;display:flex}.registry{border-top:1px solid var(--line);padding:45px 0 65px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-heading h2{margin-bottom:24px}.section-heading>p{color:var(--muted);max-width:320px;font-size:12px}.registry section>div:first-child{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.registry label{width:340px}.registry section>div:not(:first-child){padding:26px 0}.registry section>div:last-of-type{color:var(--muted);font-size:10px}[role=tablist]{gap:8px;display:flex}[role=tab][aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}input,textarea,select{width:100%;color:var(--ink);background:#0b1b2a;border:1px solid #526371;border-radius:3px;padding:12px 14px}input::placeholder,textarea::placeholder{color:#93a3af}.registry input{font-size:12px}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th{color:var(--muted);padding:15px 10px;font:10px monospace}td{border-top:1px solid var(--line);padding:20px 10px}td small{color:var(--muted);display:block}td:first-child>div{align-items:center;gap:12px;display:flex}progress{width:120px;height:4px;accent-color:var(--accent);display:block}.atlas{border:1px solid var(--line);grid-template-columns:1.8fr 1fr;margin:0 0 75px;display:grid}.atlas-map{background-image:radial-gradient(#536576 1px,#0000 1px);background-size:37px 37px;padding:44px}.route{justify-content:space-between;margin:50px 0 32px;position:relative}.route:before{content:"";border-top:1px dashed #718394;position:absolute;top:27px;left:10%;right:10%}.route button{background:var(--bg);text-align:left;gap:9px;min-width:108px;display:grid;position:relative}.route button span{font:10px monospace}.atlas-detail{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;justify-content:center;padding:48px 35px;display:flex}.atlas-detail p{color:var(--muted)}.atlas-detail strong{color:var(--accent);margin-top:20px;font:12px monospace}footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;max-width:1440px;margin:auto;padding:40px 5% 75px;display:flex}footer p,footer a{color:var(--muted);font-size:11px}.footer-brand{font:30px/1.3 Georgia,serif}.create-page{padding-top:65px;padding-bottom:80px}.create-page h1{font-size:65px}.create-grid{grid-template-columns:1.5fr 1fr;gap:70px;margin-top:35px;display:grid}fieldset{border:1px solid var(--line);margin:0 0 28px;padding:25px}legend{padding:0 10px;font:20px Georgia,serif}label{margin-bottom:15px;font-size:13px;display:block}label input,label select,label textarea{margin-top:8px;display:block}form small{color:var(--muted);font-size:11px}form>button{background:var(--ink);color:var(--bg)}aside{border-left:1px solid var(--line);padding-left:50px}aside img{width:230px;max-width:100%}aside h2{margin-top:24px;font-size:40px}aside p{color:var(--muted);font-size:13px}dl{grid-template-columns:1fr 1fr;gap:12px;font-size:12px;display:grid}dt{color:var(--muted)}dd{text-align:right;margin:0}dialog{color:var(--ink);background:var(--panel);border:1px solid #657787;border-radius:5px;width:620px;max-width:min(620px,92vw);max-height:90dvh;padding:32px}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020913dd}dialog>button:first-child{float:right}dialog>span{color:var(--accent);margin-bottom:22px;font:10px monospace;display:block}dialog h2{clear:both;padding-top:15px}dialog small{color:var(--muted);margin:15px 0;display:block}dialog>div:not([role]){justify-content:space-between;gap:20px;margin:12px 0;display:flex}dialog [role=tablist]{margin:20px 0}dialog details{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}dialog a{overflow-wrap:anywhere;color:var(--accent)}dialog label{margin-top:16px}[role=alert]{color:#ffbda7}summary{cursor:pointer}.replay{color:var(--muted);border:0;padding:3px;font:9px monospace;position:absolute;top:113px;bottom:auto;right:5%}.opening{background:var(--bg);z-index:100;flex-direction:column;justify-content:center;align-items:center;animation:.6s 9.4s forwards exitIntro;display:flex;position:fixed;inset:0}.skip{font-size:12px;position:absolute;top:30px;right:5%}.opening>img{width:min(40vh,330px);animation:5s both postcard}.intro-route{letter-spacing:1px;align-items:center;gap:22px;width:min(600px,85vw);margin-bottom:25px;font:10px monospace;display:flex}.intro-route i{border-top:1px dashed var(--accent);flex:1;animation:4s both drawRoute}.intro-route span{animation:2s both arrive}.intro-route span:nth-of-type(2){animation-delay:2s}.intro-route span:nth-of-type(3){animation-delay:4s}.intro-title{text-align:center;animation:2s 6s both arrive}.intro-title h2{margin:15px;font-size:clamp(40px,6vw,80px)}.intro-title p{color:var(--muted)}@keyframes postcard{0%{opacity:0;transform:translateY(80px)rotate(-12deg)}50%{opacity:1}to{transform:translateY(0)rotate(0)}}@keyframes drawRoute{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes exitIntro{to{opacity:0;visibility:hidden;pointer-events:none}}@media (max-width:800px){.masthead{flex-wrap:wrap;gap:15px;padding:18px 5%}.wordmark{font-size:20px}.masthead nav{order:3;width:100%;font-size:12px}.masthead>button{padding:9px;font-size:10px}.hero{grid-template-columns:1fr;gap:35px;padding-top:65px}.hero h1{font-size:56px}.mascot{width:100%;max-width:460px;margin:auto}.mascot img{max-height:380px}.hero-actions{gap:20px}.section-heading,.registry section>div:first-child{display:block}.registry label{width:100%;margin-top:18px}.registry [role=tab]{font-size:12px}.registry section>div{overflow-x:auto}table{min-width:670px}.atlas{grid-template-columns:1fr}.atlas-map{padding:28px}.atlas-detail{border-left:0;border-top:1px solid var(--line);padding:30px}.route{gap:9px}.route button{flex:1;min-width:0;padding:10px;font-size:12px}.create-grid{grid-template-columns:1fr;gap:35px}.create-page h1{font-size:48px}.create-grid aside{border:0;padding:0}.replay{top:135px}footer{display:block}.footer-brand{margin-bottom:30px}dialog{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.opening{display:none}}