*{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}html,body,#root{margin:0;padding:0;height:100vh;max-height:100vh;overflow:hidden;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}body{background:linear-gradient(-45deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.grid-scroll-area{width:100%;height:100%;overflow:auto;background-color:#fff;border:1px solid #ccc;box-sizing:border-box}.padded-wrapper{width:100%;height:100%;padding:max(4vw,20px);box-sizing:border-box;overflow:hidden}.fullscreen-container{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background-color:#fafafa}.top-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;background-color:#fff;border-bottom:1px solid #ccc;box-shadow:0 1px 3px #0000001a}.top-controls button{padding:8px 14px;font-size:14px;border-radius:6px;border:1px solid #888;background-color:#fff;cursor:pointer;transition:background .2s,color .2s}.top-controls button:hover{background-color:#e0e0e0}.tool-panel{display:flex;justify-content:center;gap:5px;padding:12px;background-color:#fff;border-top:1px solid #ccc;box-shadow:0 -1px 3px #0000000d}.tool-panel button{padding:10px;border-radius:6px;border:1px solid #888;background:#fff;cursor:pointer;transition:background .2s,transform .2s}.tool-panel button.active{background-color:#2196f3;color:#fff;font-weight:700;filter:brightness(1.05)}.pixel-info{display:flex;justify-content:space-between;align-items:center;background:#f0f0f0;padding:10px 16px;font-size:16px;font-weight:700;border-bottom:1px solid #ccc}.pixel-info button{background-color:#2196f3;color:#fff;border:none;padding:6px 12px;cursor:pointer;border-radius:4px}.pixel-info button:hover{background-color:#1976d2}.info-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#f0f0f0;font-weight:700;gap:5px;border-bottom:1px solid #ccc}.info-button{background-color:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}.info-button:hover{background-color:#1976d2}.info-center{flex:1;text-align:center;font-size:16px}.grid-container{width:fit-content;height:fit-content;display:inline-block;touch-action:none}.grid{display:inline-block}.row{display:flex}.cell{width:20px;height:20px;border:1px solid #ddd;background-color:#fff;transition:background-color .2s}.cell.alive{background-color:#0c6}