body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;justify-content:center;overflow:hidden;position:relative}.App,.protein-canvas{height:100vh;width:100vw}.protein-canvas{left:0;pointer-events:none;position:absolute;top:2%;z-index:0}.App-header{align-items:center;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;z-index:1}.controls{display:flex;flex-wrap:wrap;gap:1%;justify-content:center;margin-bottom:2%}.board{grid-gap:1.5%;box-sizing:border-box;display:grid;gap:1.5%;grid-template-columns:repeat(5,1fr);height:70vmin;max-height:100%;max-width:100%;width:70vmin;z-index:1}.cell{align-items:center;background-color:#333;border-radius:4px;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cell.selected{background-color:#3a86ff;transform:scale(.95)}.bingo-alert{animation:pulse 1s infinite;background-color:#ff006e;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fff;font-size:2rem;font-weight:700;margin-top:2%;padding:2% 4%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.smoke-background{align-items:center;display:flex;flex-direction:column;height:50%;left:5%;pointer-events:none;position:absolute;top:15%;width:6%;z-index:1}.cigarette{background:linear-gradient(180deg,#b92e2e 0,#fff 30%,#fff);border-radius:4px;box-shadow:0 0 3px #000;height:80%;position:relative;width:30%}.burning-tip{animation:glow 1s infinite alternate;background-color:red;border-radius:0 0 4px 4px;height:8%;position:absolute;top:0;width:100%}.smoke{animation:smoke-rise 4s ease-in-out infinite;background:radial-gradient(circle,#b3afafb3 60%,#0000 100%);border-radius:50%;height:60%;margin-bottom:10%;opacity:.8;width:100%}.share-button{background:#555;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px;transition:.2s}.share-button:hover{background:#777}@keyframes glow{0%{background-color:#f30;box-shadow:0 0 8px #f30}to{background-color:#fa0;box-shadow:0 0 10px #fa0}}@keyframes smoke-rise{0%{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.2)}to{opacity:0;transform:translateY(-100%) scale(1.4)}}.shaker-container{animation:shake-explode .4s infinite;height:50%;pointer-events:none;position:absolute;right:5%;top:15%;transform-origin:center bottom;width:6%;z-index:1}.shaker-body{align-items:center;background:linear-gradient(180deg,#3a86ff 0,#265ddf);border-radius:10% 10% 15% 15%;box-shadow:0 0 10px #0000004d;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;width:100%}.shaker-body:after{animation:lava-erupt .6s ease-in-out infinite;background:radial-gradient(circle,#5a3e2b 30%,#5a3e2bcc 70%,#0000 100%);height:40%;left:25%;opacity:1;top:-40%;width:50%}.shaker-body:after,.shaker-body:before{border-radius:50%;content:"";position:absolute}.shaker-body:before{animation:protein-burst .8s ease-in-out infinite;background:radial-gradient(circle,#5a3e2b 50%,#0000 70%);height:80%;left:10%;opacity:.3;top:-30%;width:80%}.dropdown{display:inline-block;position:relative}.dropdownContent{background-color:#333;border-radius:4px;box-shadow:0 8px 16px #0003;display:none;min-width:120px;position:absolute;right:0;z-index:10}.dropdownContentShow{display:block}.dropdownItem{color:#fff;cursor:pointer;display:block;padding:12px 16px;text-decoration:none;transition:background-color .2s}.dropdownItem:hover{background-color:#444}@keyframes protein-burst{0%{opacity:.3;transform:scale(.8) translateY(0)}50%{opacity:.6;transform:scale(1.2) translateY(-20%)}to{opacity:0;transform:scale(1.4) translateY(-60%)}}@keyframes shake-explode{0%{transform:rotate(0deg)}20%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes lava-erupt{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-40%) scale(1.3)}to{opacity:0;transform:translateY(-100%) scale(1.5)}}@media (max-width:600px){.board{gap:1%;height:90vw;width:90vw}.cell{font-size:.9rem}}
/*# sourceMappingURL=main.f1d4335c.css.map*/