:root{--side-w:340px;--panel:#f1e6cf;--panel-2:#fff9ec;--panel-3:#e6d8bb;--line:#5037141f;--text:#253544;--text-2:#56687a;--text-3:#8797a6;--accent:#2f86d6;--accent-soft:#2f86d629;--good:#3fbf72;--bad:#ef6a5a;--warn:#f2a93b;--egg:#f6c65b;--pale:#c9d3d8;--track:#5037141f;--shadow:0 2px 6px #3c280a24;--radius:14px;--ease:.4s cubic-bezier(.22, 1, .36, 1)}body.side-hidden{--side-w:0px}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-variant-numeric:tabular-nums;background:#051e30;margin:0;padding:0;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif;font-size:13px;overflow:hidden}#app{top:0;bottom:0;left:0;right:var(--side-w);position:absolute}#app canvas{touch-action:none;display:block}#ui{top:0;bottom:0;left:0;right:var(--side-w);pointer-events:none;position:absolute}.hidden{display:none!important}button{font:inherit;color:inherit}.ico{width:14px;height:14px;color:var(--text-3);vertical-align:-2px;flex:none;display:inline-flex}.ico svg{display:block}.ico.warn{color:var(--warn)}[hidden]{display:none!important}#side{width:var(--side-w);background:var(--panel);box-sizing:border-box;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}body.side-hidden #side{display:none}.sb-status{border-radius:var(--radius);background:var(--panel-2);box-shadow:var(--shadow);flex-wrap:nowrap;flex:none;align-items:center;gap:3px;padding:6px;display:flex}.sb-btn{background:var(--panel-3);cursor:pointer;white-space:nowrap;color:var(--text-2);border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.3;transition:background .15s,color .15s,transform .1s}.sb-btn:hover{color:var(--text);background:#dccba8}.sb-btn:active{transform:scale(.96)}.sb-btn.on{background:var(--accent);color:#fff}.sb-play{text-align:center;min-width:32px;padding:5px 6px;font-family:system-ui,sans-serif}.sb-icon{justify-content:center;align-items:center;min-width:24px;padding:4px 5px;display:inline-flex}.sb-icon .ico{color:inherit;width:15px;height:15px}.sb-speeds{gap:2px;display:flex}.sb-speeds .sb-btn{border-radius:8px;padding:5px 6px;font-size:11px}.sb-time{margin-left:auto;margin-right:2px;font-size:13px;font-weight:600}.sb-log{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 2px #3fbf7240}.sb-log.memory{background:var(--warn);box-shadow:0 0 0 2px #f2a93b40}.sb-log.fail{background:var(--bad);box-shadow:0 0 0 2px #ef6a5a40}.sb-section{border-radius:var(--radius);background:var(--panel-2);box-shadow:var(--shadow);box-sizing:border-box;min-height:0;padding:8px 10px}.sb-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.sb-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:11px;font-weight:700}.sb-sub{color:var(--text-2);margin-left:auto;font-size:11.5px}.sb-pop{flex:0 auto;max-height:55%;overflow:auto}.sb-card{flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.sb-card .sb-head{flex:none;align-items:center}.card-acts{gap:4px;margin-left:auto;display:flex}#side.card-open .sb-pop{flex:none;overflow:hidden}#side.card-open .sb-pop .sb-hunger,#side.card-open .sb-pop .sb-break,#side.card-open .sb-pop .sb-fam-bar,#side.card-open .sb-pop .pop-fams,#side.card-open .sb-pop .more{display:none}#side.card-open .sb-events{flex:1 0 88px;min-height:88px}.card-body{flex:0 auto;min-height:0;overflow:auto}.sb-counts{flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.sb-count{white-space:nowrap;align-items:center;gap:4px;display:flex}.sb-count .lbl{display:none}.sb-count .pale-n{color:#8a98a0;min-width:2.2ch;font-size:11px;font-weight:600;display:inline-block}.sb-count .ico{color:var(--accent);width:16px;height:16px}.sb-count b{min-width:2.2ch;font-size:17px;font-weight:700}.sb-count span{color:var(--text-3);font-size:11px}.card-diet{color:var(--text);font-size:11px;font-weight:600}.card-foods{color:var(--text-2);font-weight:400}.sb-break{grid-template-columns:58px 1fr;align-items:center;gap:3px 8px;margin:0 0 8px 2px;font-size:11px;display:grid}.brk-title{color:var(--text-2)}.brk-bar{background:var(--track);border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.brk-bar i{height:100%;transition:width var(--ease);display:block}.brk-legend{color:var(--text-2);flex-wrap:wrap;grid-column:2;gap:2px 10px;display:flex}.brk-chip{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.brk-chip i{border-radius:2px;width:8px;height:8px;display:inline-block}.brk-chip b{color:var(--text);font-weight:600}.brk-chip.zero{opacity:.45}.sb-fam-bar{background:var(--track);border-radius:4px;gap:2px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.sb-fam-bar i{height:100%;transition:width var(--ease);display:block}.fam{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:3px 6px;transition:background .15s;display:flex}.fam-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fam-top{align-items:center;gap:6px;display:flex}.fam-stats{color:var(--text-2);align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.fam-drift{white-space:nowrap;text-overflow:ellipsis;color:var(--text-3);font-size:11px;overflow:hidden}.hunger{flex:none;gap:7px;display:inline-flex}.sb-hunger{gap:12px;margin:-2px 0 8px 2px;font-size:11px}.hchip{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.hchip .ico{width:13px;height:13px}.hchip.good .ico{color:var(--good)}.hchip.warn .ico{color:var(--warn)}.hchip.bad .ico{color:var(--bad)}.grow{color:var(--text-2);grid-template-columns:46px 36px 1fr;gap:6px;padding:1px 6px;font-size:11px;display:grid}.grow .gname{font-weight:600}.grow .gdrift{white-space:nowrap;text-overflow:ellipsis;color:var(--text-3);overflow:hidden}.fam:hover,.fam.open{background:var(--panel-3)}.fam-swatch{border-radius:3px;flex:none;width:5px;height:22px}.fam-icon{width:48px;height:24px;display:block}.fam-name{white-space:nowrap;flex:1;font-weight:600}.fam-name b{margin-left:4px;font-weight:700}.fam-meta{color:var(--text-3);white-space:nowrap;font-size:11px}.fam-list{margin:2px 0 6px 14px}.frow{cursor:pointer;border-radius:8px;grid-template-columns:40px 36px 1fr auto;align-items:center;gap:6px;padding:2px 6px;font-size:12px;transition:background .15s;display:grid}.frow:hover{background:var(--panel-3)}.frow.sel{background:var(--accent-soft)}.frow .id{color:var(--text-2);font-weight:600}.frow .st{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.frow .st.warn{color:var(--warn)}.frow .sz{color:var(--text-3);white-space:nowrap;font-size:11px}.fish-icon{display:block}.more{color:var(--text-3);padding:2px 6px;font-size:11px}.card-top{align-items:center;gap:8px;display:flex}.card-tb{min-width:0}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.card-title span{color:var(--text-2);margin-left:5px;font-size:12px;font-weight:600}.card-diet{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.card-sub{color:var(--text-2);height:2.6em;margin-top:3px;font-size:11.5px;line-height:1.3;overflow:hidden}.card-sub.warn{color:var(--warn);font-weight:600}.bars{color:var(--text-2);grid-template-columns:14px 1fr 40px 14px 1fr 40px;align-items:center;gap:4px 5px;margin:5px 0 3px;font-size:10.5px;display:grid}.bar{background:var(--track);border-radius:4px;height:8px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width var(--ease), background .3s;border-radius:4px;display:block}.bar.warn i{background:var(--warn)}.bar.bad i{background:var(--bad)}.bar.good i{background:var(--good)}.bars .v{text-align:right;color:var(--text-3)}.card-line{align-items:center;gap:6px;min-height:18px;margin:3px 0;font-size:12px;display:flex}.card-line span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stats{flex-wrap:nowrap;gap:5px;margin:4px 0 2px;display:flex;overflow:hidden}.stat{background:var(--panel-3);color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.stat .ico{color:var(--text-2)}.genes{grid-template-columns:repeat(3,1fr);gap:3px 8px;margin:5px 0 0;display:grid}.gene{grid-template-columns:50px 1fr;align-items:center;gap:4px;display:grid}.gene .bar{height:5px}.gene .gl{color:var(--text-2);white-space:nowrap;font-size:10px;overflow:hidden}.sb-events{flex-direction:column;flex:110px;min-height:110px;display:flex;overflow:hidden}.sb-events .sb-head{flex-wrap:nowrap;align-items:center;margin-bottom:3px}.sb-filters{gap:3px;margin-left:auto;display:flex}.sb-filters .chip{padding:2px 6px}.chip{background:var(--panel-3);color:var(--text-2);cursor:pointer;border:0;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:600;transition:background .15s,color .15s}.chip.on{background:var(--accent);color:#fff}.ev-list{flex:1;margin:0 -6px;padding:0 2px;overflow:auto}.ev{border-radius:8px;align-items:baseline;gap:6px;padding:1px 6px;font-size:11.5px;line-height:1.35;display:flex}.ev.link{cursor:pointer}.ev.link:hover{background:var(--panel-3)}.ev-t{color:var(--text-3);min-width:30px;font-size:10.5px}.ev-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ev-dot{background:var(--text-3);border-radius:50%;flex:none;width:8px;height:8px;position:relative;top:-1px}.ev.good .ev-dot{background:var(--good)}.ev.bad .ev-dot{background:var(--bad)}.ev.info .ev-dot{background:var(--egg)}.ev.special .ev-dot{background:var(--accent)}.ev.special .ev-text{color:var(--accent);font-weight:600}.ev-empty{color:var(--text-3);padding:6px;font-size:11.5px}.fish-tip{background:var(--panel-2);color:var(--text);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:12px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 16px #0000004d}.tip-body{flex-direction:column;gap:3px;display:flex}.tip-title b{font-weight:700}.tip-title span{color:var(--text-3);margin-left:5px;font-size:11px}.tip-state{color:var(--text-2);white-space:nowrap;font-size:11.5px}.tip-state.warn{color:var(--warn);font-weight:600}.tip-bars{align-items:center;gap:5px;display:flex}.tip-bars .bar{width:46px;height:7px;margin-right:4px}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{background:var(--panel-2);color:var(--text);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:opacity .4s}.toast.out{opacity:0}.help{border-radius:var(--radius);background:var(--panel-2);color:var(--text);pointer-events:auto;box-sizing:border-box;max-width:min(520px,100% - 40px);max-height:calc(100% - 80px);padding:16px 20px;font-size:13px;position:absolute;top:60px;left:20px;overflow:auto;box-shadow:0 8px 30px #00000059}.help-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.back-link{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.gate{z-index:100;box-sizing:border-box;color:var(--panel-2);text-align:center;background:linear-gradient(#0d4466,#051e30 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gate-box{flex-direction:column;align-items:center;gap:10px;max-width:340px;display:flex}.gate-title{font-size:30px;font-weight:800}.gate-text{opacity:.8;margin-bottom:18px;font-size:16px}.gate-run{color:#fff9ecbf;font:inherit;cursor:pointer;background:#fff9ec24;border:0;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.gate .back-link{color:#8cc4f0;margin-top:6px}.help td{vertical-align:top;padding:3px 12px 3px 0}.help td.key{color:var(--accent);white-space:nowrap;font-weight:600}.help-foot{color:var(--text-3);margin-top:8px;font-size:11.5px}.dialog{border-radius:var(--radius);background:var(--panel-2);width:min(560px,100% - 32px);color:var(--text);pointer-events:auto;box-sizing:border-box;padding:16px 18px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}.dialog-title{margin-bottom:4px;font-weight:700}.dialog-prompt{color:var(--text-2);margin-bottom:8px;font-size:12px}.dialog-input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:inherit;background:#fff;border-radius:10px;outline:none;padding:8px 10px;font-size:14px}.graphs{border-radius:var(--radius);background:var(--panel-2);color:var(--text);pointer-events:auto;padding:10px 12px;position:absolute;top:12px;right:12px;box-shadow:0 6px 24px #00000059}.graphs-tabs{gap:6px;margin:2px 0 6px;display:flex}.graphs-title{margin-bottom:6px;font-size:13px;font-weight:700}.graphs-note{color:var(--text-3);margin-top:4px;font-size:10.5px}.tp-dfwv{pointer-events:auto;width:300px!important;top:12px!important;left:12px!important;right:auto!important}@media (max-width:900px){:root{--side-w:280px}.graphs{max-height:calc(100% - 16px);top:8px;left:8px;right:8px;overflow:auto}}.sb-map{flex:none;padding:6px 8px 4px}.sb-map-canvas{cursor:pointer;border-radius:8px;width:100%;display:block}.sb-map-names{color:var(--text-3);justify-content:space-around;padding-top:2px;font-size:10px;display:flex}.bestiary{border-radius:var(--radius);background:var(--panel-2);width:340px;max-height:calc(100% - 24px);color:var(--text);pointer-events:auto;flex-direction:column;padding:10px 12px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 6px 24px #00000059}.best-sub{color:var(--text-3);margin-bottom:6px;font-size:11px}.best-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.best-row{border-radius:8px;grid-template-columns:64px 1fr;align-items:center;gap:8px;padding:4px 6px;display:grid}.best-row.link{cursor:pointer}.best-row.link:hover{background:var(--accent-soft)}.best-row.gone{opacity:.55}.best-name{font-size:12.5px;font-weight:600}.best-meta{color:var(--text-2);font-size:11px}.endscreen{border-radius:var(--radius);background:var(--panel-2);width:420px;color:var(--text);pointer-events:auto;padding:16px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000073}.end-title{margin-bottom:6px;font-size:18px;font-weight:700}.end-line{color:var(--text-2);margin:6px 0;font-size:12.5px}.end-deaths{flex-direction:column;gap:3px;margin:8px 0;display:flex}.end-death{grid-template-columns:90px 1fr 40px;align-items:center;gap:8px;font-size:12px;display:grid}.end-bar{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.end-bar i{background:var(--bad);height:100%;display:block}.end-n{text-align:right;font-variant-numeric:tabular-nums}.end-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.end-actions canvas{vertical-align:middle}