:root{--bg:#282c34;--card:#21252b;--card2:#2c313c;--line:#3e4451;--ink:#abb2bf;--mut:#5c6370;--gold:#e5c07b;--gold2:#d19a66;--desc:#8b95a8;--surface:#21252b;--elev:#2c313c;--border:#181a1f;--hover:#3e4451;--red:#e06c75;--blue:#61afef;--cyan:#56b6c2;--green:#98c379;--purple:#c678dd}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;color:var(--ink);background:var(--elev);border:1px solid var(--line);cursor:pointer;border-radius:9px;padding:5px 10px;transition:background .15s,border-color .15s}button:hover{background:var(--hover);border-color:#4b5263}button:active{transform:translateY(1px)}#topbar{backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:40;background:#21252beb;align-items:center;gap:14px;height:58px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}#brand{align-items:center;gap:10px;min-width:0;display:flex}#brand img{object-fit:contain;filter:drop-shadow(0 1px 2px #00000073);flex:none;width:36px;height:36px;display:block}#brand h1{white-space:nowrap;color:#d7dae0;margin:0;font:700 15px/1.1 Georgia,Times New Roman,serif}#searchwrap{flex:0 320px;min-width:150px;position:relative}#search{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;outline:none;padding:7px 12px;font-size:13px}#search:focus{border-color:var(--blue)}#results{background:var(--elev);border:1px solid var(--line);border-radius:10px;max-height:320px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 16px 40px #00000073}#results.on{display:block}.res{cursor:pointer;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.res:hover,.res.hi{background:var(--hover)}.res b{font:600 12.5px Georgia,serif}.res span{color:var(--mut);white-space:nowrap;font-size:10px}#controls{flex-wrap:nowrap;align-items:center;gap:6px;margin-left:auto;display:flex}#fitbtn{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}#fitbtn svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;display:block}#stage{cursor:grab;touch-action:none;user-select:none;background:radial-gradient(1200px 800px at 70% -10%,#2c313c 0%,var(--bg) 60%);position:absolute;inset:58px 0 0;overflow:hidden}#stage.grabbing{cursor:grabbing}#world{transform-origin:0 0;will-change:transform;background-image:radial-gradient(#abb2bf14 1.1px,#0000 1.3px);background-size:30px 30px;position:absolute;top:0;left:0}#links{position:absolute;top:0;left:0;overflow:visible}#links path.mar{stroke:var(--gold);stroke-width:1.8px;fill:none;opacity:.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 7;animation:1.4s linear infinite flow-mar}#links path.desc{stroke:var(--desc);stroke-width:1.75px;fill:none;opacity:.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 8;animation:.9s linear infinite flow-desc}#links path.arr{fill:var(--desc);stroke:none;opacity:.9}#links circle.ring{fill:var(--card);stroke:var(--gold);stroke-width:1.5px}@keyframes flow-desc{to{stroke-dashoffset:-16px}}@keyframes flow-mar{to{stroke-dashoffset:-14px}}.era{letter-spacing:.24em;color:#e5c07bd9;white-space:nowrap;text-transform:uppercase;border-bottom:1px solid #e5c07b47;padding-bottom:5px;font:700 11px/1 system-ui;position:absolute}.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-left:4px solid var(--hc,#636d83);cursor:pointer;border-radius:12px;gap:9px;width:232px;height:96px;padding:9px 10px 8px 11px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:absolute;box-shadow:0 6px 18px #00000059}.card:hover{z-index:20;border-color:#4b5263;border-left-color:var(--hc);transform:translateY(-3px)scale(1.05);box-shadow:0 14px 34px #0000008c}.card.consort{opacity:.93}.card.disputed{border-style:dashed dashed dashed solid}.card.current{animation:2.6s ease-in-out infinite alternate glow;box-shadow:0 0 0 2px #e06c7580,0 0 26px #e06c7559,0 8px 24px #00000080}@keyframes glow{to{box-shadow:0 0 0 2px #e06c75d9,0 0 44px #e06c7580,0 8px 24px #00000080}}.card.pulse{animation:1.4s ease-out 2 pulse}@keyframes pulse{0%{outline-offset:3px;outline:3px solid #e5c07bf2}to{outline-offset:30px;outline:3px solid #e5c07b00}}.thumb{border:1px solid var(--line);background:#1b1f27 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233e4451' d='M12 12a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4zm0 2.1c-3.9 0-7.2 2-7.2 4.6V21h14.4v-2.3c0-2.6-3.3-4.6-7.2-4.6z'/%3E%3C/svg%3E") 50%/62% no-repeat;border-radius:9px;flex:none;width:56px;height:78px;position:relative;overflow:hidden}.thumb img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.thumb img.on{opacity:1}.info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nm{white-space:nowrap;text-overflow:ellipsis;color:#d7dae0;align-items:center;gap:5px;font:600 13.5px/1.12 Georgia,Times New Roman,serif;display:flex;overflow:hidden}.nm svg{width:13px;height:13px;fill:var(--gold);flex:none}.al{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;font:italic 400 10px/1.2 Georgia,serif;overflow:hidden}.lf{color:#9da5b4;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.lf b{color:var(--gold);font-weight:600}.chips{align-items:center;gap:4px;margin-top:auto;display:flex}.hb{letter-spacing:.06em;text-transform:uppercase;color:#1b1f27;background:var(--hc,#636d83);white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:8.5px;font-weight:700}.tag{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold2);white-space:nowrap;border-radius:20px;padding:1.5px 6px;font-size:8.5px;font-weight:700}.tag.now{color:var(--red);border-color:#be5046}#legend{border:1px solid var(--line);z-index:30;backdrop-filter:blur(10px);background:#21252bf5;border-radius:14px;max-width:360px;padding:14px 16px 12px;position:fixed;bottom:14px;left:14px;box-shadow:0 8px 28px #0006}#legend h3{letter-spacing:.16em;text-transform:uppercase;color:#abb2bf;margin:0 0 10px;font:700 12px/1 system-ui}.lg{flex-wrap:wrap;gap:7px 12px;display:flex}.li{color:#d7dae0;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 1px #00000040}#legend .key{border-top:1px solid var(--line);color:#9da5b4;margin-top:11px;padding-top:10px;font-size:12px;line-height:1.45}#legend .key i{color:var(--gold);font-style:normal}#hint{color:var(--mut);z-index:30;text-align:right;font-size:11.5px;position:fixed;bottom:14px;right:14px}#panel{background:var(--surface);border-left:1px solid var(--line);z-index:45;width:352px;max-width:94vw;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:fixed;top:58px;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-14px 0 40px #00000073}#panel.open{transform:none}#pclose{z-index:2;border-radius:50%;width:30px;height:30px;padding:0;font-size:15px;line-height:1;position:absolute;top:10px;right:10px}.pimgwrap{background:#1b1f27 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233e4451' d='M12 12a4.2 4.2 0 1 0 0-8.4 4.2 4.2 0 0 0 0 8.4zm0 2.1c-3.9 0-7.2 2-7.2 4.6V21h14.4v-2.3c0-2.6-3.3-4.6-7.2-4.6z'/%3E%3C/svg%3E") 50%/34% no-repeat;height:225px;position:relative}.pimgwrap img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.pimgwrap img.on{opacity:1}.pimgwrap:after{content:"";background:linear-gradient(180deg,transparent,var(--surface));height:80px;position:absolute;inset:auto 0 0}.pin{padding:6px 16px 28px}.pin h2{color:#d7dae0;align-items:center;gap:8px;margin:6px 0 2px;font:700 21px/1.15 Georgia,Times New Roman,serif;display:flex}.pin h2 svg{width:17px;height:17px;fill:var(--gold);flex:none}.pin .pal{color:var(--mut);margin:0 0 8px;font:italic 12px Georgia,serif}.pin .ptitle{color:#9da5b4;margin:0 0 12px;font-size:12px;line-height:1.5}.pgrid{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px;display:grid}.pg{background:var(--elev);border:1px solid var(--line);border-radius:10px;padding:7px 10px}.pg .k{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:2px;font-size:8.5px}.pg .v{font-size:12px}.pg .v .hb{font-size:9px}.psec{margin:11px 0}.psec .k{letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:5px;font-size:8.5px}.rel{flex-wrap:wrap;gap:5px;display:flex}.rel button{background:var(--bg);border-radius:16px;padding:4px 9px;font-size:11px}.rel .none{color:var(--mut);padding:4px 0;font-size:11px}.pbio{color:#c8ccd4;margin:12px 0;font-size:12.5px;line-height:1.62}.pwiki{color:var(--gold);border:1px solid var(--gold2);border-radius:18px;margin-top:4px;padding:6px 13px;font-size:12px;text-decoration:none;display:inline-block}.pwiki:hover{background:#e5c07b1a}@media (width<=860px){#topbar{flex-wrap:wrap;row-gap:8px;height:auto;padding:8px 10px}#stage{inset:98px 0 0}#panel{width:100vw;max-width:100vw;top:98px}#legend{display:none}#searchwrap{flex:100%;order:3}}