:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#262b33;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f859a8;text-decoration:inherit}a:hover{color:#fcbadb}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;align-items:flex-start;overflow-x:hidden}h1{font-size:1.5em;line-height:1.1}#app{max-width:1280px;margin:0 auto;text-align:center}.container{padding:1em}main{display:flex;flex-direction:column;gap:10px}.left,.right{display:flex;align-items:stretch;flex-direction:column;justify-content:space-evenly}.name{font-size:1.5em}.controls{display:flex;flex-direction:column;gap:1em;margin:1em;align-items:center}.trap{width:300px;position:relative;height:300px;margin:1em auto;border:1px solid #111111;border-radius:5px;background-color:#44475a}img{width:50px}.trap img{width:100%;position:absolute;left:0}.text{max-width:150px;text-align:center;margin:0 auto;font-size:.8em}.setup{display:grid;grid-template-columns:1fr 1fr;justify-items:stretch;align-items:center;background-color:#383e49;border:1px solid #111111;border-radius:10px;padding:1em}.setup-names{justify-items:stretch;justify-content:space-around;display:grid;grid-template-columns:1fr;gap:.5em;width:100%}.trap{order:1;grid-column:1 / 3}.right{order:2}.left{order:3}@media (min-width: 576px){.setup-names{grid-template-columns:1fr 1fr}.trap,.right{order:1}.trap{width:200px;height:200px}}@media (min-width: 768px){.setup-names,.setup{grid-template-columns:1fr 1fr 1fr}.trap{width:300px;height:300px;grid-column:initial}.trap{order:2}.left{order:1}.right{order:3}.text{font-size:1em}img{width:75px}}@media (min-width: 1024px){.setup-names{grid-template-columns:1fr 1fr 1fr 1fr}.trap{width:350px;height:350px}}.setup-name{background-color:#5e646f;border-radius:5px;padding:.5em .25em;border:1px solid #111111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-name.selected{background-color:#40ba12;color:#000}.nope{animation:disabled-shake .5s}@keyframes disabled-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}#submit{border-color:#66f859;color:#0e0d11;background-color:#66f859;box-shadow:0 .0625rem .125rem #0000000f}button{width:fit-content;margin:0;padding:.75rem 1.125rem;position:relative;display:flex;align-items:center;justify-content:center;gap:.5em;outline:none!important;border:.125rem solid transparent;border-radius:.375rem;cursor:pointer;line-height:1;text-decoration:none;font-family:inherit;font-size:.875rem;font-weight:700;transition:border-color .32s ease,background-color .32s ease}#submit:hover,button:hover{border-color:#fff;background-color:transparent;color:#fff}