:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#141113d1;--panel-strong:#141113e6;--line:#ffffff24;--text:#f4efe8;--muted:#f4efe8ad;--accent:#ffd08a;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body{background:#0b0808;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;color:var(--text);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.35;position:fixed;inset:0}.panel__input,.notice{-webkit-user-select:text;user-select:text}#ui>*{pointer-events:auto}.notice{border:1px solid var(--line);background:var(--panel-strong);text-align:center;border-radius:12px;max-width:min(520px,100% - 32px);padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notice--error{border-color:#ff78648c}.title{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;display:flex;position:absolute;top:16px;left:16px}.title__name{letter-spacing:.02em;font-size:18px;font-weight:650}.title__tag{color:var(--muted);font-size:12px}.panel{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:10px;max-width:calc(100% - 32px);padding:12px 14px;display:flex;position:absolute;top:16px;right:16px}.panel__row{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.panel__label{min-width:78px;color:var(--muted)}.panel__input{border:1px solid var(--line);width:108px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:#0000004d;border-radius:8px;padding:6px 8px}.panel__stats{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:8px;padding:6px 10px;transition:background-color .15s,border-color .15s}.button:hover{background:#ffffff24}.button--active{border-color:var(--accent);color:var(--accent);background:#ffd08a2e}.segmented{flex-wrap:wrap;gap:6px;display:flex}.eras{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;gap:10px;width:min(1040px,100% - 32px);padding:12px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.eras__info{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.eras__era{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.eras__name{font-size:17px;font-weight:650}.eras__earth{color:var(--muted);margin-left:auto;font-size:13px}.eras__buttons{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px;display:grid}.era{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border-radius:9px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;padding:7px 9px;transition:background-color .15s,border-color .15s;display:flex}.era:hover{background:#ffffff21}.era--active{border-color:var(--accent);background:#ffd08a2e}.era__number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.era--active .era__number{color:var(--accent)}.era__name{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:12px;line-height:1.2}.button:focus-visible,.era:focus-visible,.panel__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:560px){.title{display:none}}@media (max-width:720px){.title__tag{display:none}.panel__label{min-width:0}.eras__earth{margin-left:0}}.hud{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:10px;max-width:calc(100% - 32px);padding:12px 14px;display:flex;position:absolute;top:92px;left:16px}.hud__time{flex-direction:column;gap:8px;display:flex}.hud__years{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.hud__metrics{flex-direction:column;gap:6px;margin:0;display:flex}.metric{grid-template-columns:96px 64px 88px;align-items:center;gap:8px;display:grid}.metric__label{color:var(--muted);font-size:12px}.metric__value{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:13px}.spark{width:88px;height:24px}.spark polyline{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}@media (max-width:560px){.hud{top:160px}.metric{grid-template-columns:86px 60px}.spark{display:none}}.powers{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:10px;width:276px;max-width:calc(100% - 32px);padding:12px 14px;display:flex;position:absolute;top:160px;right:16px}.powers__group{flex-direction:column;gap:6px;display:flex}.powers__title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.powers__buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.powers__buttons .button{text-align:left;padding:6px 8px;font-size:13px}.powers__radius{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.powers__radius input{accent-color:var(--accent)}.powers__hint{color:var(--muted);font-size:11px;line-height:1.3}@media (max-width:720px){.powers{display:none}}.life{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;gap:6px;width:294px;max-width:calc(100% - 32px);max-height:calc(100% - 544px);padding:10px 14px;display:flex;position:absolute;top:344px;left:16px}.life__title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.life__empty{color:var(--muted);font-size:12px}.life__list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.life__item{grid-template-columns:10px 1fr 70px;align-items:center;gap:8px;font-size:12px;display:grid}.life__dot{border-radius:50%;width:10px;height:10px}.life__bar{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.life__bar span{height:100%;display:block}.notices{flex-direction:column;gap:8px;width:min(360px,100% - 780px);min-width:240px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);pointer-events:none!important}.notice-card{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel-strong);color:var(--text);font:inherit;text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:10px 14px;font-size:13px;display:flex}.notice-card--extinct{border-left-color:#9a9a9a}.notice-card span{color:var(--muted);font-size:12px;line-height:1.35}@media (max-width:900px){.life,.notices{display:none}}.powers__buttons--wide{grid-template-columns:1fr}.life__actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.life__actions .button,.life__highlight{padding:5px 8px;font-size:12px}.life__item{cursor:pointer}.life__item:hover .life__name{color:var(--accent)}.screen{box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#0f0c0c;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.screen__bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screen__note{color:var(--muted);margin-right:auto;font-size:12px}.tree{flex:1;gap:12px;min-height:0;display:flex}.tree__canvas{border:1px solid var(--line);background:radial-gradient(at 50% 100%,#ffd08a12,#0000 70%);border-radius:12px;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.tree__canvas svg{width:100%;height:100%}.tree__empty{max-width:420px;color:var(--muted);text-align:center}.tree__edge{fill:none;stroke-linecap:round;opacity:.85}.tree__edge--extinct{opacity:.55;stroke-dasharray:2 5}.tree__node{cursor:pointer}.tree__hit{fill:#0000}.tree__dot{stroke:#0b0808;stroke-width:2px}.tree__node:hover .tree__dot,.tree__node--selected .tree__dot{stroke:var(--accent);stroke-width:3px}.tree__label{fill:var(--text);paint-order:stroke;stroke:#0b0808;stroke-width:4px;stroke-linejoin:round;font-size:11px}.tree__label--extinct{fill:#9a958f}.tree__node--selected .tree__label{fill:var(--accent)}.tree__bless{fill:var(--accent);font-size:14px}.tree__fork path{fill:var(--accent)}.tree__fork text{fill:var(--accent);paint-order:stroke;stroke:#0b0808;stroke-width:4px;font-size:11px}.card{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;width:300px;padding:14px;display:flex;overflow-y:auto}.card__hint,.card__legend{color:var(--muted);margin:0;font-size:13px}.card__legend{flex-direction:column;gap:6px;padding-left:18px;display:flex}.card__head{align-items:center;gap:10px;display:flex}.card__dot{border-radius:50%;flex:none;width:14px;height:14px}.card__name{margin:0;font-size:19px;font-weight:650}.card__state{color:var(--accent);font-size:12px}.card__state--extinct{color:#9a958f}.card__fact{margin:0;line-height:1.45}.card__facts{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px;display:grid}.card__facts dt{color:var(--muted)}.card__facts dd{margin:0}.card__actions{flex-direction:column;gap:6px;margin-top:auto;display:flex}.book{flex:1;min-height:0;padding-right:6px;overflow-y:auto}.book__note{color:var(--muted);margin:0 0 4px;font-size:13px}.book__title{margin:16px 0 8px;font-size:15px;font-weight:650}.book__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.entry{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.entry--closed{opacity:.5}.entry__kicker{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.entry__dot{border-radius:50%;width:8px;height:8px}.entry__name{margin:0;font-size:14px;font-weight:650}.entry__text{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.fork-backdrop{box-sizing:border-box;background:#0b080899;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.fork{box-sizing:border-box;border:1px solid var(--accent);background:var(--panel-strong);border-radius:14px;flex-direction:column;gap:10px;width:min(560px,100%);padding:20px 22px;display:flex}.fork__kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.fork__title{margin:0;font-size:22px;font-weight:650}.fork__text{color:var(--muted);margin:0;line-height:1.45}.fork__options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fork__option{border:1px solid var(--line);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.fork__option:hover,.fork__option:focus-visible{border-color:var(--accent);background:#ffd08a29;outline:none}.fork__option strong{font-size:16px}.fork__option span{color:var(--muted);font-size:13px;line-height:1.4}.fork__note{color:var(--muted);font-size:12px}@media (max-width:720px){.tree{flex-direction:column}.card{width:auto;max-height:40%}.fork__options{grid-template-columns:1fr}}