html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit;font-weight:400;margin:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:fixed}button{background:none;border:none;color:inherit;font-family:inherit}.app-container{grid-gap:10px;background:#000;display:grid;gap:10px;height:100%;margin:0;width:100%}.app-container.\000032-players{font-size:8.5rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.app-container.\000033-players,.app-container.\000034-players{font-size:6rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.player{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.rotate-180{.player-inner{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.rotate-90{.player-inner{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.rotate-270{.player-inner{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}.player-inner{align-items:center;background:#169e9e;display:flex;height:100%;height:var(--player-inner-height,100%);justify-content:center;position:absolute;width:100%;width:var(--player-inner-width,100%);&.bg-white{background:linear-gradient(229deg,#f6d5af,#b59e5e,#97732a)}&.bg-red{background:linear-gradient(229deg,#9c0101,#660200,#2c0403)}&.bg-green{background:linear-gradient(229deg,#167c01,#014d01,#010904)}&.bg-black{background:linear-gradient(229deg,#393737,#343232,#080707)}&.bg-blue{background:linear-gradient(229deg,#013a9c,#002566,#030b2c)}}.life-container{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.life-value-container{position:relative;text-shadow:#000 4px 4px;-webkit-transform:translateY(10%);transform:translateY(10%)}.life-value.dead{color:red}.life-temp{font-size:2.5rem;left:50%;opacity:0;position:absolute;text-shadow:#000 2px 2px;top:-45%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);transition:.2s ease-in-out;visibility:hidden;&.active{opacity:1;visibility:visible}}.life-button{font-size:3rem;height:100%;text-shadow:#000 2px 2px;transition:.15s ease-in-out;width:clamp(60px,24vw,120px);&:active{background:rgba(0,0,0,.04)}}.settings-drawer{align-items:center;background:#707070;display:flex;font-size:1rem;gap:20px;height:100%;justify-content:space-evenly;padding:20px;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .2s ease-in-out;width:100%}.settings-drawer.opened{-webkit-transform:translate(0);transform:translate(0)}.settings-button-container{align-items:center;bottom:0;display:flex;justify-content:center;position:absolute;width:100%;z-index:3}.settings-button{background:#383838;border-radius:5px;position:absolute;width:calc(100% - 10px);&:after{background:#cacaca;border-radius:3px;content:"";display:block;height:3px;margin:0 auto;width:clamp(20px,30%,200px)}}.\000032-players{.life-temp{font-size:2.5rem}.settings-button-container{height:50px}.settings-button{height:25px}}.\000033-players,.\000034-players{.life-temp{font-size:2rem}.settings-button-container{height:30px;padding:5px 0 0}.settings-button{height:16px}}.color-button{align-items:center;border-radius:50%;display:flex;height:85px;width:85px;&>svg{width:100%}}.menu-button{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;bottom:50%;display:flex;flex-direction:column;height:60px;justify-content:center;left:50%;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);transition:.3s ease-in-out;width:60px;z-index:4;svg{width:80%}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.backdrop{align-items:flex-start;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background:rgba(0,0,0,.8);display:flex;inset:0;justify-content:center;opacity:1;position:fixed;transition:.3s ease-in-out;z-index:3;& *{text-transform:uppercase}}.backdrop-inner{display:flex;flex-flow:column;height:100%;padding:20px;width:100%;button{background:#fff;color:#000;text-shadow:#9b9b9b 1px 1px}}.menu-container{font-size:2rem;margin-bottom:2rem;text-align:center;.count-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;.count-button{border:2px solid #000;border-radius:50%;font-size:.5em;font-size:1.5rem;height:50px;width:50px;&:disabled{border-color:red;color:red}}}}.reset-life-button{border:2px solid #000;border-radius:10px;font-size:1.2rem;margin-top:auto;padding:5px 0;width:100%}
/*# sourceMappingURL=main.a72dc4dc.css.map*/