.game-of-life-header{background:0 0!important;overflow:hidden;position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center}.game-of-life-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;opacity:.8}.fallback-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:0;display:block;background:linear-gradient(135deg,#035c8c,#024d77)}.game-of-life-header .color-overlay{position:absolute;width:100%;height:100%;background:linear-gradient( 135deg,rgba(3,92,140,.4),rgba(2,77,119,.6) );z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.game-of-life-header .color-overlay h1,.game-of-life-header .color-overlay h2{pointer-events:auto}.game-of-life-header .color-overlay h1{background-color:transparent;text-align:center;color:#fff;text-shadow:3px 3px 8px rgba(0,0,0,.8);font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.game-of-life-header .color-overlay h2{background-color:transparent;text-align:center;font-style:italic;color:rgba(255,255,255,.95);text-shadow:2px 2px 6px rgba(0,0,0,.7);font-size:1.5rem;font-weight:400;margin-bottom:0;max-width:600px}.game-of-life-header .color-overlay h1,.game-of-life-header .color-overlay h2{animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.game-of-life-header{min-height:50vh}.game-of-life-header .color-overlay h1{font-size:3rem}.game-of-life-header .color-overlay h2{font-size:1.35rem}}@media(max-width:768px){.game-of-life-header{min-height:45vh}.game-of-life-canvas{opacity:.7}.game-of-life-header .color-overlay{background:linear-gradient( 135deg,rgba(3,92,140,.5),rgba(2,77,119,.7) );padding:1.5rem}.game-of-life-header .color-overlay h1{font-size:2.5rem;text-shadow:2px 2px 6px rgba(0,0,0,.9)}.game-of-life-header .color-overlay h2{font-size:1.25rem;text-shadow:1px 1px 4px rgba(0,0,0,.8)}}@media(max-width:576px){.game-of-life-header{min-height:40vh}.game-of-life-header .color-overlay{padding:1rem}.game-of-life-header .color-overlay h1{font-size:2rem;line-height:1.1}.game-of-life-header .color-overlay h2{font-size:1.1rem}}.game-of-life-header.loading .game-of-life-canvas{opacity:0;transition:opacity .5s ease-in}.game-of-life-header.loaded .game-of-life-canvas{opacity:.8}@media(prefers-reduced-motion:reduce){.game-of-life-header .color-overlay h1,.game-of-life-header .color-overlay h2{animation:none}}