:root{color-scheme:dark;background:#07100c;color:#d9ffe9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body,html{min-height:100%;margin:0}button{font:inherit}.stage{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden}.stage,.stageActive{background:#07100c}.lifeCanvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:1}.logoButton{position:relative;z-index:1;display:block;width:min(58vw,960px);aspect-ratio:3864/1518;max-width:calc(100vw - 48px);padding:0;border:0;background:transparent;cursor:pointer;transition:box-shadow .24s ease,transform .24s ease}.logoButton:focus-visible,.logoButton:hover{outline:none}.logoButtonDisabled{cursor:default;pointer-events:none}.statusBar{position:absolute;left:50%;bottom:clamp(18px,4vw,38px);z-index:2;display:flex;align-items:center;gap:12px;justify-content:center;min-height:36px;max-width:calc(100vw - 32px);color:rgba(168,207,184,.42);font-size:12px;letter-spacing:0;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.stageActive .statusBar{color:rgba(168,207,184,.46)}.statusBar a{color:inherit;text-decoration:none}.statusBar a:focus-visible,.statusBar a:hover{color:rgba(217,255,233,.7);outline:none}.controls{display:flex;gap:8px}.controls button{min-width:64px;min-height:34px;padding:0 12px;border:1px solid rgba(85,255,159,.18);border-radius:6px;background:rgba(4,14,10,.42);color:rgba(217,255,233,.58);cursor:pointer}.controls button:focus-visible,.controls button:hover{border-color:rgba(85,255,159,.8);outline:none}@media (max-width:640px){.statusBar{flex-wrap:wrap;gap:8px 12px;white-space:normal}}