*{box-sizing:border-box}body{margin:0 auto;min-width:960px;overflow-x:hidden;position:relative}.hidden{position:absolute;text-indent:-999em}.disabled{display:none!important}.is-button{cursor:pointer;background-color:#83bc25;border-radius:10px;border:none;color:#fff;font-size:16px;padding:10px 20px}.is-button:hover{opacity:.75}.is-button:disabled,.is-button[disabled]{visibility:hidden}.is-error{color:#be1521}.icon-close{color:#fff;height:24px;width:24px;transform:translateY(1px)}.loading{visibility:hidden}strong{font-weight:bolder!important}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container,.grid{margin:0 16px}@media only screen and (min-width:600px){.container,.grid{margin:0 32px}}@media only screen and (min-width:1024px){.container,.grid{margin:0 80px}}@media only screen and (min-width:1440px){.container,.grid{margin:0 auto;max-width:1280px}}.grid{display:grid;grid-column-gap:6.67%;grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:600px){.grid{grid-template-columns:repeat(12,1fr);grid-column-gap:2.27%}}@media only screen and (min-width:1024px){.grid{grid-template-columns:repeat(12,1fr);grid-column-gap:2.19%}}.card{border-radius:10px;margin:0 auto 15px}.card,.card__img{height:200px;position:relative;width:120px}.card__img{-webkit-box-shadow:4px 4px 6px #c7d0d8;-moz-box-shadow:4px 4px 6px #c7d0d8;box-shadow:4px 4px 6px #c7d0d8;border:1px solid #c7d0d8;border-radius:10px;margin-bottom:15px;z-index:1}.card__name{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px;font-size:.875rem;margin:0 0 10px;height:50px;margin:0 auto;text-align:center;text-transform:capitalize}@media only screen and (min-width:1280px){.card{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-size:1rem;margin:0 0 10px}.card,.card__img{height:220px;width:140px}}@media only screen and (min-width:1440px){.card,.card__img{height:250px;width:170px}}.game-cover{grid-template-rows:30px [front-logo] auto [login] auto [footer-cards]}.game-cover__front-logo{grid-column:5/9;grid-row:front-logo;height:160px;position:relative}.game-cover__front-logo:before{background-image:url(img/planetica-logo.jpg);background-position:0 0;background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";height:180px;left:50%;position:absolute;top:0;transform:translate(-50%);width:180px}.game-cover__front-cards{grid-column:1/7;grid-row:login;height:350px;position:relative}.game-cover__front-cards:before{background-image:url(img/front-cards.png);background-position:0 0;background-repeat:no-repeat;background-position:50%;background-size:contain;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.game-cover__login{grid-column:7/-1;grid-row:login;max-width:400px}.game-cover__footer-cards{grid-column:4/11;grid-row:footer-cards;position:relative}.game-cover__footer-cards:before{background-image:url(img/footer-cards.png);background-position:0 0;background-repeat:no-repeat;background-size:100%;content:"";height:170px;position:absolute;left:50%;top:0;transform:translate(-50%);width:100%}@media only screen and (min-width:1280px){.game-cover__front-cards{grid-column:2/7}.game-cover__login{grid-column:7/12}}@media only screen and (min-width:1440px){.game-cover__footer-cards:before{height:165px}}.login{padding:50px}.login__form{display:flex;flex-direction:column;margin-bottom:30px}.login__heading{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:20px;font-size:1.25rem;margin:0 0 10px;color:#8d9ba8}.login__label{color:#8d9ba8}.login__form-box{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-size:1rem;margin:0 0 10px;display:flex;flex-direction:column;margin-bottom:20px}.login__input{border-radius:10px;font-size:16px;border:2px solid #8d9ba8;padding:7px;margin:5px 0}.login__submit{align-self:center;max-width:150px}.login__error{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px;font-size:.875rem;margin:0 0 10px;margin-bottom:5px}.card-package{grid-template-rows:0 [send-button] auto;height:95px;z-index:10}.card-package__sent-button{-webkit-box-shadow:4px 2px 6px #c7d0d8;-moz-box-shadow:4px 2px 6px #c7d0d8;box-shadow:4px 2px 6px #c7d0d8;align-items:center;background-color:#83bc25;border-color:#c7d0d8;border:none;border-radius:120px;cursor:pointer;display:flex;grid-column:6/8;grid-row:send-button;height:130px;justify-content:center;margin:0 auto;position:relative;transform:translateY(-80px);width:120px;z-index:1}.card-package__sent-button:disabled,.card-package__sent-button[disabled]{background-color:#c7d0d8;background-image:none;color:#c7d0d8}.card-package__sent-button:disabled:after,.card-package__sent-button[disabled]:after{color:#c7d0d8}.card-package__sent-button:after{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:15px;font-size:.9375rem;margin:0 0 10px;color:#83bc25;content:"Nueva Carta";position:absolute;transform:translateY(85px);width:120px}.card-package__arrow-icon{color:#fff;height:40px;transform:translateY(35px);width:40px}.board-start-game-button{margin:30px auto 0;display:block;height:30px;width:100px}.card-sent-button{width:70px;height:50px}.hand-cards{grid-template-rows:[new-card] 230px [hand-cards] auto [start-game] auto 20px;min-height:365px;position:relative}.hand-cards__list-container{display:flex;grid-column:1/-1;grid-row:hand-cards;justify-content:space-between}.hand-cards__list{height:200px;margin:0 12px;position:relative;transform:translateY(-80px);width:120px}.hand-cards__list:after{background-color:#c7d0d8;border-radius:10px;content:"";left:0;height:100%;position:absolute;top:0;width:100%}.hand-cards__list:nth-child(3){transform:translateY(40px)}.hand-cards__list:nth-child(2),.hand-cards__list:nth-child(4),.hand-cards__new-card{transform:translate(0)}.hand-cards__new-card{display:flex;flex-direction:column-reverse;grid-column:5/9;grid-row:new-card/hand-cards;height:120px;position:relative}.hand-cards__new-card:after{background-color:#c7d0d8;border-radius:10px;content:"";height:200px;left:0;position:absolute;top:0;transform:translate(65%,10%);width:120px;z-index:-1}.hand-cards__new-card .hand-cards__remove-card{cursor:pointer;transform:translate(-65px,10px);z-index:10}.hand-cards__new-card .card__name{bottom:0;position:absolute;transform:translateY(165px);width:100%}.hand-cards__remove-card{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-size:1rem;margin:0 0 10px;align-items:center;background-color:#be1521;border-radius:30px;border:none;color:#fff;cursor:pointer;display:flex;height:35px;margin:0;position:absolute;right:0;top:0;transform:translate(10px,-10px);width:35px;z-index:10}.hand-cards__remove-card:hover{background-color:#bc545c}.hand-cards__send-card{height:200px;margin:0 auto;position:relative;transform:translate(5%,50%);width:50%}.hand-cards__send-card .card{-webkit-box-shadow:-4px -2px 6px #c7d0d8;-moz-box-shadow:-4px -2px 6px #c7d0d8;box-shadow:-4px -2px 6px #c7d0d8;margin:0}.hand-cards__send-card .card:after,.hand-cards__send-card .card__name{display:none}.hand-cards__start-game{grid-column:6/8;transform:translateY(70px)}.hand-cards__game-over,.hand-cards__start-game{grid-row:start-game;text-align:center;position:absolute;width:100%}.hand-cards__game-over{font-weight:400;line-height:1.6;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:24px;font-size:1.5rem;margin:0 0 10px;font-weight:700;color:#be1521;grid-column:4/10;transform:translateY(90px);margin:0}@media only screen and (min-width:1280px){.hand-cards{grid-template-rows:[new-card] 210px [hand-cards] auto [start-game] auto 20px}.hand-cards__list-container{grid-column:1/-1;margin-left:5%;margin-right:5%}.hand-cards__list{height:220px;transform:translateY(-90px);width:140px}.hand-cards__list:nth-child(3){transform:translateY(55px)}.hand-cards__list:nth-child(2),.hand-cards__list:nth-child(4){transform:translate(0)}.hand-cards__send-card{transform:translate(-10%,-5%)}.hand-cards__new-card{grid-column:5/8;height:100%;left:0;padding:0;top:0;transform:translate(25%);width:100%}.hand-cards__new-card:after{height:200px;transform:translate(-55%,5%);left:48%;top:0;width:135px}.hand-cards__new-card .card__name{transform:translateY(70px);width:90%}.hand-cards__new-card .hand-cards__remove-card{transform:translate(-60px,-10px)}.hand-cards__start-game{transform:translateY(80px)}.hand-cards__game-over{transform:translateY(100px)}}@media only screen and (min-width:1366px) and (max-width:1439px){.hand-cards__game-over{transform:translateY(90px)}}@media only screen and (min-width:1440px){.hand-cards{min-height:400px}.hand-cards__list{height:250px;transform:translateY(-40px);width:170px}.hand-cards__list:nth-child(3){transform:translateY(120px)}.hand-cards__list:nth-child(2),.hand-cards__list:nth-child(4){transform:translateY(95px)}.hand-cards__send-card .card,.hand-cards__send-card .card__img{height:250px;width:170px}.hand-cards__new-card{transform:translate(25%,10%)}.hand-cards__new-card:after{height:240px;transform:translate(-50%,5%);left:50%;top:0;width:165px}.hand-cards__new-card .card__name{transform:translate(10px,100px)}.hand-cards__start-game{transform:translateY(150px)}.hand-cards__game-over{transform:translateY(170px)}}.profile-bar{-webkit-box-shadow:4px 4px 8px #c7d0d8;-moz-box-shadow:4px 4px 8px #c7d0d8;box-shadow:4px 4px 8px #c7d0d8;background-color:#fff;position:relative;width:100%;z-index:10}.profile-bar__container{align-items:center;justify-content:center;padding:15px 0}.profile-bar__user-name{margin:0 0 10px;margin:0 10px}.profile-bar__heading,.profile-bar__logo,.profile-bar__user-name{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:18px;font-size:1.125rem}.profile-bar__heading,.profile-bar__logo{margin:0 0 10px;color:#000;grid-column:2/5;margin:0}.profile-bar__heading img,.profile-bar__logo img{height:35px}.profile-bar__content{align-items:center;display:flex;grid-column:9/-1;justify-content:flex-end}.profile-bar__player{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:18px;font-size:1.125rem;margin:0 0 10px;margin:0 20px;text-transform:capitalize}.profile-bar__planetica-logo{grid-row:1;grid-column:1/2;height:70px;position:relative;transform:translate(calc(-50% + 80px))}.profile-bar__planetica-logo:before{background-image:url(img/planetica-logo.jpg);background-position:0 0;background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";height:90px;left:25%;position:absolute;top:50%;transform:translate(-50%,-45%);width:110px}.profile-bar__planetica-content{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px;font-size:.875rem;margin:0 0 10px;align-items:first baseline;display:flex;flex-direction:column;height:180px;justify-content:flex-end;position:relative;text-align:left}.profile-bar__planetica-content>span{margin-bottom:5px}.profile-bar__coaching-content{font-weight:400;line-height:1.2;font-family:Helvetica Neue,HelveticaNeue-Light,Helvetica Neue Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:14px;font-size:.875rem;margin:0 0 10px;align-items:center;display:flex;flex-direction:column;height:110px;justify-content:flex-end;margin:20px auto 0;position:relative;text-align:left}