.gx{--gx-ink:#e9e6f2;--gx-dim:#9a97ad;height:clamp(520px,84vh,900px);color:var(--gx-ink);font-family:var(--sans);background:radial-gradient(at 30% 25%,#583ca059,#0000 55%),radial-gradient(at 75% 70%,#1e508c4d,#0000 55%),radial-gradient(#0c0a1c 0%,#04030c 100%);border:1px solid #1d1b33;border-radius:6px;position:relative;overflow:hidden}.gx-stage{position:absolute;inset:0}.gx-fail{text-align:center;color:var(--gx-dim);pointer-events:none;place-items:center;margin:0;padding:20px;font-size:14px;display:grid;position:absolute;inset:0}.gx-search{z-index:5;width:min(300px,100% - 24px);position:absolute;top:12px;left:12px}.gx-search input{width:100%;font:inherit;color:var(--gx-ink);backdrop-filter:blur(8px);background:#0e0c20b8;border:1px solid #3a3670;border-radius:999px;padding:9px 13px;font-size:14px}.gx-search input::placeholder{color:var(--gx-dim)}.gx-search input:focus{outline-offset:1px;outline:2px solid #8b7bff}.gx-search ul{background:#0e0c20eb;border:1px solid #3a3670;border-radius:10px;margin:6px 0 0;padding:4px;list-style:none}.gx-search li button{width:100%;font:inherit;color:var(--gx-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:8px;padding:7px 10px;font-size:14px;display:flex}.gx-search li button:hover{background:#8b7bff2e}.gx-search li i{border-radius:50%;flex:none;align-self:center;width:9px;height:9px}.gx-search li small{color:var(--gx-dim);font-size:12px}.gx-search li span{color:var(--gx-dim);margin-left:auto;font-size:12px}.gx-tip{z-index:6;pointer-events:none;white-space:nowrap;background:#0a081aeb;border:1px solid #3a3670;border-radius:8px;padding:7px 11px;font-size:13px;position:absolute}.gx-tip small{color:var(--gx-dim)}.gx-tip span{color:var(--gx-dim);margin-top:2px;font-size:12px;display:block}.gx-hint{text-align:center;pointer-events:none;color:var(--gx-dim);text-shadow:0 1px 6px #000;padding:0 16px;font-size:13px;position:absolute;bottom:84px;left:0;right:0}.gx-hint p{margin:0 0 6px}.gx-hint b{color:var(--gx-ink)}.gx-legend{flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:12.5px;display:flex}.gx-panel{z-index:4;backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:#3a3670 transparent;background:#0a081ad6;border:1px solid #3a3670;border-radius:10px;width:min(360px,100% - 24px);padding:16px 16px 20px;animation:.5s both gx-in;position:absolute;top:12px;bottom:84px;right:12px;overflow-y:auto}@keyframes gx-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.gx-close{float:right;font:inherit;color:var(--gx-dim);cursor:pointer;background:0 0;border:1px solid #3a3670;border-radius:999px;padding:3px 10px;font-size:12px}.gx-close:hover{color:var(--gx-ink);border-color:#8b7bff}.gx-panel h2{font-family:var(--serif);letter-spacing:.04em;margin:0 0 4px;font-size:26px}.gx-panel h2 small{color:var(--gx-dim);margin-left:8px;font-size:13px;font-weight:400}.gx-meta{color:var(--gx-dim);margin:0 0 8px;font-size:13px}.gx-meta i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.gx-trail{color:var(--gx-dim);margin:0 0 12px;font-size:12px;line-height:1.9}.gx-trail button{font:inherit;color:#b9b0ff;cursor:pointer;background:0 0;border:0;padding:0}.gx-trail button:disabled{color:var(--gx-ink);cursor:default}.gx-group{border-top:1px solid color-mix(in srgb, var(--c) 35%, transparent);margin-top:14px;padding-top:10px}.gx-group h3{letter-spacing:.06em;color:var(--c);margin:0 0 6px;font-size:14px}.gx-group h3 em{opacity:.7;margin-left:4px;font-size:12px;font-style:normal}.gx-none{color:#6f6c85;margin:0;font-size:12.5px}.gx-group ul{margin:0;padding:0;list-style:none}.gx-group li{border-left:2px solid color-mix(in srgb, var(--c) 55%, transparent);margin-bottom:11px;padding-left:10px}.gx-who{font:inherit;color:var(--gx-ink);cursor:pointer;border:0;border-bottom:1px dashed var(--c);background:0 0;padding:0;font-size:15px;font-weight:600}.gx-who small{color:var(--gx-dim);margin-left:5px;font-size:11.5px;font-weight:400}.gx-who:hover{color:var(--c)}.gx-dir{color:var(--c);margin-right:6px;font-weight:700}.gx-badge{color:color-mix(in srgb, var(--b) 40%, #fff);border:1px solid color-mix(in srgb, var(--b) 60%, transparent);border-radius:999px;margin-left:8px;padding:0 7px;font-size:11.5px}.gx-y{color:var(--gx-dim);margin-left:8px;font-size:12px}.gx-group li p{color:#cfcbe0;margin:4px 0 2px;font-size:13px;line-height:1.65}.gx-group cite{color:var(--gx-dim);font-size:11.5px;font-style:normal}.gx-river{z-index:5;backdrop-filter:blur(8px);background:#0a081ac7;border:1px solid #2b284f;border-radius:999px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.gx-play{color:#0a0820;cursor:pointer;background:linear-gradient(135deg,#ffd98a,#ff8f6b);border:0;border-radius:50%;flex:none;width:36px;height:36px;font-size:13px;box-shadow:0 0 14px #ffaa6e8c}.gx-yearbox{flex:1;min-width:0}.gx-yearbox input{accent-color:#ffb36b;width:100%;margin:0}.gx-yeartxt{color:var(--gx-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.gx-yeartxt b{color:#ffd98a;font-family:var(--serif);font-size:15px}.gx-reset{font:inherit;color:var(--gx-dim);cursor:pointer;background:0 0;border:1px solid #3a3670;border-radius:999px;flex:none;padding:4px 12px;font-size:12px}@media (width<=760px){.gx{height:min(88vh,760px)}.gx-panel{width:auto;max-height:46%;animation:.4s both gx-up;inset:auto 12px 76px}@keyframes gx-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.gx-hint{bottom:72px}.gx-river{gap:8px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.gx-panel{animation:none}}.gx-hud{z-index:3;text-align:center;font-family:var(--serif);letter-spacing:.32em;color:#e9e6f26b;pointer-events:none;text-shadow:0 0 12px #8b7bff80;font-size:13px;position:absolute;top:20px;left:0;right:0}.gx-notice{z-index:6;color:#ffe2b3;background:#1c140ceb;border:1px solid #7a5a2a;border-radius:10px;max-width:520px;margin:0 auto;padding:12px 40px 12px 16px;font-size:13.5px;line-height:1.7;position:absolute;top:64px;left:12px;right:12px}.gx-notice span{color:#d6bd93;font-size:12.5px;display:block}.gx-notice button{font:inherit;color:#d6bd93;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:10px}@media (width<=760px){.gx-hud{display:none}}.gx-layout{float:right;font:inherit;color:var(--gx-dim);cursor:pointer;background:0 0;border:1px solid #3a3670;border-radius:999px;margin-right:8px;padding:3px 10px;font-size:12px}.gx-layout:hover{color:var(--gx-ink);border-color:#8b7bff}.gx-eras{z-index:4;scrollbar-width:thin;scrollbar-color:#3a3670 transparent;flex-direction:column;gap:4px;width:150px;padding-right:4px;display:flex;position:absolute;top:62px;bottom:150px;left:12px;overflow-y:auto}.gx-eras button{text-align:left;font:inherit;color:var(--gx-dim);backdrop-filter:blur(6px);cursor:pointer;background:#0e0c208c;border:1px solid #2b284f;border-radius:8px;justify-content:space-between;align-items:baseline;gap:6px;padding:5px 9px;font-size:12.5px;transition:color .2s,border-color .2s;display:flex}.gx-eras button:hover{color:var(--gx-ink);border-color:#8b7bff}.gx-eras small{opacity:.65;font-size:11px}.gx-era-all{color:var(--gx-ink)!important}@media (width<=760px){.gx-eras{flex-direction:row;width:auto;inset:auto 12px 126px;overflow:auto hidden}.gx-eras button{flex:none}}.gx-group li{border-radius:0 6px 6px 0;transition:background .2s,border-color .2s}.gx-group li:hover{background:color-mix(in srgb, var(--c) 14%, transparent);border-left-color:var(--c)}