*{padding:0;margin:0;box-sizing:border-box}.basepage{max-width:1200px;font-size:16px;box-sizing:border-box;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;min-height:100vh;min-width:100vw;padding:0 24px;height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.header__base{width:100%;background-color:#1a192c;color:#d3d1e4;text-align:center;margin:0 0 16px;padding-top:16px;z-index:3;position:relative}.header__title{margin:0 0 8px;font-size:40px}.header__text{width:49.99%;margin:auto;padding:8px 0;font-size:20px}.main{width:100%}.main__base{width:99.99%;margin:auto;height:99.99%}.article__base{padding:8px;margin-bottom:8px;min-width:350px}.section__base{margin:0 auto 8px;min-width:350px}.section__title{font-size:24px;margin:0 0 8px}.player__policeAvatar{background-image:var(--police-avatar);background-position:center;background-size:contain;background-color:#ececec;background-repeat:no-repeat}.player__thugAvatar{background-image:var(--thug-avatar);background-position:center;background-size:contain;background-color:#ececec;background-repeat:no-repeat}.player__base{display:flex;justify-content:space-between}.player__avatar{display:flex;justify-content:center;flex-direction:column}.player__image{width:100px;border-radius:50%;background-color:#ececec;align-self:center;margin:3px;align-self:center}.player__stats{width:200px;border:1px solid #3b3b3b;margin:0 5px;padding:0 5px;display:flex;flex-direction:column;justify-content:space-around}.player__stats-text{font-size:24px;margin-bottom:8px}.player__stats-container{display:flex;align-items:center}.player__stats-container--left{flex-direction:column-reverse}.player__stats-container--right{flex-direction:column}@media(min-width: 768px){.player__stats-container{flex-direction:row}}.player__name-input--one,.player__name-input--two{height:40px;font-size:20px;background-color:#ececec;width:75%;align-self:center;text-align:center;padding:5px}.player__select-base,.player__select-info,.player__select-police,.player__select-thug{display:flex;flex-direction:column;justify-content:center}.player__select-container{display:flex;flex-direction:row;justify-content:space-between}.player__select-text{text-align:center;font-size:24px}.player__select-button{justify-self:center}.player__select-image{width:100px;border-radius:50%;background-color:#ececec;align-self:center}.scoreboard{display:none;width:80vw;max-width:650px}.button__base{display:block;margin:16px auto;padding:16px;border:2px solid #3b3b3b;border-radius:16px;background-color:#e8f6db;font-size:16px;width:fit-content;min-width:100px}@media(min-width: 1024px){.button__base{font-size:24px}}.button__base:focus{outline:none}.playground{display:none;display:flex;margin:0 auto 8px;flex-direction:column}.barrier{background-color:#727272}.grid__base{min-width:350px}.grid__container{display:grid;margin:0 auto;height:80vw;width:80vw;max-width:650px;max-height:650px}.grid__square{border:1px solid #3b3b3b;display:flex;justify-content:center;animation-name:unrollGrid;animation-duration:350ms;animation-fill-mode:both;animation-timing-function:ease-in-out}.grid__square--1{animation-delay:10ms}.grid__square--2{animation-delay:20ms}.grid__square--3{animation-delay:30ms}.grid__square--4{animation-delay:40ms}.grid__square--5{animation-delay:50ms}.grid__square--6{animation-delay:60ms}.grid__square--7{animation-delay:70ms}.grid__square--8{animation-delay:80ms}.grid__square--9{animation-delay:90ms}.grid__square--10{animation-delay:100ms}.grid__square--11{animation-delay:110ms}.grid__square--12{animation-delay:120ms}.grid__square--13{animation-delay:130ms}.grid__square--14{animation-delay:140ms}.grid__square--15{animation-delay:150ms}.grid__square--16{animation-delay:160ms}.grid__square--17{animation-delay:170ms}.grid__square--18{animation-delay:180ms}.grid__square--19{animation-delay:190ms}.grid__square--20{animation-delay:200ms}.grid__square--21{animation-delay:210ms}.grid__square--22{animation-delay:220ms}.grid__square--23{animation-delay:230ms}.grid__square--24{animation-delay:240ms}.grid__square--25{animation-delay:250ms}.grid__square--26{animation-delay:260ms}.grid__square--27{animation-delay:270ms}.grid__square--28{animation-delay:280ms}.grid__square--29{animation-delay:290ms}.grid__square--30{animation-delay:300ms}.grid__square--31{animation-delay:310ms}.grid__square--32{animation-delay:320ms}.grid__square--33{animation-delay:330ms}.grid__square--34{animation-delay:340ms}.grid__square--35{animation-delay:350ms}.grid__square--36{animation-delay:360ms}.grid__square--37{animation-delay:370ms}.grid__square--38{animation-delay:380ms}.grid__square--39{animation-delay:390ms}.grid__square--40{animation-delay:400ms}.grid__square--41{animation-delay:410ms}.grid__square--42{animation-delay:420ms}.grid__square--43{animation-delay:430ms}.grid__square--44{animation-delay:440ms}.grid__square--45{animation-delay:450ms}.grid__square--46{animation-delay:460ms}.grid__square--47{animation-delay:470ms}.grid__square--48{animation-delay:480ms}.grid__square--49{animation-delay:490ms}.grid__square--50{animation-delay:500ms}.grid__square--51{animation-delay:510ms}.grid__square--52{animation-delay:520ms}.grid__square--53{animation-delay:530ms}.grid__square--54{animation-delay:540ms}.grid__square--55{animation-delay:550ms}.grid__square--56{animation-delay:560ms}.grid__square--57{animation-delay:570ms}.grid__square--58{animation-delay:580ms}.grid__square--59{animation-delay:590ms}.grid__square--60{animation-delay:600ms}.grid__square--61{animation-delay:610ms}.grid__square--62{animation-delay:620ms}.grid__square--63{animation-delay:630ms}.grid__square--64{animation-delay:640ms}.grid__square--65{animation-delay:650ms}.grid__square--66{animation-delay:660ms}.grid__square--67{animation-delay:670ms}.grid__square--68{animation-delay:680ms}.grid__square--69{animation-delay:690ms}.grid__square--70{animation-delay:700ms}.grid__square--71{animation-delay:710ms}.grid__square--72{animation-delay:720ms}.grid__square--73{animation-delay:730ms}.grid__square--74{animation-delay:740ms}.grid__square--75{animation-delay:750ms}.grid__square--76{animation-delay:760ms}.grid__square--77{animation-delay:770ms}.grid__square--78{animation-delay:780ms}.grid__square--79{animation-delay:790ms}.grid__square--80{animation-delay:800ms}.grid__square--81{animation-delay:810ms}.grid__square--82{animation-delay:820ms}.grid__square--83{animation-delay:830ms}.grid__square--84{animation-delay:840ms}.grid__square--85{animation-delay:850ms}.grid__square--86{animation-delay:860ms}.grid__square--87{animation-delay:870ms}.grid__square--88{animation-delay:880ms}.grid__square--89{animation-delay:890ms}.grid__square--90{animation-delay:900ms}.grid__square--91{animation-delay:910ms}.grid__square--92{animation-delay:920ms}.grid__square--93{animation-delay:930ms}.grid__square--94{animation-delay:940ms}.grid__square--95{animation-delay:950ms}.grid__square--96{animation-delay:960ms}.grid__square--97{animation-delay:970ms}.grid__square--98{animation-delay:980ms}.grid__square--99{animation-delay:990ms}.grid__square--100{animation-delay:1000ms}@keyframes unrollGrid{0%{opacity:0;transform:scale(0.6) translateY(-8px) translateX(-8px)}100%{opacity:1}}.weapons__multitool-knife{background-image:var(--multitool-knife);background-position:center;background-size:contain;background-color:#ececec;background-repeat:no-repeat}.weapons__baton{background-image:var(--baton);background-position:center;background-size:contain;background-color:#ececec;background-repeat:no-repeat}.weapons__gun{background-image:var(--gun);background-position:center;background-size:contain;background-color:#ececec;background-repeat:no-repeat}.weapons__rifle{background-image:var(--rifle);background-position:center;background-size:contain;background-color:#ececec;background-repeat:no-repeat}.modal__base{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.modal__base--is-visible{display:flex}.modal__overlay{display:block;position:absolute;background-color:#727272;backdrop-filter:blur(3px);top:0;left:0;right:0;bottom:0;z-index:3}.modal__container{background:#e2e2e2;border:#3b3b3b solid 0px;width:90vw;min-height:300px;height:fit-content;box-shadow:0 8px 16px #3b3b3b;z-index:5;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px}.modal__container p{font-size:20px}.modal__text{font-size:32px}.modal__switch{width:100%;display:flex;flex-direction:column;justify-content:space-between}.modal__button{width:100%;height:fit-content;padding-top:16px}.modal__button-continue{width:300px}.switch__base{display:flex;flex-direction:row;justify-content:center}.switch__label{width:150px;height:34px;display:flex;flex-direction:row;justify-content:space-between;position:relative;margin:auto 24px;width:300px}.switch__input{width:0;height:0;opacity:0}.switch__input:checked+.switch__slider{background-color:#ce5959}.switch__input:focus+.switch__slider{box-shadow:0 0 1px #ce5959}.switch__input:checked+.switch__slider:before{transform:translateX(65px)}.switch__slider{position:absolute;cursor:pointer;top:0;left:50%;transform:translateX(-50%);right:0;bottom:0;background-color:#87d381;transition:.4s;border-radius:34px;width:100px}.switch__slider::before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#e2e2e2;transition:.4s;border-radius:50%}