*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Lato,sans-serif;color:#eaf6ff;background:#0b1530;overflow:hidden}.app{height:100%;display:flex;background:radial-gradient(ellipse at 30% 20%,#2a4a8a 0%,var(--dark) 70%);position:relative;padding-top:env(safe-area-inset-top)}.snow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}nav{z-index:2;display:flex;flex-direction:column;gap:14px;padding:20px;justify-content:center}.ico{width:52px;height:52px;border-radius:50%;border:2px solid #ffffff44;background:#ffffff14;color:#fff;font-size:22px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.25s}.ico:hover{transform:scale(1.1);border-color:var(--accent)}.ico.on{background:var(--accent);color:var(--dark);box-shadow:0 0 22px var(--accent)}main{flex:1;display:flex;z-index:2;min-width:0}.stage{flex:1;position:relative;min-width:0}.name{position:absolute;left:24px;bottom:24px;font:700 28px Cinzel,serif;text-shadow:0 0 14px var(--accent)}.name small{display:block;font:14px Lato;opacity:.8}.panel{width:420px;margin:24px 24px 24px 0;padding:22px 26px;border-radius:16px;background:#0b153099;border:1px solid #9fe3ff55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 40px #5b8cff33;overflow:auto}.ptitle{font:500 13px Cinzel;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}h2{font:700 26px Cinzel,serif;margin:4px 0}h3{font:500 16px Cinzel;color:var(--accent)}p{line-height:1.5}.dim{opacity:.7}.sub{opacity:.85;font-size:14px}.stars{color:#ffd76a}.rows{list-style:none;padding:0;margin:14px 0}.rows li{display:flex;justify-content:space-between;padding:9px 12px;border-radius:6px}.rows li:nth-child(odd){background:#ffffff10}.rows b{color:var(--accent)}.btn{padding:10px 18px;border-radius:20px;border:1px solid var(--accent);background:transparent;color:#fff;cursor:pointer;transition:.25s}.btn:hover{background:var(--accent);color:var(--dark)}.bar{height:4px;background:#fff2;border-radius:4px;margin-top:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:4px}.wicon{font-size:72px;text-align:center;filter:drop-shadow(0 0 16px var(--accent));animation:float 3s ease-in-out infinite}.icons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.const{width:100%;max-height:300px}.line{fill:none;stroke:var(--accent);stroke-width:.5;opacity:.6}.node{cursor:pointer}.node circle{fill:#0b1530;stroke:var(--accent);stroke-width:1;transition:.3s}.node text{font-size:6px;fill:#fff}.node:hover circle,.node.on circle{fill:var(--accent2);filter:drop-shadow(0 0 3px var(--accent))}.node.on circle{r:8.5}.tags em{display:inline-block;margin:4px 6px 4px 0;padding:4px 12px;border:1px solid var(--accent);border-radius:14px;font-style:normal;font-size:13px}.fade{animation:fade .45s ease}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-8px)}}@media (max-width:800px){.app{flex-direction:column-reverse}nav{flex-direction:row;padding:8px;justify-content:center}.ico{width:46px;height:46px}main{flex-direction:column;overflow:hidden}.stage{flex:0 0 42%}.panel{width:auto;margin:0 10px;flex:1}.name{font-size:20px;left:14px;bottom:8px}}