.rules-page{width:min(100% - 2rem,92rem);margin:0 auto;padding:clamp(5.5rem,10vw,8rem) 0 7rem}.rules-page__nav{color:color-mix(in srgb, var(--warm-white,#f1eee8) 46%, transparent);letter-spacing:.19em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.65rem;display:flex}.rules-intro{border-bottom:1px solid #f1eee824;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end;gap:clamp(3rem,8vw,9rem);min-height:clamp(34rem,72vh,48rem);padding:6rem 0 5rem;display:grid}.rules-intro h1{letter-spacing:-.055em;margin:1rem 0 0;font-size:clamp(4rem,10vw,10.5rem);font-weight:200;line-height:.77}.rules-intro h1 span{display:block}.rules-intro__copy{color:#f1eee894;max-width:35rem;padding-bottom:.6rem;font-size:clamp(.88rem,1.25vw,1.02rem);line-height:1.75}.rules-intro__copy p{margin:0}.rules-intro__copy p+p{margin-top:1.2rem}.rules-intro__lead{color:#f1eee8eb;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:300;line-height:1.38}.rules-workbench{padding:clamp(4rem,8vw,8rem) 0}.rules-workbench__meta,.rules-offspring__heading,.rules-genome__heading,.rules-pressure,.rules-system__details dl div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.rules-workbench__meta{border-bottom:1px solid #f1eee829;padding-bottom:1rem}.rules-label,.rules-subtle,.rules-runtime,.rules-parent__status,.rules-parent__instruction,.rules-child__meta,.rules-child__mutation,.rules-child__survive,.rules-privacy{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.64rem}.rules-label{color:#f1eee8d4}.rules-subtle,.rules-runtime{color:#f1eee861}.rules-runtime{text-align:right}.rules-parent{border-bottom:1px solid #f1eee821;grid-template-columns:minmax(0,1fr) minmax(13rem,19rem);gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,4vw,4rem) 0;display:grid}.rules-parent__stage{background:#030303;border:1px solid #f1eee81f;outline:none;min-height:34rem;position:relative;overflow:hidden}.rules-parent__stage:focus-visible{border-color:#76e7ffd1;box-shadow:0 0 0 1px #76e7ff52}.rules-canvas,.rules-child__canvas{width:100%;height:100%;display:block}.rules-parent__surface{opacity:.38;pointer-events:none;background:linear-gradient(90deg,#0000,#76e7ff61 18%,#7c80ff66 34%,#df80ff75 50%,#ffad9e61 66%,#ffd97757 82%,#0000);height:1px;position:absolute;inset:50% 0 auto}.rules-parent__instruction,.rules-parent__status{z-index:2;color:#f1eee863;pointer-events:none;position:absolute;left:1rem;right:1rem}.rules-parent__instruction{top:1rem}.rules-parent__status{color:#f1eee8ab;bottom:1rem}.rules-genome{flex-direction:column;align-self:stretch;min-width:0;display:flex}.rules-genome__heading{color:#f1eee873;letter-spacing:.17em;text-transform:uppercase;border-bottom:1px solid #f1eee826;padding-bottom:1rem;font-size:.62rem}.rules-genome dl{gap:0;margin:0;display:grid}.rules-genome dl>div{border-bottom:1px solid #f1eee817;grid-template-columns:minmax(5.6rem,.75fr) minmax(0,1.25fr);align-items:center;gap:1rem;min-height:3.3rem;display:grid}.rules-genome dt,.rules-genome dd{margin:0}.rules-genome dt{color:#f1eee89e;letter-spacing:.11em;text-transform:uppercase;font-size:.68rem}.rules-genome dd{grid-template-columns:minmax(0,1fr) 2rem;align-items:center;gap:.65rem;display:grid}.rules-genome dd span{background:#f1eee81f;height:1px;position:relative;overflow:visible}.rules-genome dd span:after{content:"";width:calc(var(--trait,.5) * 100%);transform-origin:0;background:linear-gradient(90deg,#76e7ff,#7c80ff,#df80ff,#ffad9e,#ffd977);position:absolute;inset:-1px auto -1px 0}.rules-genome dd b{color:#f1eee880;text-align:right;font-size:.67rem;font-weight:400}.rules-pressure{border-bottom:1px solid #f1eee821;padding:1.5rem 0}.rules-pressure__choices{flex-wrap:wrap;justify-content:flex-end;gap:.3rem 1rem;display:flex}.rules-pressure__choices button,.rules-action{appearance:none;color:#f1eee880;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0}.rules-pressure__choices button{letter-spacing:.12em;text-transform:lowercase;padding:.55rem 0;font-size:.72rem;position:relative}.rules-pressure__choices button:after{content:"";transform-origin:0;background:#f1eee82e;height:1px;transition:transform .16s,background .16s;position:absolute;bottom:.2rem;left:0;right:0;transform:scaleX(0)}.rules-pressure__choices button[aria-pressed=true]{color:#f1eee8f0}.rules-pressure__choices button[aria-pressed=true]:after{background:linear-gradient(90deg,#76e7ff,#df80ff,#ffd977);transform:scaleX(1)}.rules-pressure__choices button:focus-visible,.rules-action:focus-visible,.rules-child:focus-visible{outline-offset:4px;outline:1px solid #76e7ffeb}.rules-actions{border-bottom:1px solid #f1eee824;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rules-action{letter-spacing:.14em;text-transform:uppercase;border-right:1px solid #f1eee81c;min-height:4rem;padding:.8rem 1rem;font-size:.68rem;transition:background .15s,color .15s}.rules-action:last-child{border-right:0}.rules-action[aria-pressed=true]{color:#f1eee8eb;background:#f1eee80b}@media (hover:hover) and (pointer:fine){:where(html[data-hover-input=fine]) .rules-action:hover{color:#f1eee8eb;background:#f1eee80b}}.rules-action--primary{color:#f1eee8e6}.rules-action:disabled{cursor:wait;opacity:.42}.rules-offspring{padding:clamp(2.6rem,5vw,4.5rem) 0 0}.rules-offspring__heading{padding-bottom:1rem}.rules-offspring__grid{border-top:1px solid #f1eee824;border-bottom:1px solid #f1eee824;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rules-child{appearance:none;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-right:1px solid #f1eee821;border-radius:0;grid-template-rows:auto minmax(15rem,26vw) auto auto;padding:0;display:grid}.rules-child:last-child{border-right:0}.rules-child__meta,.rules-child__mutation,.rules-child__survive{justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.rules-child__meta{color:#f1eee870;border-bottom:1px solid #f1eee81a}.rules-child__canvas{background:#030303;min-height:15rem}.rules-child__mutation{color:#f1eee8ad;text-transform:none;border-top:1px solid #f1eee814;min-height:3.7rem;line-height:1.55}.rules-child__survive{color:#f1eee857;border-top:1px solid #f1eee814;transition:color .15s,background .15s}.rules-child:focus-visible .rules-child__survive{color:#f1eee8e6;background:#f1eee809}@media (hover:hover) and (pointer:fine){:where(html[data-hover-input=fine]) .rules-child:hover .rules-child__survive{color:#f1eee8e6;background:#f1eee809}}.rules-child[data-selected=true] .rules-child__survive{color:#ffd977}.rules-privacy{color:#f1eee857;text-transform:none;max-width:64rem;padding-top:1.4rem;line-height:1.75}.rules-underneath,.rules-system{border-top:1px solid #f1eee824;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,9rem) 0;display:grid}.rules-underneath__heading h2,.rules-system h2{color:#f1eee8f0;letter-spacing:-.035em;max-width:36rem;margin:.8rem 0 0;font-size:clamp(2rem,4.5vw,4.6rem);font-weight:250;line-height:1.03}.rules-underneath__grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rules-underneath__grid article{border-top:1px solid #f1eee821;min-height:11rem;padding:1.2rem 1.2rem 1.8rem 0}.rules-underneath__grid article:nth-child(odd){border-right:1px solid #f1eee81a;padding-right:2rem}.rules-underneath__grid article:nth-child(2n){padding-left:2rem}.rules-underneath__grid p:last-child,.rules-system__details>p{color:#f1eee88c;margin:1rem 0 0;font-size:.92rem;line-height:1.72}.rules-system__details dl{border-top:1px solid #f1eee824;margin:0}.rules-system__details dl div{border-bottom:1px solid #f1eee817;min-height:3.2rem;padding:.85rem 0}.rules-system__details dt,.rules-system__details dd{margin:0}.rules-system__details dt{color:#f1eee861;letter-spacing:.15em;text-transform:uppercase;font-size:.63rem}.rules-system__details dd{color:#f1eee8b8;text-align:right;font-size:.78rem}@media (width<=900px){.rules-intro,.rules-underneath,.rules-system{grid-template-columns:1fr}.rules-intro{align-content:end;gap:3rem;min-height:43rem}.rules-parent{grid-template-columns:1fr}.rules-genome dl{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-genome dl>div{min-height:4.3rem;padding:.8rem 0;display:block}.rules-genome dl>div:not(:nth-child(3n)){border-right:1px solid #f1eee817;padding-right:1rem}.rules-genome dl>div:not(:nth-child(3n+1)){padding-left:1rem}.rules-genome dd{margin-top:.75rem}.rules-child{grid-template-rows:auto minmax(13rem,34vw) auto auto}}@media (width<=660px){.rules-page{width:min(100% - 1.2rem,92rem);padding-top:4.8rem}.rules-page__nav{align-items:flex-start}.rules-intro{min-height:calc(100svh - 5rem);padding:4rem 0 3rem}.rules-intro h1{font-size:clamp(3.8rem,20vw,6.8rem)}.rules-parent__stage{min-height:27rem}.rules-pressure{display:block}.rules-pressure__choices{justify-content:flex-start;margin-top:1rem}.rules-actions{grid-template-columns:1fr}.rules-action{text-align:left;border-bottom:1px solid #f1eee81a;border-right:0;min-height:3.7rem}.rules-action:last-child{border-bottom:0}.rules-offspring__grid{grid-template-columns:1fr}.rules-child{border-bottom:1px solid #f1eee824;border-right:0;grid-template-rows:auto minmax(18rem,76vw) auto auto}.rules-child:last-child{border-bottom:0}.rules-underneath__grid{grid-template-columns:1fr}.rules-underneath__grid article,.rules-underneath__grid article:nth-child(odd),.rules-underneath__grid article:nth-child(2n){border-right:0;padding:1.2rem 0 1.8rem}.rules-system__details dl div{grid-template-columns:.75fr 1.25fr;display:grid}}@media (prefers-reduced-motion:reduce){.rules-pressure__choices button:after,.rules-action,.rules-child__survive{transition:none}}