@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;height:100%;color:#fff;background:#1f3756;background:radial-gradient(circle 125vh at top,#1f3756,#141539);background-repeat:no-repeat;transition:color .5s,background-color .5s;line-height:1.6;font-family:Barlow Semi Condensed,sans-serif;font-weight:600;font-style:normal;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none;outline:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.reset-Button::-moz-focus-inner{border:0;padding:0}.reset-Button:focus{outline:none}.reset-Button:focus:not(:focus-visible){outline:none}.reset-Button:focus:not(:-moz-focusring){outline:none}:root{--gray-color: hsl(217, 16%, 45%);--letter-spacing: .15rem}#app{margin:0 auto;padding:0rem;font-weight:600;overflow:hidden;min-height:100vh}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}header[data-v-c7ceec23]{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:700px;padding:20px 1rem;border:.2rem solid hsl(217,16%,45%);border-radius:1rem;margin:5px auto 40px}@media screen and (max-width: 450px){header[data-v-c7ceec23]{margin:0 auto 40px;margin-block-start:2rem}}header img[data-v-c7ceec23]{width:auto;height:94px}.score[data-v-c7ceec23]{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:.5rem;padding:20px 3rem}@media screen and (max-width: 450px){.score[data-v-c7ceec23]{padding:10px 1rem}}.score h3[data-v-c7ceec23]{font-size:15px;margin:0;text-transform:uppercase;color:#2a46c0;letter-spacing:var(--letter-spacing)}.score p[data-v-c7ceec23]{font-size:45px;color:#3b4363;line-height:normal;font-weight:700;margin:0}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:1rem;z-index:1000;display:grid;grid-template-columns:repeat(2,max-content);min-width:25rem;min-height:20rem;row-gap:2.85rem;padding:2rem;align-items:center;justify-content:center}.modal__title{grid-row:1 / 2;grid-column:1 / 2}.modal__title>h2{font-size:2rem;color:#3b4363;text-transform:uppercase}.modal_content{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-row:2 / 3;grid-column:1 / 3}.modal_bg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080}.close{background-color:transparent;border:none;color:var(--gray-color);font-size:1.5rem;cursor:pointer;width:1.5rem;aspect-ratio:1;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%3e%3cpath%20fill='%233B4262'%20fill-rule='evenodd'%20d='M16.97%200l2.122%202.121-7.425%207.425%207.425%207.425-2.121%202.12-7.425-7.424-7.425%207.425L0%2016.97l7.425-7.425L0%202.121%202.121%200l7.425%207.425L16.971%200z'%20opacity='.25'/%3e%3c/svg%3e") no-repeat;grid-row:1 / 2;grid-column:2 / 3;order:unset;justify-self:flex-end}@media screen and (max-width: 450px){.modal{top:0;left:0;transform:translate(0);min-width:unset;min-height:unset;row-gap:unset;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;border-radius:0}.close{order:3}}footer[data-v-38aefb16]{height:75px;width:100%;display:flex;justify-content:end;align-items:flex-start;margin-block-end:1.25rem;margin-top:auto}footer button[data-v-38aefb16]{background-color:transparent;color:#fff;padding:10px 36px;border:2px solid var(--gray-color);border-radius:10px;font-size:14px;text-transform:uppercase;font-weight:600;margin-right:30px;letter-spacing:.15rem;cursor:pointer}@media screen and (max-width: 450px){footer[data-v-38aefb16]{align-items:flex-end;justify-content:center}footer button[data-v-38aefb16]{margin:0}}.fade-enter-active[data-v-38aefb16],.fade-leave-active[data-v-38aefb16]{transition:opacity .5s .8s ease}.fade-enter-from[data-v-38aefb16],.fade-leave-to[data-v-38aefb16]{opacity:0}.crossfade-enter-active[data-v-38aefb16]{transition:opacity .5s ease}.crossfade-enter-from[data-v-38aefb16],.crossfade-leave-to[data-v-38aefb16]{opacity:0}main[data-v-38aefb16]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.game[data-v-38aefb16]{display:flex;align-items:center;justify-content:center}.options[data-v-38aefb16]{display:flex;align-items:center;justify-content:center;min-height:auto;max-width:61rem;width:85%;min-height:25rem}.options[data-v-38aefb16]{opacity:0;pointer-events:none;transition:opacity .4s ease}.options.visible[data-v-38aefb16]{opacity:1;pointer-events:auto}.wrapper[data-v-38aefb16]{position:relative;display:flex;align-items:center;justify-content:center}.buttons .option[data-v-38aefb16]{cursor:pointer}.option[data-v-38aefb16]{border-radius:50%;aspect-ratio:1;background:no-repeat center / 45% #fff;background-position:50% 58%;width:200px}@media screen and (max-width: 450px){.options[data-v-38aefb16]{transform:translateY(70px);align-items:flex-start;min-height:unset;height:100%}.option[data-v-38aefb16]{width:140px}}.options img[data-v-38aefb16]{width:100%;height:100%;object-fit:cover;position:relative}@media screen and (max-width: 450px){.options img[data-v-38aefb16]{width:75%}}.option__empty[data-v-38aefb16]{background:#0000001a!important}@media screen and (max-width: 450px){.option__empty[data-v-38aefb16]{width:50%}.slide-wrapper[data-v-38aefb16]{display:flex!important;align-items:center;justify-content:center;gap:1rem;flex-direction:column-reverse}}.paper-bg[data-v-38aefb16]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='49'%20height='59'%3e%3cpath%20fill='%233B4262'%20d='M47.125%2011.832a2.922%202.922%200%2000-1.232-.198c-.57.04-1.029.271-1.302.65-1.604%202.248-2.919%206.493-3.979%209.905-.486%201.577-1.14%203.688-1.612%204.69-.493-2.807.064-13.09.28-17.05l.003-.064c.15-2.751.17-3.234.138-3.446-.238-1.509-.843-2.5-1.799-2.943-.966-.45-2.22-.25-3.572.563-.677.41-.865%201.816-1.446%208.19l-.002.028c-.32%203.502-1.058%2011.566-1.965%2012.91-1.023-1.88-2.431-12.555-3.039-17.176-.425-3.236-.673-5.094-.84-5.655-.35-1.176-1.83-2.176-3.295-2.232-1.22-.06-2.22.56-2.698%201.638-.894.995-.578%204.292.41%2012.102.47%203.718%201.44%2011.395.83%2012.257-1.219-.133-3.31-4.942-6.215-14.299-.816-2.62-1.068-3.408-1.318-3.753-.494-1.202-2.172-2.129-3.676-2.024a3.183%203.183%200%2000-.377.049c-.787.156-2.584.881-2.2%204.226%201.06%204.637%202.213%208.041%203.331%2011.346l.023.066c.669%201.98%201.302%203.85%201.89%205.925%201.385%204.9.846%207.94.84%207.975-.046.312-.143.503-.288.57a.556.556%200%2001-.195.045c-.44.03-1.098-.26-1.437-.45-.776-1.482-4.636-8.544-8.134-9.524l-.126-.037-.127.012c-1.283.121-2.226.606-2.803%201.441-.914%201.32-.535%203.002-.444%203.34l.052.12c.028.051%202.834%205.165%203.268%207.544.374%202.04%202.311%204.25%203.869%206.026l.064.073c.508.58.946%201.083%201.292%201.548%204.519%204.713%2011.665%208.677%2011.723%208.71.892.657%201.387%201.293%201.44%201.84a.798.798%200%2001-.16.58l-.155.162.988.96%2018.853-1.324.804-3.684c2.486-10.402%201.967-19.272%201.958-19.33.01-.327.706-3.483%201.266-6.033l.017-.065c1.117-5.08%202.505-11.4%202.772-13.803.116-1.028-.542-1.972-1.675-2.401z'/%3e%3c/svg%3e");border:23px solid hsl(230,89%,62%);box-shadow:0 .5em #2a43c0,inset 0 .5em #cad5d6}.paper-position[data-v-38aefb16]{position:absolute;top:0;left:0;transform:translateY(-50%) translate(-50%)}.scissors-bg[data-v-38aefb16]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='51'%20height='58'%3e%3cpath%20fill='%233B4262'%20d='M13.971%2025.702l6.012-8.415c-2.499-.415-7.088-.507-10.846%203.235C3.212%2026.421.812%2039.163.312%2042.248L15.37%2057.24c2.711-.232%2014.713-1.827%2026.279-13.34.122-.249%202.94-2.321.636-4.614-1.1-1.095-2.919-1.074-4.042.044-.572.57-1.461.577-2.021.02-.56-.557-.552-1.443.02-2.012l4.087-4.069c2.076-2.067.119-5.555-2.78-4.717l-3.345%202.851c-.611.53-1.52.439-2.022-.14-.519-.597-.408-1.503.183-2.013%2011.687-10.208%209.98-8.979%2017.5-15.995%202.809-2.329-.725-6.447-3.493-4.09L28.182%2025.45c-.529.448-1.34.457-1.86-.02-.601-.517-.615-1.262-.222-1.85L38.787%203.944c1.854-2.5-1.795-5.277-3.749-2.757L16.28%2027.307c-.452.65-1.364.8-1.985.345a1.377%201.377%200%2001-.323-1.95z'/%3e%3c/svg%3e");border:23px solid hsl(39,89%,49%);box-shadow:0 .5em #c76d2f,inset 0 .5em #cad5d6}.scissors-position[data-v-38aefb16]{position:absolute;top:0;right:0;transform:translateY(-50%) translate(50%)}.rock-position[data-v-38aefb16]{position:absolute;bottom:0;left:0;transform:translateY(50%) translate(15%)}.rock-bg[data-v-38aefb16]{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%3e%3cpath%20fill='%233B4262'%20d='M45.06%2012.22c-.642-8.096-9.734-7.269-9.734-7.269-3.837-6.765-9.832-1.865-9.832-1.865-4.606-6.63-10.38-.486-10.38-.486-9.957-1.074-9.571%207.066-9.571%207.066-.234%202.588%201.403%2010.593%201.403%2010.593-1.477-4.614-4.68-.784-4.68-.784-3.94%206.078-.975%209.405-.975%209.405%205.33%206.246%2016.688%2013.743%2016.688%2013.743%204.113%202.356%202.373%204.457%202.373%204.457l24.876-4.11.571-4.718c3.782-11.436-.739-26.032-.739-26.032z'/%3e%3c/svg%3e");border:23px solid hsl(349,71%,52%);box-shadow:0 .5em #9d2332,inset 0 .5em #cad5d6}@media screen and (max-width: 450px){.rock-position[data-v-38aefb16]{transform:translateY(50%) translate(45%)}.scissors-position[data-v-38aefb16]{transform:translateY(-50%) translate(20%)}.paper-position[data-v-38aefb16]{transform:translateY(-50%) translate(-20%)}}.picks[data-v-38aefb16]{display:flex;align-items:center;justify-content:space-between;gap:5rem;width:100%}@media screen and (max-width: 450px){.picks[data-v-38aefb16]{display:grid;align-items:baseline;justify-content:space-between;grid-template-columns:1fr 1fr;row-gap:0rem;column-gap:.3rem;width:100%}.pick.player[data-v-38aefb16]{order:1}.pick.computer[data-v-38aefb16]{order:2}.pick.result[data-v-38aefb16]{order:3;grid-column:1 / -1;margin-top:-30px}.pick h2[data-v-38aefb16]{font-size:.6rem!important}}.pick[data-v-38aefb16]{display:flex;flex-direction:column;align-items:center;justify-content:center}.pick.player[data-v-38aefb16],.pick.computer[data-v-38aefb16]{z-index:-1}.pick h2[data-v-38aefb16]{font-size:2rem;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:var(--letter-spacing);margin-bottom:70px;text-align:center}.pick p[data-v-38aefb16]{font-size:40px;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:var(--letter-spacing);margin-bottom:20px}.pick .option[data-v-38aefb16]{width:290px;height:290px}.shadow-circles[data-v-38aefb16]{position:relative;z-index:-2;border-radius:50%;aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center}@keyframes circle-stagger-38aefb16{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.circle[data-v-38aefb16]{position:absolute;border-radius:50%;aspect-ratio:1;opacity:0;animation:circle-stagger-38aefb16 .5s forwards}.circle__one[data-v-38aefb16]{background-color:#ffffff03;width:325%;animation-delay:1.1s}.circle__two[data-v-38aefb16]{background-color:#ffffff05;width:250%;animation-delay:.9s}.circle__three[data-v-38aefb16]{background-color:#ffffff08;width:190%;animation-delay:.7s}@media screen and (max-width: 450px){.pick .option[data-v-38aefb16]{width:140px;height:auto}}.pick button[data-v-38aefb16]{background-color:#fff;color:#000;padding:1rem;border-radius:10px;font-size:1.5rem;text-transform:uppercase;font-weight:600}.play[data-v-38aefb16]{font-size:18px!important;padding:20px 60px!important;color:var(--gray-color)!important;cursor:pointer;letter-spacing:var(--letter-spacing);font-weight:700!important}.slide-wrapper[data-v-38aefb16]{display:inline-block}.slide-left[data-v-38aefb16]{animation:slide-left-38aefb16 .8s ease forwards}.slide-right[data-v-38aefb16]{animation:slide-right-38aefb16 .8s ease forwards}@media screen and (max-width: 450px){.slide-left[data-v-38aefb16]{animation:m-slide-left-38aefb16 .8s ease forwards}.slide-right[data-v-38aefb16]{animation:m-slide-right-38aefb16 .8s ease forwards}}@keyframes slide-left-38aefb16{0%{transform:translate(100px)}to{transform:translate(-50px)}}@keyframes slide-right-38aefb16{0%{transform:translate(-100px)}to{transform:translate(50px)}}@keyframes m-slide-left-38aefb16{0%{transform:translate(0)}to{transform:translate(-20px)}}@keyframes m-slide-right-38aefb16{0%{transform:translate(0)}to{transform:translate(20px)}}