.page--game-of-life{gap:1.25rem}.game-of-life-route__header{align-items:start;display:grid;grid-gap:1rem;gap:1rem}.game-of-life-route__intro{display:grid;grid-gap:.75rem;gap:.75rem}.game-of-life-route__intro h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0}.game-of-life-route__summary{color:var(--site-color-text-muted);line-height:1.7;margin:0;max-width:58ch}.game-client-surface{align-content:start;align-items:stretch;display:grid;grid-gap:.7rem;gap:.7rem;max-width:100%;min-width:0}.game-of-life-feature-summary{display:grid;grid-gap:.75rem;gap:.75rem;max-width:72rem}.game-of-life-feature-summary h2{font-size:1.35rem;line-height:1.2;margin:0}.game-of-life-feature-summary p{color:var(--site-color-text-muted);line-height:1.7;margin:0;max-width:74ch}.game-of-life-feature-summary__list{color:var(--site-color-text-muted);display:grid;grid-gap:.45rem;gap:.45rem;line-height:1.65;margin:0;max-width:78ch;padding-left:1.15rem}.game-of-life-feature-summary__list li::marker{color:var(--site-color-accent-secondary)}.life-toolbar{display:grid;grid-gap:.45rem;gap:.45rem;min-width:0;position:relative;z-index:10}.life-toolbar__strip{align-items:center;background:color-mix(in srgb,var(--site-color-panel) 84%,transparent);border:1px solid var(--site-color-rule);border-radius:6px;display:flex;flex-wrap:nowrap;gap:.35rem;min-width:0;overflow-x:auto;padding:.35rem;scrollbar-width:thin}.life-toolbar__group{align-items:center;border-right:1px solid var(--site-color-rule);display:flex;flex:0 0 auto;gap:.25rem;min-width:max-content;padding-right:.35rem}.life-toolbar__group:last-child{border-right:0;padding-right:0}.life-toolbar-button{align-items:center;background:color-mix(in srgb,var(--site-color-panel-strong) 58%,var(--site-color-panel));border:1px solid var(--site-color-rule);border-radius:6px;color:var(--site-color-text);cursor:pointer;display:inline-grid;height:2.35rem;justify-items:center;padding:0;position:relative;width:2.35rem}.life-toolbar-button:hover,.life-toolbar-button[aria-pressed=true]{background:var(--site-color-accent-primary);border-color:var(--site-color-accent-primary);color:var(--site-color-background)}.life-toolbar-button--simulation[aria-pressed=true],.life-toolbar-button--simulation[aria-pressed=true]:hover{background:var(--site-color-warning);border-color:var(--site-color-warning);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-color-background) 34%,transparent);color:var(--site-color-background)}.life-toolbar-button__icon{height:1.2rem;width:1.2rem}.life-toolbar-button__swatch{border:2px solid;border-radius:999px;height:1.25rem;width:1.25rem}.life-toolbar-tooltip{background:var(--site-color-text);border-radius:6px;box-shadow:0 10px 24px color-mix(in srgb,var(--site-color-background) 72%,transparent);color:var(--site-color-background);font-size:.78rem;font-weight:800;left:var(--life-toolbar-tooltip-left,0);line-height:1.25;max-width:var(--life-toolbar-tooltip-max-width,12rem);padding:.35rem .5rem;pointer-events:none;position:fixed;text-align:center;top:var(--life-toolbar-tooltip-top,0);transform:translateY(-100%);width:max-content;z-index:24}.life-toolbar-tooltip:after{background:var(--site-color-text);bottom:-.25rem;content:"";height:.5rem;left:var(--life-toolbar-tooltip-arrow-x,50%);position:absolute;transform:translateX(-50%) rotate(45deg);width:.5rem}.life-toolbar__readout{align-items:center;background:color-mix(in srgb,var(--site-color-panel-strong) 56%,transparent);border:1px solid var(--site-color-rule);border-radius:6px;color:var(--site-color-text);display:inline-flex;font-size:.82rem;font-weight:800;height:2.35rem;justify-content:center;line-height:1.1;min-width:4.2rem;padding:0 .5rem;white-space:nowrap}.life-toolbar__readout--secondary{color:var(--site-color-text-muted)}.life-toolbar-popover{align-items:start;box-shadow:0 10px 24px color-mix(in srgb,var(--site-color-background) 72%,transparent);grid-template-columns:1fr;left:var(--life-toolbar-popover-left,0);max-width:calc(100vw - 2rem);padding:.7rem;position:absolute;top:calc(100% + .4rem);width:var(--life-toolbar-popover-width,min(22rem,100%));z-index:25}.life-toolbar-popover:before{background:color-mix(in srgb,var(--site-color-panel-strong) 92%,var(--site-color-panel));border-left:1px solid var(--site-color-rule);border-top:1px solid var(--site-color-rule);content:"";height:.7rem;left:var(--life-toolbar-popover-anchor-x,1.2rem);position:absolute;top:-.42rem;transform:translateX(-50%) rotate(45deg);width:.7rem}.life-toolbar-popover__form{display:grid;grid-gap:.65rem;gap:.65rem;min-width:0}.life-toolbar-popover__form>.control-button{justify-self:start}.control-panel{background:color-mix(in srgb,var(--site-color-panel-strong) 42%,var(--site-color-panel));border:1px solid var(--site-color-rule);border-radius:6px;display:grid;grid-gap:.8rem;gap:.8rem;min-width:0;overflow-wrap:anywhere;padding:.75rem}.control-field{display:grid;grid-gap:.4rem;gap:.4rem;min-width:0}.control-label{color:var(--site-color-accent-tertiary);font-size:.75rem;font-weight:800;margin:0;text-transform:uppercase}.control-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.control-row--color{display:grid;grid-template-columns:auto auto minmax(0,max-content);justify-content:start}.control-row--meter{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(4.5rem,5.25rem)}.control-row--meter .control-value{grid-column:1/-1}.board-dimensions-grid{display:grid;grid-gap:.65rem;gap:.65rem;min-width:0}.control-row--dimension-slider{display:grid;grid-template-columns:minmax(8rem,1fr) 4.75rem}.board-dimension-field__header{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between;min-width:0}.control-panel input{background:var(--site-color-panel-strong);border:1px solid var(--site-color-rule);border-radius:6px;color:var(--site-color-text);min-height:2.25rem;padding:.45rem .55rem}.control-panel input:hover:not(:disabled){border-color:color-mix(in srgb,var(--site-color-accent-secondary) 72%,var(--site-color-rule))}.control-panel input:focus{box-shadow:var(--site-focus-ring);outline:2px solid var(--site-color-accent-primary);outline-offset:2px}.control-button:disabled,.control-panel input:disabled,.life-toolbar-button:disabled{background:color-mix(in srgb,var(--site-color-panel-strong) 48%,transparent);border-color:color-mix(in srgb,var(--site-color-rule) 72%,transparent);color:var(--site-color-text-muted);cursor:not-allowed}.control-panel input[type=color]{min-width:2.6rem;padding:.18rem;width:2.6rem}.control-panel input[type=range]{accent-color:var(--site-color-accent-primary);min-width:7rem;padding:0}.control-row--meter input[type=range]{min-width:0;width:100%}.control-panel input[type=number]{max-width:100%;width:5.25rem}.board-dimension-field input[type=number]{width:4.75rem}.control-button{background:var(--site-color-panel-strong);border:1px solid var(--site-color-rule);border-radius:6px;color:var(--site-color-text);cursor:pointer;font-weight:800;max-width:100%;min-height:2.4rem;overflow-wrap:anywhere;padding:.55rem .75rem;text-align:center}.control-button:hover:not(:disabled){border-color:var(--site-color-accent-secondary)}.control-button--primary,.control-button[aria-pressed=true]{background:var(--site-color-accent-primary);border-color:var(--site-color-accent-primary);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--site-color-background) 55%,transparent);color:var(--site-color-background)}.control-swatch{border:2px solid var(--site-color-rule);border-radius:6px;height:2rem;width:2rem}.control-value{color:var(--site-color-text);font-size:.9rem;font-weight:800;line-height:1.25}.life-preset-list{display:grid;grid-gap:.5rem;gap:.5rem;min-width:0}.life-preset-option{background:var(--site-color-panel-strong);border:1px solid var(--site-color-rule);border-radius:6px;color:var(--site-color-text);cursor:pointer;display:grid;grid-gap:.25rem;gap:.25rem;min-width:0;padding:.6rem .7rem;text-align:left}.life-preset-option:focus-visible,.life-preset-option:hover{border-color:var(--site-color-accent-secondary)}.life-preset-option:focus-visible{box-shadow:var(--site-focus-ring);outline:2px solid var(--site-color-accent-primary);outline-offset:2px}.life-preset-option__name{font-size:.9rem;font-weight:800;line-height:1.2}.life-preset-option__description{color:var(--site-color-text-muted);font-size:.78rem;font-weight:700;line-height:1.35}.game-of-life-canvas.placeholder-board{aspect-ratio:var(--game-board-aspect);background:var(--site-color-panel-strong);border:1px solid var(--site-color-rule);border-radius:6px;box-sizing:border-box;box-shadow:0 10px 24px color-mix(in srgb,var(--site-color-background) 72%,transparent);contain:layout paint;cursor:crosshair;display:block;margin-inline:auto;min-height:12rem;outline:1px solid color-mix(in srgb,var(--site-color-text) 18%,transparent);overflow:hidden;padding:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%;width:min(100%,72rem)}.game-of-life-canvas.placeholder-board:focus-visible{border-color:var(--site-color-accent-primary);box-shadow:var(--site-focus-ring),0 10px 24px color-mix(in srgb,var(--site-color-background) 72%,transparent);outline:2px solid var(--site-color-accent-primary);outline-offset:3px}.game-of-life-canvas__view{display:block;height:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media (max-width:980px){.game-client-surface,.game-of-life-route__header{grid-template-columns:1fr}.game-of-life-canvas.placeholder-board{margin-inline:0;width:100%}}@media (max-width:760px){.life-toolbar-popover{max-width:calc(100vw - 1.7rem)}}@media (max-width:560px){.control-row--meter{grid-template-columns:1fr}.control-row--meter input[type=number]{width:100%}.control-row--dimension-slider{grid-template-columns:minmax(0,1fr) 4.75rem}}