:root{color-scheme:dark;--ink:#050912;--text:#e0e7f2;--muted:#a7b6cb;--line:#a4bde02e;--violet:#b5a2d8}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--text);font:15px/1.7 system-ui,sans-serif;background:radial-gradient(ellipse at 45% 38%,#18213e55,transparent 53%),#050912;min-width:300px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,aside:focus-visible{outline:2px solid #d6c0ef;outline-offset:5px}.skip{position:fixed;left:16px;top:-80px;z-index:20;background:#111c2b;padding:12px}.skip:focus{top:10px}header{max-width:1440px;margin:auto;padding:24px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font:16px Georgia,serif;letter-spacing:.14em}.brand>span{display:flex;flex-direction:column}.brand small{font:9px/2 system-ui;letter-spacing:.18em;color:var(--muted)}header nav{display:flex;align-items:center;gap:20px;font-size:12px}header nav a{padding:10px 0}header button{background:#0e1726;border:1px solid var(--line);border-radius:999px;min-height:44px;padding:9px 18px}header button[aria-pressed=true]{border-color:#b7abd6;color:#e2cff7}.intro{text-align:center;padding:30px 20px 0}.eyebrow{font:10px/1.8 system-ui;letter-spacing:.22em;color:#a3b8d4;text-transform:uppercase}h1{font:clamp(35px,4.7vw,64px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:12px 0}h1 em{font-style:normal;color:#c8b6e0}.intro>p:last-child{font-size:13px;color:var(--muted);margin-bottom:0}.experience{max-width:1350px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:0 4vw 40px;align-items:center}.map{position:relative;aspect-ratio:1;min-width:0;width:100%;max-width:850px;margin:auto}canvas,#nodes{position:absolute;inset:0;width:100%;height:100%}canvas{pointer-events:none}.realm{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(70px,7.2vw,100px);height:clamp(70px,7.2vw,100px);border:1px solid #9fbbde40;border-radius:50%;background:radial-gradient(circle at 40% 25%,#23324c85,#080e1bed);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;font:10px/1.3 system-ui;letter-spacing:.035em;box-shadow:0 8px 20px #0005;transition:border-color .3s,background .3s}.realm .sigil{font:21px Georgia;color:#a7bfe3}.realm[aria-pressed=true]{border-color:#d2c2f0;background:radial-gradient(circle,#35456599,#10192ceb);box-shadow:0 0 27px #a790d52c}.realm.core{width:clamp(62px,6vw,88px);height:clamp(62px,6vw,88px);background:transparent;border:0;box-shadow:none;color:#d7dfed;font-size:9px}.realm.core .sigil{display:none}.map-hint{position:absolute;bottom:0;width:100%;text-align:center;font-size:10px;letter-spacing:.12em;color:#8fa3bd;pointer-events:none}aside{border:1px solid var(--line);border-radius:18px;padding:30px 26px;background:linear-gradient(145deg,#152036bb,#080e1bf0);box-shadow:0 20px 70px #0004}h2{font:32px/1.2 Georgia,serif;margin:14px 0 20px}#realm-copy{font-size:14px;line-height:1.85;color:#becbdd;min-height:85px}.primary{display:block;text-align:center;padding:13px 18px;border:1px solid #c1c6e35e;background:linear-gradient(120deg,#23344d,#29213b);border-radius:9px;font-size:12px;min-height:46px}.primary:hover{border-color:#ddd3ee}.note{font-size:10px;color:#8fa3bd;margin:10px 0}.detail-rule{height:1px;background:linear-gradient(90deg,transparent,#aec6e53c,transparent);margin:25px 0}.principle{font:italic 17px/1.7 Georgia;color:#bbc8de}.quiet{font-size:12px;color:#c7b8e0;display:inline-block;padding:10px 0}.status{font-size:10px;color:#94a8c2;min-height:16px}footer{max-width:1350px;margin:auto;padding:20px 4vw 30px;display:flex;justify-content:space-between;gap:20px;color:#8d9eb5;font-size:9px;letter-spacing:.08em;border-top:1px solid var(--line)}
@media(max-width:1000px){.experience{grid-template-columns:1fr;padding:0 4vw 30px;gap:12px}.map{max-width:680px}aside{max-width:660px;width:100%;margin:auto}#realm-copy{min-height:0}.realm{width:clamp(62px,11vw,86px);height:clamp(62px,11vw,86px)}}
@media(max-width:550px){header{padding:17px 18px;flex-wrap:wrap;gap:12px}.brand{font-size:13px}header nav{width:100%;justify-content:space-between}.intro{padding-top:18px}.intro>p:last-child{max-width:280px;margin:0 auto}.eyebrow{font-size:9px}.experience{padding:0 8px 24px}.map{margin-top:12px}.realm{font-size:8px;width:61px;height:61px;padding:5px;gap:3px}.realm .sigil{font-size:17px}.realm.core{width:52px;height:52px;font-size:8px}.map-hint{bottom:-3px;font-size:8px}aside{width:calc(100% - 20px);padding:24px}footer{flex-direction:column;gap:5px}.intro h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}