.ex{--ex-bg:#12121f;--ex-navy:var(--color-dark);--ex-dim:#3a3a5c;--ex-mute:#6c6c8f;--ex-text:#ececf4;--ex-soft:#a9a9c2;--ex-yellow:var(--color-yellow);isolation:isolate;min-height:100vh;color:var(--ex-text);background:radial-gradient(ellipse at 60% 40%, #232342 0%, var(--ex-navy) 45%, var(--ex-bg) 100%);position:relative;overflow:hidden}.ex-stars{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.ex h1,.ex h2,.ex h3{color:#fff}.ex h1:focus,.ex h2:focus{outline:none}.ex-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ex-yellow);margin:0 0 8px;font-size:.78rem;font-weight:600}.ex-lead{color:var(--ex-soft);max-width:34em;font-size:1.05rem;line-height:1.65}.ex button{font:inherit;color:inherit;cursor:pointer}.ex-view{transform-origin:var(--zx) var(--zy);position:relative}.ex.is-leaving .ex-view{opacity:0;filter:blur(6px);transition:transform .7s cubic-bezier(.55,0,.75,.2),opacity .6s ease-in .1s,filter .7s ease-in;transform:scale(3.2)}.ex.at-world.is-leaving .ex-view{transform-origin:50% 40%}.ex.is-arriving .ex-view{animation:.65s cubic-bezier(.2,.8,.25,1) both ex-arrive}@keyframes ex-arrive{0%{opacity:0;filter:blur(8px);transform:scale(.55)}to{opacity:1;filter:none;transform:none}}.ex-map-view{grid-template-columns:minmax(280px,.8fr) 1.2fr;align-items:center;gap:clamp(24px,4vw,64px);min-height:100vh;padding:clamp(32px,6vw,80px) clamp(20px,5vw,72px) clamp(150px,16vh,200px);display:grid}.ex-intro h1{margin:0 0 18px;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05}.ex-worldlist{gap:2px;margin:28px 0 0;padding:0;list-style:none;display:grid}.ex-worldlist button{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:9.5em 1fr;gap:12px;width:100%;padding:9px 12px;transition:background .2s;display:grid}.ex-worldlist button:hover,.ex-worldlist button:focus-visible,.ex-worldlist button.is-lit{background:#ffffff0f}.ex-worldlist button:focus-visible{outline:2px solid var(--ex-yellow)}.ex-wl-name{color:#fff;font-weight:600}.ex-worldlist button.is-lit .ex-wl-name{color:var(--ex-yellow)}.ex-wl-line{color:var(--ex-soft);font-size:.92rem}.ex-map{justify-self:center;width:100%;max-width:calc(105vh - 315px);position:relative}.ex-shape{width:100%;height:auto;display:block;overflow:visible}.ex-part{cursor:pointer;outline:none}.ex-hit{fill:#0000}.ex-hit-ring{fill:none;stroke:#0000;pointer-events:stroke}.ex-fill{fill:var(--ex-dim);transition:fill .35s,filter .35s}.ex-stroke{fill:none;stroke:var(--ex-dim);pointer-events:none;transition:stroke .35s,filter .35s}.ex-part:first-child .ex-stroke{stroke:#2b2b4a}.ex-part.is-lit .ex-fill{fill:var(--ex-yellow);filter:drop-shadow(0 0 22px #ffd3278c)}.ex-part.is-lit .ex-stroke{stroke:var(--ex-yellow);filter:drop-shadow(0 0 16px #ffd32773)}.ex-part:focus-visible .ex-fill,.ex-part:focus-visible .ex-stroke{stroke:var(--ex-yellow);stroke-width:4px}.ex-tip{text-align:center;pointer-events:none;justify-items:center;gap:2px;min-width:16em;animation:.35s both ex-fade;display:grid;position:absolute;bottom:-8px;left:50%;transform:translate(-50%,100%)}.ex-tip strong{color:#fff;font-size:1.25rem}.ex-tip span{color:var(--ex-soft)}.ex-tip .ex-tip-world{letter-spacing:.16em;text-transform:uppercase;color:var(--ex-yellow);font-size:.75rem}@keyframes ex-fade{0%{opacity:0;transform:translate(-50%,calc(100% + 6px))}}.ex-world-view{padding:24px clamp(20px,5vw,72px) 120px}.ex-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.ex-back{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;transition:border-color .2s,background .2s;display:inline-flex}.ex-back:hover,.ex-back:focus-visible{border-color:var(--ex-yellow);background:#ffd32714}.ex-mini{width:104px}.ex-mini .ex-fill{fill:var(--ex-mute)}.ex-mini .ex-stroke,.ex-mini .ex-part:first-child .ex-stroke{stroke:var(--ex-mute)}.ex-mini .ex-part:hover .ex-fill{fill:#fff}.ex-mini .ex-part:hover .ex-stroke{stroke:#fff}.ex-mini .ex-part.is-lit .ex-fill{fill:var(--ex-yellow);filter:none}.ex-mini .ex-part.is-lit .ex-stroke{stroke:var(--ex-yellow);filter:none}.ex-world-head{text-align:center;max-width:40em;margin:8px auto 0}.ex-world-head h1{margin:0 0 8px;font-size:clamp(2rem,4.4vw,3.2rem)}.ex-world-head .ex-lead{margin:0 auto}.ex-scene{height:clamp(420px,62vh,640px);margin:8px 0 24px;position:relative}.ex-motif{width:100%;height:100%;opacity:calc(.55 - var(--lvl,0) * .07);transform:scale(calc(1 + var(--lvl,0) * .22));pointer-events:none;position:absolute;inset:0}.ex-status{color:var(--ex-soft);margin:0;font-size:.9rem;animation:1.6s ease-in-out infinite ex-rise;position:absolute;top:calc(50% + clamp(80px,11vw,120px));left:50%;transform:translate(-50%)}.ex-m-line{fill:none;stroke:var(--ex-dim);stroke-width:1.4px}.ex-m-line.is-gold{stroke:#ffd32780}.ex-m-line.is-wide{stroke-width:3px}.ex-m-solid{fill:var(--ex-dim)}.ex-m-dot{fill:var(--ex-mute)}.ex-m-dot.is-faint{fill:var(--ex-dim)}.ex-m-dot.is-gold{fill:var(--ex-yellow)}.ex-spin{animation:60s linear infinite ex-rot}.ex-spin-reverse{animation:44s linear infinite reverse ex-rot}.ex-spin-slow{animation:160s linear infinite ex-rot}.ex-sweep{animation:14s linear infinite ex-rot}@keyframes ex-rot{to{transform:rotate(360deg)}}.ex-echo{animation:5s ease-in-out infinite ex-echo}@keyframes ex-echo{50%{opacity:.25}}.ex-rise{animation:3.2s ease-in-out infinite ex-rise}@keyframes ex-rise{0%,to{opacity:.15}50%{opacity:1}}.ex-twinkle{animation:4s ease-in-out infinite ex-rise}.ex-draw{stroke-dasharray:400;stroke-dashoffset:400px;animation:2.4s forwards ex-draw}@keyframes ex-draw{to{stroke-dashoffset:0}}.ex-drift{animation:30s ease-in-out infinite alternate ex-drift}@keyframes ex-drift{to{transform:translate(-30px,12px)}}.ex-planet{z-index:20;aspect-ratio:1;background:var(--ex-yellow);border-radius:50%;place-items:center;width:clamp(130px,18vw,190px);animation:6s ease-in-out infinite ex-breathe;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #ffd32714,0 0 80px #ffd32759}.ex-planet span{max-width:7em;color:var(--color-dark);text-align:center;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:700;line-height:1.15}@keyframes ex-breathe{50%{box-shadow:0 0 0 24px #ffd3270d,0 0 110px #ffd32773}}.ex-moons{margin:0;padding:0;list-style:none}.ex-moon{--depth:1;opacity:calc(.45 + var(--depth) * .55);will-change:transform;background:0 0;border:0;justify-items:center;gap:8px;padding:4px;display:grid;position:absolute;top:0;left:0}.ex-moon-body{aspect-ratio:1;background:#d9d9e6;border-radius:50%;width:34px;transition:background .25s,box-shadow .25s;box-shadow:0 0 0 6px #ffffff0d}.ex-moon-name{text-align:center;color:#fff;max-width:11em;text-shadow:0 1px 8px var(--ex-bg);font-size:.85rem;font-weight:500;line-height:1.2}.ex-moon.has-inside .ex-moon-body{box-shadow:0 0 0 5px #12121fe6,0 0 0 6.5px #d9d9e68c}.ex-moon.is-attribute .ex-moon-body{border-radius:4px;width:22px;transform:rotate(45deg)}.ex-moon:hover .ex-moon-body,.ex-moon:focus-visible .ex-moon-body,.ex-moon.is-current .ex-moon-body{background:var(--ex-yellow);box-shadow:0 0 0 8px #ffd32726,0 0 30px #ffd32799}.ex-moon:focus-visible{outline:none}.ex-moon:focus-visible .ex-moon-name,.ex-moon:hover .ex-moon-name{color:var(--ex-yellow)}.ex-notes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:1200px;margin:0 auto;display:grid}.ex-note{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12121f99;border:1px solid #ffffff1a;border-radius:16px;padding:22px 24px}.ex-note h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ex-soft);margin:0 0 10px;font-size:.78rem;font-weight:600}.ex-note p{color:var(--ex-soft);margin:0 0 12px;line-height:1.6}.ex-note .ex-note-big{color:#fff;font-size:1.15rem;font-weight:500;line-height:1.4}.ex-note.is-question{border-color:#ffd32766}.ex-note.is-question .ex-note-big{color:var(--ex-yellow)}.ex-note a{color:var(--ex-yellow);font-weight:500;text-decoration:none}.ex-note a:hover{text-decoration:underline}.ex-panel{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12121ff0;border-left:1px solid #ffd32740;width:min(460px,100%);padding:36px 32px 48px;animation:.45s cubic-bezier(.2,.8,.25,1) both ex-panel;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-30px 0 60px #0006}@keyframes ex-panel{0%{opacity:0;transform:translate(40px)}}.ex-panel h2{margin:0 0 12px;font-size:1.9rem}.ex-panel h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ex-soft);margin:28px 0 12px;font-size:.78rem;font-weight:600}.ex-panel-lead{color:var(--ex-text);line-height:1.65}.ex-close{background:0 0;border:1px solid #fff3;border-radius:50%;width:38px;height:38px;font-size:1.4rem;line-height:1;position:absolute;top:18px;right:18px}.ex-close:hover,.ex-close:focus-visible{border-color:var(--ex-yellow);color:var(--ex-yellow)}.ex-matters{gap:14px;margin:0;padding:0;list-style:none;display:grid}.ex-matters li{border-left:2px solid var(--ex-yellow);gap:4px;padding-left:14px;display:grid}.ex-matters strong{color:#fff;font-weight:600}.ex-matters span{color:var(--ex-soft);font-size:.95rem;line-height:1.55}.ex-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ex-chips li{background:#ffffff12;border-radius:999px;padding:6px 12px;font-size:.88rem}.ex-chips.is-links li{background:0 0;padding:0}.ex-chips a{color:var(--ex-yellow);border:1px solid #ffd32766;border-radius:999px;padding:6px 12px;font-size:.88rem;text-decoration:none;display:inline-block}.ex-chips a:hover{background:#ffd3271a}.ex-threads{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ex-threads button{text-align:left;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;gap:4px;width:100%;padding:12px 14px;transition:border-color .2s,background .2s;display:grid}.ex-threads button:hover,.ex-threads button:focus-visible{border-color:var(--ex-yellow);background:#ffd3270f}.ex-thread-to{color:var(--ex-yellow);font-weight:600}.ex-thread-why{color:var(--ex-soft);font-size:.92rem;line-height:1.5}.ex .ex-enter,.ex .ex-enter:hover{color:var(--color-dark);border:0;align-items:center;gap:8px;margin-top:8px;font-weight:600;display:inline-flex}.ex-panel-more{color:var(--ex-yellow);margin-top:30px;font-weight:500;text-decoration:none;display:inline-block}.ex-panel-more:hover{text-decoration:underline}.ex-notes.is-single{grid-template-columns:minmax(0,720px);justify-content:center}.ex-trail{flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;font-size:.8rem;display:flex;overflow:hidden}.ex-trail ol{white-space:nowrap;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.ex-trail li+li:before{content:"›";color:var(--ex-mute);margin-right:4px}.ex-trail button{color:var(--ex-mute);background:0 0;border:0;padding:2px 3px}.ex-trail button:hover{color:var(--ex-yellow)}.ex-trail [aria-current]{color:var(--ex-soft);padding:2px 3px}@media (max-width:900px){.ex-map-view{grid-template-columns:1fr;min-height:0}.ex-map{order:-1;width:100%;max-width:520px;margin:0 auto 60px}.ex-trail{display:none}}@media (max-width:640px){.ex-worldlist button{grid-template-columns:1fr;gap:2px}.ex-scene{height:420px}.ex-moon-body{width:24px}.ex-moon-name{max-width:8em;font-size:.72rem}.ex-panel{border-top:1px solid #ffd32740;border-left:0;border-radius:20px 20px 0 0;max-height:82vh;padding:28px 22px 40px;animation-name:ex-sheet;top:auto}@keyframes ex-sheet{0%{opacity:0;transform:translateY(40px)}}}@media (prefers-reduced-motion:reduce){.ex *,.ex :before{transition:none!important;animation:none!important}.ex-draw{stroke-dashoffset:0}}
