:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f3ee;--surface:#fcfcfb;--field:#f7f8f1;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--border:#0b0b0b1a;--border-strong:#0b0b0b3d;--herb:#2a78d6;--pred:#eb6834;--plant:#1baf7a;--accent:#2a78d6;--toast-bg:#0b0b0b;--toast-fg:#fff;--shadow:#0000000d;--shadow-strong:#0000001f;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#141614;--surface:#1b1d1b;--field:#1f231f;--ink:#f2f2ee;--ink-2:#b9b8b1;--ink-3:#85847d;--grid:#2c2f2c;--axis:#454843;--border:#ffffff1a;--border-strong:#ffffff47;--herb:#3282e0;--pred:#e86a37;--plant:#1ba473;--accent:#3282e0;--toast-bg:#f2f2ee;--toast-fg:#0b0b0b;--shadow:#00000059;--shadow-strong:#0000008c}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);font:13px/1.45 var(--font);grid-template:"top top"52px"stage rail"1fr"status status"30px/1fr 384px;display:grid;overflow:hidden}.tn{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit}header.top{border-bottom:1px solid var(--border);background:var(--surface);grid-area:top;align-items:center;gap:12px;padding:0 18px;display:flex}.wordmark{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:700}.wordmark span{color:var(--ink-2);margin-left:6px;font-size:13px;font-weight:400}.seed{font:12px var(--mono);color:var(--ink-2);background:var(--page);border:1px solid var(--border);cursor:text;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.seed:hover{border-color:var(--border-strong)}.seed input{font:12px var(--mono);width:150px;color:var(--ink);background:0 0;border:0;outline:none;padding:0}.tick{font:12px var(--mono);color:var(--ink-2);white-space:nowrap}.transport{align-items:center;gap:6px;margin-left:auto;display:flex}.btn{border:1px solid var(--border);background:var(--surface);min-width:30px;height:30px;color:var(--ink-2);font:12px var(--font);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 11px;box-shadow:0 1px 2px #0000000a}.btn:hover{color:var(--ink);border-color:var(--border-strong)}.btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.btn.icon{width:30px;padding:0}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.seg .btn{border:0;border-right:1px solid var(--border);box-shadow:none;border-radius:0}.seg .btn:last-child{border-right:0}.seg.mini{margin-left:auto;margin-right:8px}.seg.mini .btn{min-width:0;height:20px;padding:0 7px;font-size:11px;font-weight:400}main.stage{grid-area:stage;place-items:center;padding:14px;display:grid;position:relative;overflow:hidden}canvas#world{cursor:pointer;box-shadow:0 1px 2px #0000000a, 0 8px 24px var(--shadow);border:1px solid var(--border);touch-action:none;border-radius:14px;display:block}canvas#world.aim{cursor:crosshair}.hud{pointer-events:none;gap:8px;display:flex;position:absolute;top:26px;left:28px}.chip{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border);color:var(--ink-2);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;display:inline-flex;box-shadow:0 1px 2px #0000000a}.chip i{border-radius:50%;width:9px;height:9px;display:inline-block}.chip b{color:var(--ink);font-weight:600}.welcome{background:var(--surface);border:1px solid var(--border);max-width:280px;color:var(--ink-2);box-shadow:0 8px 24px var(--shadow);border-radius:12px;padding:12px 30px 12px 14px;font-size:13px;position:absolute;bottom:26px;left:28px}.welcome b{color:var(--ink)}.welcome .x,.help .x{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px;position:absolute;top:4px;right:6px}.callout{background:var(--surface);border:1px solid var(--border);max-width:240px;color:var(--ink-2);box-shadow:0 8px 24px var(--shadow);pointer-events:none;z-index:2;border-radius:10px;padding:8px 11px;font-size:12px;position:absolute}.callout b{color:var(--ink);font-weight:600}.callout:before{content:"";background:var(--surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border);width:12px;height:12px;position:absolute;top:12px;left:-7px;transform:rotate(45deg)}.callout.flip{transform:translate(-100%)}.callout.flip:before{border-bottom:0;border-left:0;border-right:1px solid var(--border);border-top:1px solid var(--border);left:auto;right:-7px}.hint{color:var(--ink-3);pointer-events:none;font-size:12px;position:absolute;bottom:26px;right:28px}.drop-hint{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--ink);pointer-events:none;border-radius:14px;place-items:center;font-size:14px;display:none;position:absolute;inset:14px}main.stage.drop .drop-hint{display:grid}.stage-error{background:var(--surface);color:#e34948;font:13px var(--mono);white-space:pre-wrap;box-shadow:0 8px 24px var(--shadow);border:1px solid #e34948;border-radius:12px;padding:14px 16px;position:absolute;inset:40% 20% auto}aside.rail{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;grid-area:rail;gap:22px;padding:16px 18px 28px;display:flex;overflow-y:auto}section h2{align-items:center;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}section h2>span:not(.seg):not(.tablelink){color:var(--ink-3);margin-left:8px;font-size:12px;font-weight:400}.kpis{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{background:var(--page);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.tile .l{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:flex}.tile .l i{border-radius:50%;width:9px;height:9px;display:inline-block}.tile .v{margin-top:2px;font-size:22px;font-weight:600;line-height:1.1}.tile .d{color:var(--ink-3);min-height:14px;margin-top:4px;font-size:11px}.cap{color:var(--ink-2);align-items:center;gap:6px;margin:6px 0 0;font-size:12px;display:flex}.cap i{border-radius:1px;width:14px;height:2px;display:inline-block}.chart{position:relative}.chart svg{width:100%;display:block}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;margin-bottom:2px;font-size:12px;display:flex}.legend b{vertical-align:middle;border-radius:1px;width:14px;height:2px;margin-right:6px;display:inline-block}.tt{pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px var(--shadow-strong);z-index:2;border-radius:8px;min-width:128px;padding:6px 9px;font-size:12px;display:none;position:absolute}.tt .x{color:var(--ink-3);margin-bottom:4px}.tt .r{justify-content:space-between;gap:12px;display:flex}.tt .r i{vertical-align:middle;width:10px;height:2px;margin-right:6px;display:inline-block}.tt .r b{font-weight:600}.tt .r span{color:var(--ink-2)}.tablelink{color:var(--ink-3);cursor:pointer;font-size:11px;font-weight:400;text-decoration:underline}table.tv{border-collapse:collapse;width:100%;margin-top:8px;font-size:11px}.tv th,.tv td{text-align:right;border-bottom:1px solid var(--grid);color:var(--ink-2);padding:3px 4px}.tv th{color:var(--ink-3);font-weight:500}.tv td:first-child,.tv th:first-child{text-align:left}.explain{color:var(--ink-3);margin:8px 0 0;font-size:12px}.eyes{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.eye{color:var(--ink-2);align-items:center;gap:9px;font-size:12px;display:flex}.eye svg{flex:none}.eye b{color:var(--ink);font-weight:600}.insp{--c:var(--herb)}.empty p{color:var(--ink-2);margin:0 0 10px;font-size:12px}.meet{grid-template-columns:60px 1fr;align-items:start;gap:12px;margin-bottom:10px;display:grid}.portrait{background:var(--page);border-radius:12px;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.portrait canvas{width:60px;height:60px;display:block}.meet .hd b{font-size:14px}.meet .hd span{color:var(--ink-3);margin-left:6px;font-size:12px}.meet p{color:var(--ink-2);margin:4px 0 0;font-size:12px}.row{color:var(--ink-2);justify-content:space-between;font-size:12px;display:flex}.row b{color:var(--ink);font-weight:500}.meter{background:color-mix(in srgb, var(--c) 22%, transparent);border-radius:4px;height:7px;margin:5px 0 12px;overflow:hidden}.meter div{background:var(--c);border-radius:4px;height:100%;transition:width .2s}.facts{grid-template-columns:1fr 1fr;gap:6px 14px;font-size:12px;display:grid}.facts div{color:var(--ink-2);justify-content:space-between;display:flex}.facts b{color:var(--ink);font-weight:500}.traits{gap:7px;margin-top:12px;display:grid}.trait{color:var(--ink-2);grid-template-columns:78px 1fr 52px;align-items:center;gap:8px;font-size:12px;display:grid}.trait .bar{background:var(--grid);border-radius:0 3px 3px 0;height:6px}.trait .bar div{background:var(--c);border-radius:0 3px 3px 0;height:100%;transition:width .2s}.trait output{text-align:right;color:var(--ink)}.sub{margin:14px 0 6px;font-size:12px;font-weight:600}.sub span{color:var(--ink-3);margin-left:6px;font-weight:400}.retina{align-items:center;gap:2px 3px;display:grid}.retina span{color:var(--ink-3);font-size:11px}.retina div{border-radius:2px;height:14px}.brain-head{gap:2px;margin-bottom:3px;display:grid}.brain-head i{border-radius:1px;height:3px;display:block}.brain{gap:2px;display:grid}.brain div{aspect-ratio:1;border-radius:2px}.brain-cap{color:var(--ink-3);justify-content:space-between;margin-top:5px;font-size:11px;display:flex}.actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.fam-empty{color:var(--ink-3);margin:0;font-size:12px}.fam{gap:4px;font-size:12px;display:grid}.fam-more{color:var(--ink-3);padding-left:14px}.fam-row{color:var(--ink-2);text-align:left;font:inherit;background:0 0;border:0;padding:3px 0 3px 14px;font-size:12px;line-height:1.4;position:relative}.fam-row:before{content:"";background:var(--axis);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:3px}.fam-row.alive:before{background:var(--c)}.fam-row.alive{cursor:pointer}.fam-row.alive:hover{color:var(--ink);text-decoration:underline}.fam-row.me{color:var(--ink);font-weight:500}.fam-row.me:before{background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent)}.fam-kids{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 2px;display:flex}.chipbtn{font:11px var(--mono);color:var(--ink-2);background:var(--page);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:1px 7px}.chipbtn:hover{color:var(--ink);border-color:var(--border-strong)}.ctl{grid-template-columns:1fr auto;align-items:center;gap:2px 10px;display:grid}.ctl label{color:var(--ink-2);cursor:help}.ctl output{font:12px var(--mono);color:var(--ink-3);text-align:right}.ctl input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/3;height:18px;margin:0 0 8px}.toggle{border-top:1px solid var(--border);color:var(--ink-2);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.toggle:first-of-type{margin-top:12px}.toggle .seg.mini{margin:0}.sw{background:var(--axis);cursor:pointer;border-radius:9px;flex:none;width:32px;height:18px;position:relative}.sw.on{background:var(--accent)}.sw:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.sw.on:after{left:16px}footer.status{border-top:1px solid var(--border);background:var(--surface);color:var(--ink-3);font:12px var(--mono);white-space:nowrap;grid-area:status;align-items:center;gap:18px;padding:0 18px;display:flex;overflow:hidden}footer b{color:var(--ink-2);font-weight:500}.keys{font-family:var(--font);gap:14px;margin-left:auto;display:flex}kbd{font:11px var(--mono);border:1px solid var(--border);color:var(--ink-2);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 5px}.toast{background:var(--toast-bg);color:var(--toast-fg);box-shadow:0 8px 24px var(--shadow-strong);opacity:0;pointer-events:none;z-index:5;border-radius:9px;max-width:80vw;padding:9px 14px;font-size:12px;transition:opacity .2s;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}dialog#help{border:1px solid var(--border);width:calc(100vw - 40px);max-width:560px;box-shadow:0 24px 64px var(--shadow-strong);color:var(--ink);background:var(--surface);border-radius:14px;padding:0}dialog#help::backdrop{background:#00000073}.help{color:var(--ink-2);padding:22px 26px 20px;font-size:13px;position:relative}.help h3{color:var(--ink);margin:0 0 6px;font-size:14px}.help h3+p,.help p+p{margin-top:0}.help p{margin:0 0 14px}.keys-table{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;margin:0 0 16px;display:grid}.help .credit{color:var(--ink-3);margin:0;font-size:12px}.help a{color:var(--accent)}.help code{font:12px var(--mono);background:var(--page);border:1px solid var(--border);border-radius:4px;padding:0 4px}@media (max-width:960px){body{grid-template:"top""stage"1fr"rail""status"/1fr;overflow:auto}header.top{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.transport{flex-wrap:wrap;margin-left:0}main.stage{min-height:70vh}aside.rail{border-left:0;border-top:1px solid var(--border)}.keys,.hint{display:none}}