*,*:after,*:before{box-sizing:border-box;padding:0;margin:0}:root{--primary-color: #FF007F;--secondary-color: #FF4500;--tertiary-color: #2B2D42;--quaternary-color: #120e24;--quinary-color: #ffb30f;--primary-font-family: Arial, Helvetica, sans-serif}html{font-family:var(--primary-font-family);color:#eee}.app{display:flex;flex-direction:column;width:100vw;height:100vh;background:linear-gradient(120deg,var(--primary-color) 0%,var(--tertiary-color) 60%,var(--tertiary-color) 65%,var(--secondary-color) 120%)}.btn{width:fit-content;padding:12px 52px;border:none;border-radius:100px;color:#eee;background-color:var(--primary-color);font-size:12px;font-weight:900;cursor:pointer}.btn--icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;border-radius:50%;font-size:20px;background-color:transparent}.row{display:flex;gap:15px}.column{display:flex;flex-direction:column;gap:15px}.paragraph{color:#eee;white-space:pre-wrap}.paragraph--indent{text-indent:25px}.paragraph--end{margin-bottom:15px}.paragraph--center{text-align:center}.form__inp{width:100%;min-width:220px;padding:16px 8px;border:1px solid #afd9d7;border-radius:6px;font-family:var(--primary-font-family);background-color:#f8ffff}.form__label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500}.card{position:relative;align-items:center;justify-content:center;width:calc(100% - 60px);max-width:500px;max-height:calc(100% - 60px);padding:60px 30px;border-radius:15px;background-color:var(--quaternary-color);box-shadow:8px 8px 24px #000}.choose{text-align:center;font-weight:700;line-height:140%;font-size:14px}.choose__btn{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--secondary-color);width:180px;padding:12px 20px;border:2px solid;background-color:var(--quaternary-color);letter-spacing:2px}.choose__btn:first-of-type{color:var(--primary-color)}.choose__btn:hover{opacity:.8}.choose__btn-icon{font-size:18px}.footer{justify-content:center;width:100%;height:60px;background-color:#120e24cc}.footer__btn{flex-basis:50%;display:flex;justify-content:center;align-items:center;flex-grow:1;max-width:300px;background-color:transparent;font-size:30px}.footer__btn--success{color:#65d365}.footer__btn--error{color:#dd4b4b}.footer__btn:hover{opacity:.7}.header{display:flex;align-items:center;height:60px;padding:10px;background-color:#120e24cc}.header__back{position:absolute;left:15;top:75px;flex-shrink:0;font-size:30px;color:var(--quaternary-color)}.question{text-align:center;font-weight:700;line-height:140%;font-size:14px}.scoring{flex-grow:1;justify-content:center;align-items:center}.scoring__item{flex-basis:50%;justify-content:space-between;align-items:center;max-width:200px;padding:8px 16px;transition:box-shadow .4s}.scoring__item-player-name{font-size:14px;font-weight:900}.scoring__item-score{font-size:14px;font-weight:900;color:var(--secondary-color)}.scoring__separator{font-size:36px;color:var(--primary-color)}.whoose-turn{position:absolute;left:50%;top:0;transform:translate(-50%,-50%) rotate(-120deg);padding:10px;border-radius:50%;color:var(--primary-color);font-size:50px;background-color:var(--quaternary-color)}.whoose-turn--right{transform:translate(-50%,-50%) rotate(-60deg)}.game{flex-grow:1;display:flex;flex-direction:column}.game__content{flex-grow:1;flex-direction:column;align-items:center;justify-content:center}.options{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.options__form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:30px;border-radius:15px;background-color:var(--quaternary-color);box-shadow:8px 8px 24px #000}.options__buttons{width:100%;margin-top:20px}.options__buttons-item{width:100%;display:block;flex-grow:1}