:root{--ground: #161311;--panel: #211c19;--panel-2: #2a2320;--panel-edge: #362e28;--text: #ede4d4;--text-dim: #9c9184;--accent: #c98a3c;--accent-dim: #8f6531;--woad: #2e4a63;--moss: #5f7248;--warning: #a8503c;--display: "Lora", Georgia, serif;--ui: "Poppins", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--ui);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.btn{position:relative;font-family:var(--ui);font-size:14px;font-weight:500;color:var(--text);background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:10px;padding:9px 16px;cursor:pointer;transition:all .26s cubic-bezier(.22,1,.36,1)}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{border-color:var(--accent-dim);color:var(--accent)}.btn.ghost{background:transparent}.btn.big{font-size:17px;padding:15px 24px;width:300px}[data-style=soft] .btn{border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 60%),color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 40px -12px #000000a6,0 2px #ffffff0f inset,0 -14px 30px -18px color-mix(in srgb,var(--accent) 60%,transparent) inset}[data-style=soft] .btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 26px 54px -14px #000000b3,0 2px #ffffff1a inset,0 0 46px -10px color-mix(in srgb,var(--accent) 55%,transparent)}[data-style=soft] .btn.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 8%,transparent) 70%),color-mix(in srgb,var(--panel) 70%,transparent);color:color-mix(in srgb,var(--accent) 35%,white)}[data-style=soft] .menu-title{letter-spacing:2px}[data-style=ethereal] .btn{border-radius:2px;background:transparent;border:none;border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent);color:color-mix(in srgb,var(--text) 80%,transparent);font-weight:300;letter-spacing:3px;text-transform:uppercase;font-size:12px;padding:16px 26px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 #0000}[data-style=ethereal] .btn.big{font-size:13px;width:320px}[data-style=ethereal] .btn:hover{color:#fff;letter-spacing:4.5px;border-top-color:var(--accent);border-bottom-color:var(--accent);box-shadow:0 0 40px -6px color-mix(in srgb,var(--accent) 45%,transparent),0 0 90px -20px color-mix(in srgb,var(--accent) 60%,transparent) inset}[data-style=ethereal] .btn.primary{color:var(--accent);border-top-color:color-mix(in srgb,var(--accent) 55%,transparent);border-bottom-color:color-mix(in srgb,var(--accent) 55%,transparent)}[data-style=ethereal] .menu-title{font-weight:500;letter-spacing:14px;text-indent:14px}[data-style=ethereal] .menu-tag{letter-spacing:4px;text-transform:lowercase;font-size:13px}[data-style=ethereal] .hud-top,[data-style=ethereal] .hud-sliders,[data-style=ethereal] .hud-inspector,[data-style=ethereal] .hud-collection{border-radius:3px;border:none;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 20px 60px -30px #000000e6}[data-style=carved] .btn{border-radius:6px;border:1px solid rgba(0,0,0,.55);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 60%,#6a5348),color-mix(in srgb,var(--panel) 92%,black));color:color-mix(in srgb,var(--text) 88%,transparent);font-weight:600;letter-spacing:.6px;text-shadow:0 -1px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.08);box-shadow:0 1px #ffffff24 inset,0 -3px 6px #00000080 inset,0 10px 22px -8px #000000bf}[data-style=carved] .btn:hover{color:var(--accent);border-color:#000000b3;box-shadow:0 1px color-mix(in srgb,var(--accent) 35%,transparent) inset,0 -3px 8px #0009 inset,0 14px 28px -8px #000c,0 0 30px -12px color-mix(in srgb,var(--accent) 70%,transparent)}[data-style=carved] .btn:active{box-shadow:0 3px 8px #000000b3 inset,0 1px #ffffff0d inset;transform:translateY(1px)}[data-style=carved] .menu-title{letter-spacing:5px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 10px 26px color-mix(in srgb,var(--accent) 40%,transparent))}[data-style=carved] .hud-top,[data-style=carved] .hud-sliders,[data-style=carved] .hud-inspector,[data-style=carved] .hud-collection{border-radius:8px;border-top-color:#ffffff1a;box-shadow:0 1px #ffffff12 inset,0 16px 40px -14px #000c}.menu{display:flex;align-items:center;justify-content:center}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.menu-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,transparent 0%,color-mix(in srgb,var(--ground) 55%,transparent) 55%,color-mix(in srgb,var(--ground) 88%,transparent) 100%);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.menu-panel{position:relative;text-align:center;padding:40px 48px}.menu-title{font-family:var(--display);font-weight:600;font-size:88px;margin:0;letter-spacing:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 40%,white) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 70%,black) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px color-mix(in srgb,var(--accent) 45%,transparent))}.menu-tag{font-family:var(--display);font-style:italic;color:var(--text-dim);margin:0 0 34px;font-size:18px}.menu-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.menu-foot{margin-top:34px;color:var(--text-dim);font-size:12px;letter-spacing:.5px}.game{overflow:hidden}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}.game-canvas:active{cursor:grabbing}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:12px;left:12px;right:12px;height:48px;display:flex;align-items:center;gap:14px;padding:0 12px;background:#211c19e6;border:1px solid var(--panel-edge);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-menu{padding:6px 12px;font-size:16px}.speed{display:flex;gap:2px;background:var(--ground);border:1px solid var(--panel-edge);border-radius:8px;padding:2px}.speed button{font-family:var(--ui);font-size:12px;color:var(--text-dim);background:transparent;border:none;border-radius:6px;padding:5px 9px;cursor:pointer}.speed button.active{color:var(--accent);background:#c98a3c24}.readout{display:flex;flex-direction:column;line-height:1.05}.readout[hidden],.hud-sliders[hidden],.hud-inspector[hidden],.auto-inherit[hidden]{display:none}.readout .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.readout b{font-family:var(--mono);font-size:15px;font-weight:500}.readout.drift{min-width:96px}.leader-readout{background:transparent;border:1px solid transparent;border-radius:8px;padding:3px 8px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .16s ease,background .16s ease}.leader-readout:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.leader-line{display:flex;align-items:center;gap:6px}.leader-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 10px currentColor;flex:none}.leader-readout b{font-family:var(--display);font-size:15px;font-weight:600;color:var(--text)}@keyframes leaderSucceeded{0%{background:color-mix(in srgb,var(--accent) 55%,transparent)}to{background:transparent}}.leader-readout.succeeded{animation:leaderSucceeded 2.4s ease-out}.gauge{display:inline-block;width:70px;height:7px;border-radius:4px;background:var(--ground);overflow:hidden;margin-top:3px;vertical-align:middle}.gauge i{display:block;height:100%;width:20%;background:var(--accent);transition:width .3s ease,background .3s ease}.readout.drift .warn{color:var(--warning);margin-left:4px}.readout.sway .lbl{color:var(--warning)}.readout.sway .gauge i{background:var(--warning);width:0}.readout.sway.severe{animation:sway-pulse 2.6s ease-in-out infinite}@keyframes sway-pulse{0%,to{opacity:1}50%{opacity:.55}}.hud-top .spacer{flex:1}.hud-sliders{position:absolute;top:70px;left:12px;display:flex;flex-direction:column;gap:8px;width:260px;padding:12px;background:#211c19e0;border:1px solid var(--panel-edge);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slider{display:flex;flex-direction:column;gap:4px}.slider[hidden]{display:none}.slider .slabel{font-size:12px;color:var(--text)}.slider .slabel em{color:var(--text-dim);font-style:normal;font-size:10px}.slider.locked .slabel{color:var(--text-dim)}.slider input[type=range]{width:100%;accent-color:var(--accent)}.slider.locked input[type=range]{accent-color:var(--stone, #6e6660);opacity:.5}.hud-sliders.dispositions{width:232px}.disposition{display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:8px;background:linear-gradient(180deg,#c98a3c24,#c98a3c0a);border:1px solid rgba(201,138,60,.22)}.disposition b{font-size:13px;color:var(--accent);letter-spacing:.01em}.disposition em{font-style:normal;font-size:10px;line-height:1.35;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.choice{margin-top:14px;padding-top:12px;border-top:1px solid var(--panel-edge)}.choice-q{font-family:Lora,serif;font-size:15px;color:var(--text);margin-bottom:8px}.choice-opt{font-size:13px;line-height:1.5;color:var(--text-dim);margin:6px 0}.choice-opt b{color:var(--accent);margin-right:4px}.hud-inspector{position:absolute;top:70px;right:12px;width:268px;max-height:calc(100% - 160px);overflow-y:auto;padding:16px;background:#211c19eb;border:1px solid var(--panel-edge);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.insp-empty{color:var(--text-dim);font-size:13px}.insp-empty.small{font-size:12px}.insp-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.insp-head h3{font-family:var(--display);font-weight:600;font-size:22px;margin:0;color:var(--text)}.insp-tier{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent)}.insp-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid rgba(54,46,40,.6)}.insp-row span{color:var(--text-dim)}.insp-row b{font-family:var(--mono);font-weight:500}.insp-sub{margin:12px 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim)}.cult{display:grid;grid-template-columns:12px 1fr 60px 32px;align-items:center;gap:7px;margin:5px 0;font-size:12px}.cult .dot{width:11px;height:11px;border-radius:50%}.cult .cbar{display:inline-block;height:6px;background:var(--ground);border-radius:3px;overflow:hidden}.cult .cbar i{display:block;height:100%}.cult .cpct{font-family:var(--mono);text-align:right;color:var(--text-dim)}.insp-drift{height:7px;background:var(--ground);border-radius:4px;overflow:hidden}.insp-drift i{display:block;height:100%;background:var(--warning)}.insp-neighbours{display:flex;flex-wrap:wrap;gap:5px}.insp-neighbours span{font-size:11px;color:var(--text-dim);background:var(--ground);border:1px solid var(--panel-edge);border-radius:5px;padding:2px 7px}.coll-main{flex:1;min-width:0}.culture-crest{background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding-left:16px;margin-left:4px;border-left:1px solid var(--panel-edge);flex:none}.crest-swatch{width:40px;height:40px;border-radius:8px;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);background:var(--panel);transition:background .9s linear,box-shadow .9s linear}.crest-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim)}.insp-driftnote{font-size:11px;color:var(--text-dim);margin-top:4px;font-style:italic}.culture-key{position:absolute;right:12px;bottom:122px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#211c19d1;border:1px solid var(--panel-edge);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.ck-swatch{display:flex;gap:5px}.ck-swatch i{width:13px;height:13px;border-radius:50%;display:block;position:relative}.ck-swatch i:after{content:"";position:absolute;top:4.5px;right:4.5px;bottom:4.5px;left:4.5px;border-radius:50%;background:var(--col-body, #1a0f18)}.ck-swatch i:nth-child(1){background:radial-gradient(circle,#e86a7a,#e86a7a00 72%)}.ck-swatch i:nth-child(2){background:radial-gradient(circle,#6ad3a8,#6ad3a800 72%)}.ck-swatch i:nth-child(3){background:radial-gradient(circle,#8ea8f0,#8ea8f000 72%)}.ck-text{display:flex;flex-direction:column;line-height:1.3;font-size:11px;color:var(--text-dim)}.ck-text b{color:var(--text);font-weight:500}.ck-text em{font-style:normal;font-size:10px;opacity:.75}.hud-collection{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:18px;padding:10px 18px 14px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000059}.coll-head{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.coll-title{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--text-dim)}.coll-progress{font-family:var(--mono);font-size:12px;color:var(--text)}.coll-bar{position:relative;flex:1;height:34px;display:flex;align-items:center}.coll-bar:before{content:"";position:absolute;left:0;right:0;top:15px;height:5px;border-radius:3px;background:#00000059}.coll-fill{position:absolute;left:0;top:15px;height:5px;width:0%;border-radius:3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,white));box-shadow:0 0 14px var(--accent);transition:width .5s cubic-bezier(.22,1,.36,1)}.coll-ticks{position:relative;display:flex;justify-content:space-between;width:100%}.coll-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--display);font-size:12px;color:var(--text-dim);transition:color .3s ease}.coll-node{width:11px;height:11px;border-radius:50%;background:var(--ground);border:1.5px solid var(--panel-edge);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.coll-item.unlocked{color:var(--text)}.coll-item.unlocked .coll-node{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent)}.coll-item em{font-style:normal}.menu-buttons .btn.big>span{display:block;position:relative;z-index:1}.menu-buttons[data-shape=hex] .btn.big,.menu-buttons[data-shape=comb] .btn.big,.menu-buttons[data-shape=wide] .btn.big{border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-buttons[data-shape=hex]{gap:6px}.menu-buttons[data-shape=hex] .btn.big{width:300px;height:98px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);filter:drop-shadow(0 12px 22px rgba(0,0,0,.6))}.menu-buttons[data-shape=hex] .btn.big:hover{transform:scale(1.04);filter:drop-shadow(0 16px 30px rgba(0,0,0,.7)) drop-shadow(0 0 26px color-mix(in srgb,var(--accent) 55%,transparent))}.menu-buttons[data-shape=comb]{gap:0}.menu-buttons[data-shape=comb] .btn.big{width:280px;height:108px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);margin-top:-26px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}.menu-buttons[data-shape=comb] .btn.big:first-child{margin-top:0}.menu-buttons[data-shape=comb] .btn.big:nth-child(2n){transform:translate(74px)}.menu-buttons[data-shape=comb] .btn.big:nth-child(odd){transform:translate(-74px)}.menu-buttons[data-shape=comb] .btn.big:nth-child(2n):hover{transform:translate(74px) scale(1.05)}.menu-buttons[data-shape=comb] .btn.big:nth-child(odd):hover{transform:translate(-74px) scale(1.05)}.menu-buttons[data-shape=comb] .btn.big:hover{z-index:2;filter:drop-shadow(0 14px 28px rgba(0,0,0,.7)) drop-shadow(0 0 26px color-mix(in srgb,var(--accent) 55%,transparent))}.menu-buttons[data-shape=wide]{gap:10px}.menu-buttons[data-shape=wide] .btn.big{width:340px;height:74px;clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}.menu-buttons[data-shape=wide] .btn.big:hover{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 16px 28px rgba(0,0,0,.7)) drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 50%,transparent))}[data-style=soft] .menu-buttons[data-shape=hex] .btn.big,[data-style=soft] .menu-buttons[data-shape=comb] .btn.big,[data-style=soft] .menu-buttons[data-shape=wide] .btn.big{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 26%,transparent),color-mix(in srgb,var(--panel) 92%,transparent) 55%,color-mix(in srgb,var(--panel) 99%,black))}[data-style=ethereal] .menu-buttons[data-shape=hex] .btn.big,[data-style=ethereal] .menu-buttons[data-shape=comb] .btn.big,[data-style=ethereal] .menu-buttons[data-shape=wide] .btn.big{background:color-mix(in srgb,var(--text) 7%,transparent)}[data-style=carved] .menu-buttons[data-shape=hex] .btn.big,[data-style=carved] .menu-buttons[data-shape=comb] .btn.big,[data-style=carved] .menu-buttons[data-shape=wide] .btn.big{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 55%,#6a5348),color-mix(in srgb,var(--panel) 95%,black))}.theme-picker{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px}.shape-picker{margin-top:10px}.theme-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-right:4px}.theme-chip{font-family:var(--ui);font-size:12px;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--panel-edge);border-radius:999px;padding:6px 14px;cursor:pointer;transition:all .2s ease}.theme-chip:hover{color:var(--text);border-color:var(--accent)}.theme-chip.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}.debug-panel{position:absolute;bottom:84px;left:12px;width:268px;max-height:calc(100% - 480px);overflow-y:auto;padding:12px 14px;background:#0a080aeb;border:1px solid var(--panel-edge);border-radius:10px;font-family:var(--mono);font-size:11px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:40}.dbg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-family:var(--ui)}.dbg-head strong{color:var(--accent)}.dbg-seed,.dbg-hint{color:var(--text-dim);font-size:10px}.dbg-hint{margin-left:auto}.dbg-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05)}.dbg-row span{color:var(--text-dim)}.dbg-row.warn b{color:var(--warning)}.dbg-tunables{margin-top:10px;display:flex;flex-direction:column;gap:7px}.dbg-tunable{display:flex;flex-direction:column;gap:2px}.dbg-tunable span{color:var(--text-dim);font-size:10px}.dbg-tunable i{color:var(--accent);font-style:normal}.dbg-tunable input{accent-color:var(--accent);width:100%}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0a09ad;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(520px,90vw);max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;padding:26px 28px;box-shadow:0 24px 60px #00000080}.modal-card.wide{width:min(1080px,94vw)}.cp-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--panel-edge)}.cp-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--ui);font-size:12.5px;letter-spacing:.02em;padding:8px 14px;cursor:pointer;transition:color .18s ease,border-color .18s ease}.cp-tab:hover{color:var(--text)}.cp-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cp-pane[hidden]{display:none}.auto-inherit{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 8px;white-space:nowrap}.auto-inherit:hover{color:var(--text)}.auto-inherit input{accent-color:var(--accent);cursor:pointer}.dna-wrap{overflow-x:auto;padding-bottom:6px}.dna-svg{display:block;margin:0 auto;max-width:100%;height:auto}.dna-label{font-family:var(--ui);font-size:10px;fill:var(--text-dim)}.dna-label.dim{font-size:9px;opacity:.7;letter-spacing:.05em;text-transform:uppercase}.dna-head{font-family:var(--display);font-size:11px;fill:var(--text)}.dna-track{fill:#ffffff0e}.dna-strand.you .dna-track{fill:#c98a3c24}.dna-rung{cursor:help}.dna-rung:hover .dna-track{fill:#ffffff29}.lt-wrap{width:100%;overflow-x:auto}.lt-svg{width:100%;height:auto;display:block}.lt-limb{opacity:.62;filter:drop-shadow(0 0 5px rgba(255,255,255,.09))}.lt-node circle{filter:drop-shadow(0 0 8px rgba(0,0,0,.45))}.lt-name{font-family:var(--display);font-size:13px;fill:var(--text)}.lt-sub{font-family:var(--ui);font-size:9.5px;fill:var(--text-dim)}.modal-figure{margin:-26px -28px 18px;overflow:hidden;border-radius:14px 14px 0 0;line-height:0;position:relative}.modal-figure img{width:100%;height:auto;max-height:260px;object-fit:cover;display:block}.modal-figure:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--panel) 88%,transparent) 100%);pointer-events:none}.modal-title{font-family:var(--display);font-weight:600;font-size:26px;color:var(--accent);margin:0 0 14px}.modal-body{font-size:14px;line-height:1.6;color:var(--text)}.modal-body p{margin:0 0 12px}.modal-body ul{margin:0 0 12px;padding-left:18px}.modal-body li{margin-bottom:6px}.modal-body code{font-family:var(--mono);background:var(--ground);padding:1px 6px;border-radius:4px;color:var(--accent)}.modal-body .uc,.modal-body .uc-note{color:var(--text-dim)}.modal-body .uc{font-size:18px}.culture-demo{background:#00000038;border:1px solid var(--panel-edge);border-radius:10px;padding:14px 16px;margin:14px 0 16px}.culture-demo.compact{padding:10px 14px}.cd-row{display:flex;align-items:center;gap:14px}.culture-demo.compact .cd-row+.cd-row{margin-top:8px}.cd-cols{display:flex;gap:7px;flex:none}.cd-cols i{width:17px;height:17px;border-radius:50%;display:block;position:relative}.cd-cols i:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#140f14}.cd-mixed i:nth-child(1){background:radial-gradient(circle,#e86a7a,#e86a7a00 70%)}.cd-mixed i:nth-child(2){background:radial-gradient(circle,#6ad3a8,#6ad3a800 70%)}.cd-mixed i:nth-child(3){background:radial-gradient(circle,#8ea8f0,#8ea8f000 70%)}.cd-mixed i:nth-child(4){background:radial-gradient(circle,#e0b45c,#e0b45c00 70%)}.cd-mixed i:nth-child(5){background:radial-gradient(circle,#b98ae0,#b98ae000 70%)}.cd-same i{background:radial-gradient(circle,#e8a0b8,#e8a0b800 70%)}.cd-label{display:flex;flex-direction:column;font-size:12px;color:var(--text-dim);line-height:1.35}.cd-label b{color:var(--text);font-weight:500;font-size:13px}.cd-arrow{text-align:center;font-size:11px;color:var(--text-dim);margin:10px 0;opacity:.8}.teach{display:flex;flex-direction:column;gap:14px}.teach-row{display:flex;align-items:center;gap:16px}.teach-art{flex:none;width:132px;display:flex;align-items:center;justify-content:center;gap:6px}.teach-art .cd-cols i{width:17px;height:17px}.teach-art .cd-cols{gap:4px}.teach-arrow{color:var(--text-dim);font-size:13px}.teach-hex{height:46px}.teach-hex:before{content:"";width:46px;height:40px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:radial-gradient(circle at 50% 45%,#5e6b4a,#3c4636 75%);border:0;display:block}.teach-text{display:block;font-size:13px;line-height:1.5;color:var(--text-dim)}.teach-text b{display:block;color:var(--text);font-weight:600;font-size:14px;margin-bottom:1px}.teach-text em{font-style:normal;color:var(--accent)}.teach-goal{margin-top:4px;padding:14px 16px;background:#0000003d;border:1px solid var(--panel-edge);border-radius:10px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;color:var(--text-dim)}.teach-goal b{color:var(--accent);font-size:14px}.teach-goal em{font-style:normal;color:var(--text)}.teach-bar{position:relative;display:flex;justify-content:space-between;margin-top:6px;padding-top:12px;border-top:2px solid rgba(255,255,255,.08)}.teach-fill{position:absolute;top:0;left:0;width:16%;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.teach-bar em{font-style:normal;font-size:9.5px;letter-spacing:.3px;color:var(--text-dim)}.teach-bar em:first-child{color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.field{display:flex;flex-direction:column;gap:6px;margin-top:8px}.field span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.field input{font-family:var(--mono);font-size:15px;background:var(--ground);color:var(--text);border:1px solid var(--panel-edge);border-radius:7px;padding:9px 12px}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.field select{font-family:var(--ui);font-size:14px;background:var(--ground);color:var(--text);border:1px solid var(--panel-edge);border-radius:7px;padding:9px 12px}.field input[type=range]{padding:0;accent-color:var(--accent);border:none;background:transparent}.field .fval{font-family:var(--mono);font-style:normal;color:var(--accent);margin-left:6px}.field span em{text-transform:none;letter-spacing:0;font-style:normal;color:var(--text-dim)}@keyframes unlockFlash{0%{background:#c98a3c38}to{background:transparent}}.slider.just-unlocked{animation:unlockFlash 1.6s ease-out;border-radius:6px}.cp-intro,.cp-foot{font-size:12.5px;color:var(--text-dim)}.cp-foot{margin-top:12px;font-size:11px}.cp-list{display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto;padding-right:4px}.cp-row{display:grid;grid-template-columns:14px 1fr 100px 76px;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;border:1px solid transparent}.cp-row.you{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.cp-dot{width:12px;height:12px;border-radius:50%}.cp-name{display:flex;flex-direction:column;min-width:0}.cp-name b{font-family:var(--display);font-size:14px;color:var(--text)}.cp-name em{font-style:normal;font-size:10.5px;color:var(--text-dim)}.cp-you{font-style:normal;font-family:var(--ui);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(201,138,60,.45);border-radius:999px;padding:1px 6px;margin-left:6px;vertical-align:middle}.spark{width:100px;height:22px;opacity:.85}.cp-num{font-family:var(--mono);font-size:14px;text-align:right;display:flex;flex-direction:column;color:var(--text)}.cp-num em{font-style:normal;font-size:10px;color:var(--text-dim)}.food-demo{display:block;width:62px;height:9px;border-radius:5px;background:#0006;overflow:hidden}.food-demo i{display:block;height:100%;background:#7fa25c}.food-demo.low i{background:var(--warning)}.insp-food{height:6px;border-radius:4px;background:#0006;overflow:hidden;margin:2px 0 6px}.insp-food i{display:block;height:100%;background:#7fa25c;transition:width .6s linear}