:root{--adm-blue:#23509e}#root{position:relative;height:100%;background-image:url(https://mktgblobpubaccess1.blob.core.windows.net/eui-frontend-assets/admiral/campaign/top-cars/static/media/bg.d8b2c1df.jpg);background-size:cover;background-position:50%;font-family:Aktiv-Grotesk,sans-serif}@media screen and (min-width:768px){#root{min-height:800px;display:flex;align-items:center}}.tt-container{max-width:500px;margin:0 auto;text-align:center;padding:20px}@media screen and (min-width:768px){.tt-container{max-width:980px;padding:30px 20px;flex:1 1}}.gameboard{display:flex;height:494px;position:relative}@media screen and (min-width:768px){.gameboard{height:auto}}.card{border-radius:10px;position:relative;transition:.5s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:354px;height:495px;left:0;z-index:100}@media screen and (min-width:768px){.card{height:540px}}.card__face{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.5s ease-in-out;overflow:hidden;background-color:#0c3a84;border-radius:10px;border:2px solid #fff;box-sizing:border-box}.card__img{width:100%;height:160px;object-fit:cover}@media screen and (min-width:768px){.card__img{height:180px}}.card__face--front{background-image:url(https://mktgblobpubaccess1.blob.core.windows.net/eui-frontend-assets/admiral/campaign/top-cars/static/media/card-back.e300d78c.svg);background-size:cover;background-repeat:no-repeat}.card.flipped,.card__face--back{-webkit-transform:rotateY(.5turn);transform:rotateY(.5turn)}.card__content{padding:10px 0 5px;background:#fff;margin:-10px 20px 0;position:relative;border-radius:5px;font-size:16px}.card__content>p{font-size:18px}@media screen and (min-width:768px){.card__content>p{font-size:24px}}.card__category{position:relative}.card__category span:nth-of-type(2){margin-left:auto}.card__category:first-of-type{background-color:#0045a0}.card__category:nth-of-type(2){background-color:#0f5fff}.card__category:nth-of-type(3){background-color:#c20060}.card__category:nth-of-type(4){background-color:#1d1}.card__category:nth-of-type(5){background-color:#fd0;color:#000}.card__category.inactive:not(.active):after{content:"";display:block;width:100%;height:100%;background:hsla(0,0%,100%,.4);position:absolute;left:0;top:0;border-radius:20px;z-index:1}.cardStack{position:absolute;width:45%;height:100%;top:0;left:0}.cardStack--alfie{right:0;left:auto}.stackedCard{border-radius:10px;position:absolute;width:354px;height:495px;left:-10px;top:10px;background-image:url(https://mktgblobpubaccess1.blob.core.windows.net/eui-frontend-assets/admiral/campaign/top-cars/static/media/card-back.e300d78c.svg);background-size:cover;background-repeat:no-repeat;border:2px solid #fff;z-index:5;box-shadow:0 5px 15px rgba(0,0,0,.35)}.stackedCard:nth-of-type(2){left:-20px;top:20px;z-index:4}.stackedCard:nth-of-type(3){left:-30px;top:30px;z-index:3}.cardStack--alfie .stackedCard{left:auto;right:-10px}.cardStack--alfie .stackedCard:nth-of-type(2){right:-20px}.cardStack--alfie .stackedCard:nth-of-type(3){right:-30px}@media screen and (min-width:768px){.stackedCard{height:540px}}@media screen and (max-width:767px){.card{position:absolute;left:-354px;visibility:hidden}.card--user.card--chosen{left:50px}.card--ai.card--chosen{left:0;visibility:visible;visibility:initial}.card--ai{transition:left .5s ease-in-out}.card.animate-in{left:calc(50% - 177px);visibility:visible;visibility:initial}.card.animate-out{left:100%;visibility:hidden}}@media screen and (min-width:768px){.card--user{grid-column:1/2}.card--ai{position:relative;left:0;visibility:visible;visibility:initial;margin-left:auto}}.scoreboard{display:flex;margin-bottom:15px}@media screen and (min-width:768px){.scoreboard{margin-bottom:25px}}.scoreboard .score{width:160px;background-color:#fff;font-weight:700;color:#0c3a84;display:flex;border:2px solid #fff;align-items:center}.scoreboard .score:first-of-type{margin-right:10px}@media screen and (min-width:768px){.scoreboard .score{width:354px}.scoreboard .score:first-of-type{margin-right:0}}.scoreboard .score p{margin:0;flex:1 1;font-size:28px}@media screen and (min-width:768px){.scoreboard .score p{font-size:28px}}.scoreboard .score span{display:none}@media screen and (min-width:768px){.scoreboard .score span{margin-right:10px;display:inline-block}}.scoreboard .score img{width:50px;height:50px}@media screen and (min-width:768px){.scoreboard .score img{width:76px;height:76px}}.scoreboard .score:nth-of-type(2){margin-left:auto}.scoreboard .score:nth-of-type(2) p{order:-1}@media screen and (min-width:768px){.scoreboard .score:nth-of-type(2) p{order:0}}.character-grid{display:grid;max-width:740px;margin:0 auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-column-gap:15px;grid-row-gap:20px}@media screen and (min-width:768px){.character-grid{grid-column-gap:85px;grid-row-gap:20px}}.character-box{position:relative}.character-box:first-of-type{margin-right:10px}@media screen and (min-width:768px){.character-box:first-of-type{margin-right:0}}.character-box img{max-width:100%;height:auto}.character-box .name{background-color:#fff;position:absolute;width:100%;bottom:0;text-align:center;padding:10px 0;font-size:19px;color:#23509e;color:var(--adm-blue);font-weight:600}@media screen and (min-width:768px){.character-box .name{font-size:34px;padding:15px 0}}.character-vs{max-width:40%;margin:15px auto 10px}@media screen and (min-width:768px){.character-vs{flex:1 1;min-width:200px}}.messagebox{max-width:740px;background-color:#fff;margin:15px auto;padding:20px;color:#0c3a84;font-size:18px;font-weight:700}@media screen and (min-width:768px){.messagebox{font-size:25px;margin:30px auto}}.roundOverlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.65);top:0;left:0;z-index:150}.roundOverlay .content{max-width:760px;padding:120px 20px 0;margin:0 auto}.roundOverlay .overlay-character{width:200px;height:auto;margin:-38px auto 70px;display:block;position:relative;z-index:0}@media screen and (min-width:768px){.roundOverlay .overlay-character{width:380px;margin:-70px auto 100px}}.roundOverlay img{max-width:100%;height:auto}.vs-grid .character-box{max-width:200px;margin:0 auto}@media screen and (min-width:768px){.vs-grid{display:flex;align-items:center}.vs-grid .character-box{max-width:100%;margin:0 auto}}.modal{position:absolute;width:300px;background:#fff;top:40%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);padding:30px;display:none}.modal-overlay.open{z-index:150}
/*# sourceMappingURL=main.0610c0d9.chunk.css.map */