:root{color-scheme:light;--navy:#082348;--blue:#116bdf;--radius:780px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--navy);background:#f5f8fc}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #edaa15;outline-offset:5px}header{max-width:1500px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-size:19px;font-weight:900;letter-spacing:1px}.brand span{color:var(--blue)}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:2px;margin-top:5px}.jump{font-size:14px;text-decoration:none}.intro{padding:28px 5% 32px;max-width:1500px;margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#2861a6}h1{font-size:clamp(28px,3.4vw,55px);letter-spacing:-1.6px;line-height:1.1;margin:12px 0}h1 span{color:var(--blue)}.intro>p:last-child{color:#4a607c;font-size:17px}.picture{position:relative;max-width:1600px;margin:auto}.picture img{display:block;width:100%;height:auto}.picture svg{position:absolute;inset:0;width:100%;height:100%}.hotspot rect{fill:transparent;stroke:transparent;stroke-width:3}.hotspot:hover rect,.hotspot:focus rect,.hotspot.selected rect{fill:#2087ff20;stroke:white}.hotspot circle{fill:#082348;stroke:white;stroke-width:3}.hotspot text{fill:white;font-size:19px;font-weight:bold;text-anchor:middle;pointer-events:none}.person-info{min-height:90px;max-width:1500px;margin:auto;padding:20px 4%;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#e4edfa;padding:8px 10px;border-radius:5px}.person-info a{color:var(--blue);font-weight:700}.worlds{background:radial-gradient(ellipse at 50% 60%,#224c80 0,#0b2547 55%,#071a33 100%);color:white;padding:48px 0 30px;overflow:hidden}.section-head{max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:22px}.worlds .eyebrow{color:#7db8ff}h2{font-size:clamp(25px,3vw,39px);margin:8px 0;letter-spacing:-1px}.section-head p:last-child,.hint{color:#bdcde2;font-size:14px}.controls{display:flex;gap:8px;flex-shrink:0}button{border:1px solid #6d8cad;background:#ffffff0c;color:white;border-radius:30px;min-width:44px;padding:12px;cursor:pointer}.stage{height:340px;position:relative;perspective:1200px;touch-action:pan-y}.ring{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--radius)))}.tile{position:absolute;left:calc(50% - 98px);top:65px;width:196px;height:215px;padding:20px;border:1px solid #ffffff45;border-radius:15px;background:linear-gradient(145deg,#f8fcff,#daeaff);box-shadow:0 20px 40px #0005;color:var(--navy);text-decoration:none;backface-visibility:hidden;display:flex;flex-direction:column;gap:10px}.tile .icon{font-size:26px;color:#2173d8;font-weight:900}.tile h3{font-size:18px;margin:0;line-height:1.15}.tile p{font-size:12px;line-height:1.4;margin:0;color:#4d6582}.tile small{margin-top:auto;font-size:10px;overflow-wrap:anywhere;color:#1e579d}.tile:hover,.tile:focus-visible{border:3px solid #eab647;padding:18px}.hint{text-align:center;padding:0 20px}.worlds details{max-width:1300px;margin:30px auto 0;padding:0 5%}summary{cursor:pointer;padding:15px 0}.directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.directory a{padding:17px;border:1px solid #ffffff25;border-radius:8px;text-decoration:none;font-size:14px;overflow-wrap:anywhere}.directory small{display:block;margin-top:5px;color:#a9c5e8}.closing{display:flex;max-width:1300px;margin:auto;align-items:center;gap:28px;padding:45px 5%}.closing>span{font-weight:900;font-size:66px;letter-spacing:-6px;color:#1d73df}.closing p{font-weight:700;line-height:1.5}.closing small{margin-left:auto}footer{padding:20px 5%;font-size:11px;line-height:1.6;color:#65758c;border-top:1px solid #d9e3ee} [hidden]{display:none!important}@media(max-width:650px){header{padding:18px 5%}.brand{font-size:15px}.jump{font-size:12px}.intro{padding-top:15px}h1 span{display:block}.intro>p:last-child{font-size:14px}.person-info{gap:10px;min-height:130px}.section-head{display:block}.controls{margin-top:22px}.stage{height:300px}.tile{top:45px}.directory{grid-template-columns:1fr}.closing{gap:20px}.closing small{display:none}.picture{overflow:auto}.picture img,.picture svg{min-width:700px}.picture svg{height:auto;aspect-ratio:2/1}.picture{aspect-ratio:auto}.picture img{width:700px}.hotspot circle{r:17}.hint{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.person-preview{position:fixed;z-index:1000;width:min(320px,calc(100vw - 24px));padding:22px;background:#fff;color:#082348;border:2px solid #116bdf;border-radius:16px;box-shadow:0 12px 42px #06264d45;font:15px/1.45 Segoe UI,Arial,sans-serif}.person-preview small{display:block;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#46658a;padding-right:20px}.person-preview h3{font-size:21px;line-height:1.2;margin:12px 0}.person-preview p{margin:10px 0}.person-preview .preview-topic{font-size:13px;font-weight:700;color:#426386}.person-preview>a{display:block;overflow-wrap:anywhere;padding:11px 12px;margin-top:15px;border-radius:8px;background:#0f4f91;color:white;font-size:13px;font-weight:700;text-decoration:none}.person-preview .preview-close{position:absolute;right:7px;top:5px;min-width:32px;padding:0;width:32px;height:32px;line-height:32px;border:0;border-radius:50%;background:#e9f0fa;color:#082348;font-size:25px}.hotspot{cursor:pointer}

.person-preview{border:3px solid #082348;border-radius:24px;box-shadow:4px 6px 0 #08234824}.person-preview::before{content:"";position:absolute;left:-11px;top:34px;width:18px;height:18px;transform:rotate(45deg);background:white;border-left:3px solid #082348;border-bottom:3px solid #082348}.person-preview.tail-right::before{left:auto;right:-11px;border:0;border-right:3px solid #082348;border-top:3px solid #082348}.person-preview .preview-person{color:#41607f;font-weight:700;text-transform:none;letter-spacing:0;font-size:12px}

.person-preview{width:min(350px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto}.preview-actions{display:grid;gap:8px;margin-top:16px}.preview-actions a{padding:11px 12px;border-radius:9px;background:#104f91;color:#fff;text-decoration:none;font-weight:700;font-size:13px;overflow-wrap:anywhere}.preview-dialogue blockquote{margin:14px 0 0;padding:13px 15px;border-radius:15px 15px 15px 4px;background:#eaf3ff;color:#163756;font-size:15px;font-weight:600}.preview-dialogue blockquote.reply{margin-left:22px;border-radius:15px 15px 4px 15px;background:#eef5e5}.hotspot rect{fill:transparent}.hotspot.selected rect{fill:#ffffff06}.hotspot:nth-child(n+11) text{font-size:15px}