:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--scissors-gradient: hsl(39, 89%, 49%), hsl(40, 84%, 53%);--scissors-color: hsl(39, 89%, 49%);--scissors-color-opacity: hsla(39, 89%, 49%, .7);--paper-gradient: hsl(230, 89%, 62%), hsl(230, 89%, 65%);--paper-color: hsl(230, 89%, 62%);--paper-color-opacity: hsla(230, 89%, 62%, .7);--rock-gradient: hsl(349, 71%, 52%), hsl(349, 70%, 56%);--rock-color: hsl(349, 71%, 52%);--rock-color-opacity: hsla(349, 71%, 52%, .7);--lizard-gradient: hsl(261, 73%, 60%), hsl(261, 72%, 63%);--lizard-color: hsl(261, 73%, 60%);--lizard-color-opacity: hsla(261, 73%, 60%, .7);--spock-gradient: hsl(189, 59%, 53%), hsl(189, 58%, 57%);--spock-color: hsl(189, 59%, 53%);--spock-color-opacity: hsla(189, 59%, 53%, .7);--dark-text: hsl(229, 25%, 31%);--score-text: hsl(229, 64%, 46%);--header-outline: hsl(217, 16%, 45%);--radial-gradient: hsl(214, 47%, 23%), hsl(237, 49%, 15%);--border-radius: 10px}:root{--color-background: var(--radial-gradient);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--radial-gradient);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*{transition:all .2s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background-image:linear-gradient(var(--color-background))!important;transition:color .5s,background-color .5s;line-height:1.6;font-family:Barlow Semi Condensed,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;font-family:Barlow Semi Condensed,sans-serif;margin:0 auto;padding-top:2rem;font-weight:700;display:flex;flex-direction:column;justify-content:start;align-items:center;height:100%;width:100%;gap:5rem}body{color:#fff;display:flex;justify-content:space-around;align-items:center;height:100vh;margin:0}@media (min-width: 1024px){body{display:flex;place-items:center}}.buttons[data-v-55ba9abe]{display:flex;justify-content:space-between;gap:1rem;position:relative;min-width:22svw;max-width:25svw;width:auto;margin:0 auto;aspect-ratio:1 / 1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='329'%20height='313'%3e%3cpath%20fill='none'%20stroke='%23000'%20stroke-width='15'%20d='M164.5%209.27L9.26%20122.06l59.296%20182.495h191.888L319.74%20122.06%20164.5%209.271z'%20opacity='.2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:90%;background-position:center}.btn[data-v-55ba9abe]{position:absolute;min-width:2svw;max-width:30%;width:100%;display:grid;place-items:center;aspect-ratio:1 / 1;border:none;z-index:9;border:double 10px transparent;border-radius:50%;background-origin:border-box;background-clip:content-box,border-box;padding-inline:0}.btn>img[data-v-55ba9abe]{max-width:50%}.btn.btn-scissors[data-v-55ba9abe]{top:0;left:50%;transform:translate(-50%) scale(1);background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,var(--scissors-gradient));box-shadow:inset 0 6px #0003,0 6px var(--scissors-color-opacity)}.btn.btn-spock[data-v-55ba9abe]{top:28%;left:0%;background-image:linear-gradient(#fff,#fff),radial-gradient(var(--spock-gradient));box-shadow:inset 0 6px #0003,0 6px var(--spock-color-opacity)}.btn.btn-paper[data-v-55ba9abe]{top:28%;right:0%;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,var(--paper-gradient));box-shadow:inset 0 6px #0003,0 6px var(--paper-color-opacity)}.btn.btn-lizard[data-v-55ba9abe]{bottom:0;left:10%;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,var(--lizard-gradient));box-shadow:inset 0 6px #0003,0 6px var(--lizard-color-opacity)}.btn.btn-rock[data-v-55ba9abe]{bottom:0;right:10%;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,var(--rock-gradient));box-shadow:inset 0 6px #0003,0 6px var(--rock-color-opacity)}.btn[data-v-55ba9abe]:hover{transform:scale(1.07);cursor:pointer}.btn:hover>img[data-v-55ba9abe]{transform:scale(1.1) rotate(10deg);cursor:pointer}.btn.btn-scissors[data-v-55ba9abe]:hover{transform:translate(-50%) scale(1.07)}.btn.picked[data-v-55ba9abe]:hover,.btn.btn-scissors.picked[data-v-55ba9abe]{transform:translate(0) scale(1)!important}.results[data-v-55ba9abe]{display:grid;grid-template-columns:1fr .5fr 1fr;gap:1rem;align-items:center;justify-content:center;position:relative;max-width:70%;width:auto;height:auto;margin:0 auto}.yourPick[data-v-55ba9abe]{grid-column:1;display:grid;place-items:center;width:100%;height:100%}.resultString[data-v-55ba9abe]{grid-column:2;display:grid;place-items:center;width:100%;height:100%}.computerPick[data-v-55ba9abe]{grid-column:3;display:grid;place-items:center;width:100%;height:100%}.yourPick p[data-v-55ba9abe],.computerPick p[data-v-55ba9abe]{font-size:clamp(1rem,2vw,1.5rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff}.results .yourPick:has(button.picked) button[data-v-55ba9abe]{position:relative;z-index:1;left:0;top:10%}.results .computerPick:has(button.picked) button[data-v-55ba9abe]{position:relative;z-index:1;left:0;top:10%}.results .resultString:has(h3) h3[data-v-55ba9abe]{font-size:clamp(3rem,3vw,2rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#fff}.winner[data-v-55ba9abe]:before{content:"";position:absolute;z-index:9999;width:100%;height:100%;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);animation:box-shadow-expand-55ba9abe 2s ease-in-out infinite;box-shadow:0 0 0 20px #ffffff17,0 0 0 40px #ffffff0f,0 0 0 60px #ffffff08}@keyframes box-shadow-expand-55ba9abe{0%{box-shadow:0 0 0 20px #ffffff17,0 0 0 40px #ffffff0f,0 0 0 60px #ffffff08}50%{box-shadow:0 0 0 30px #ffffff17,0 0 0 50px #ffffff0f,0 0 0 70px #ffffff08}to{box-shadow:0 0 0 20px #ffffff17,0 0 0 40px #ffffff0f,0 0 0 60px #ffffff08}}.btn.btn-rock[data-v-55ba9abe]{animation:glow 1s infinite}.resetButtons[data-v-55ba9abe]{display:grid;place-items:center}.resetButtons button[data-v-55ba9abe]{padding:1em 3em;font-size:clamp(1rem,1.5vw,1.2rem);font-family:inherit;font-weight:700;letter-spacing:3px;text-transform:uppercase;background-color:#fff;color:#1f3756;border:none;border-radius:10px;cursor:pointer}.resetButtons button[data-v-55ba9abe]:hover{background-color:#1f3756;color:#fff}.line1[data-v-55ba9abe],.line2[data-v-55ba9abe],.line3[data-v-55ba9abe],.line4[data-v-55ba9abe],.line5[data-v-55ba9abe]{position:absolute;stroke:#0006}.line1[data-v-55ba9abe]{top:50%;left:50%;transform:translate(-62%,-87%) rotate(-19deg);z-index:1}.line2[data-v-55ba9abe]{top:50%;left:50%;transform:translate(-24%,-69%) rotate(57deg);z-index:1}.line3[data-v-55ba9abe]{top:50%;left:50%;transform:translate(-27%,5%) rotate(128deg);z-index:1}.line4[data-v-55ba9abe]{top:50%;left:50%;transform:translate(-40%,60%) rotate(18deg);z-index:1}.line5[data-v-55ba9abe]{top:50%;left:50%;transform:translate(-90%,10%) rotate(88deg);z-index:1}.loading[data-v-55ba9abe]{width:200px;height:100px;margin:0 auto}.ball[data-v-55ba9abe]{width:10px;height:10px;margin:10px auto;border-radius:50px}.ball[data-v-55ba9abe]:nth-child(1){background:#fff;-webkit-animation:right-55ba9abe 1s infinite ease-in-out;-moz-animation:right-55ba9abe 1s infinite ease-in-out;animation:right-55ba9abe 1s infinite ease-in-out}.ball[data-v-55ba9abe]:nth-child(2){background:#fff;-webkit-animation:left-55ba9abe 1.1s infinite ease-in-out;-moz-animation:left-55ba9abe 1.1s infinite ease-in-out;animation:left-55ba9abe 1.1s infinite ease-in-out}.ball[data-v-55ba9abe]:nth-child(3){background:#fff;-webkit-animation:right-55ba9abe 1.05s infinite ease-in-out;-moz-animation:right-55ba9abe 1.05s infinite ease-in-out;animation:right-55ba9abe 1.05s infinite ease-in-out}.ball[data-v-55ba9abe]:nth-child(4){background:#fff;-webkit-animation:left-55ba9abe 1.15s infinite ease-in-out;-moz-animation:left-55ba9abe 1.15s infinite ease-in-out;animation:left-55ba9abe 1.15s infinite ease-in-out}.ball[data-v-55ba9abe]:nth-child(5){background:#fff;-webkit-animation:right-55ba9abe 1.1s infinite ease-in-out;-moz-animation:right-55ba9abe 1.1s infinite ease-in-out;animation:right-55ba9abe 1.1s infinite ease-in-out}.ball[data-v-55ba9abe]:nth-child(6){background:#fff;-webkit-animation:left-55ba9abe 1.05s infinite ease-in-out;-moz-animation:left-55ba9abe 1.05s infinite ease-in-out;animation:left-55ba9abe 1.05s infinite ease-in-out}.ball[data-v-55ba9abe]:nth-child(7){background:#fff;-webkit-animation:right-55ba9abe 1s infinite ease-in-out;-moz-animation:right-55ba9abe 1s infinite ease-in-out;animation:right-55ba9abe 1s infinite ease-in-out}@-webkit-keyframes right-55ba9abe{0%{-webkit-transform:translate(-15px)}50%{-webkit-transform:translate(15px)}to{-webkit-transform:translate(-15px)}}@-webkit-keyframes left-55ba9abe{0%{-webkit-transform:translate(15px)}50%{-webkit-transform:translate(-15px)}to{-webkit-transform:translate(15px)}}@-moz-keyframes right-55ba9abe{0%{-moz-transform:translate(-15px)}50%{-moz-transform:translate(15px)}to{-moz-transform:translate(-15px)}}@-moz-keyframes left-55ba9abe{0%{-moz-transform:translate(15px)}50%{-moz-transform:translate(-15px)}to{-moz-transform:translate(15px)}}@keyframes right-55ba9abe{0%{transform:translate(-15px)}50%{transform:translate(15px)}to{transform:translate(-15px)}}@keyframes left-55ba9abe{0%{transform:translate(15px)}50%{transform:translate(-15px)}to{transform:translate(15px)}}@media (max-width: 1024px){.buttons[data-v-55ba9abe]{max-width:90%;width:auto}.results[data-v-55ba9abe]{grid-template-columns:1fr 1fr;grid-template-rows:1fr .6fr;max-width:90%;gap:1rem}.yourPick[data-v-55ba9abe],.computerPick[data-v-55ba9abe]{width:50%;display:flex;flex-direction:column-reverse;gap:2rem}.yourPick[data-v-55ba9abe]{grid-row:1;width:100%}.computerPick[data-v-55ba9abe]{grid-column:2;grid-row:1;width:100%}.resultString[data-v-55ba9abe]{grid-column:1 / span 2;font-size:clamp(3rem,4vw,3rem)}.yourPick p[data-v-55ba9abe],.computerPick p[data-v-55ba9abe]{font-size:clamp(.6rem,1vw,1rem);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff}}@media (max-width: 1024px){.buttons[data-v-55ba9abe]{max-width:50%;width:auto}}@media (max-width: 768px){.yourPick button[data-v-55ba9abe],.computerPick button[data-v-55ba9abe]{max-width:40%!important}}@media (max-width: 425px){.yourPick button[data-v-55ba9abe],.computerPick button[data-v-55ba9abe]{max-width:60%!important}}footer[data-v-e1792ddb]{width:90%;display:flex;justify-content:space-between;align-items:end;padding-inline:2rem;font-size:clamp(.2rem,.3vw,.6rem);font-weight:700!important;text-transform:uppercase;letter-spacing:2px;color:var(--header-outline);position:absolute;bottom:2%;left:0}a[data-v-e1792ddb]{color:var(--header-outline);text-decoration:wavy underline 1px;text-underline-offset:3px}.modal[data-v-e1792ddb]{width:100svw;height:100svh;background-color:#000000e6;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:100}button[data-v-e1792ddb],button>img[data-v-e1792ddb]{cursor:pointer}button[data-v-e1792ddb]{background-color:transparent;color:#fff;padding:.6rem 2rem;border:1px solid var(--header-outline);border-radius:5px;text-transform:uppercase;font-family:inherit;letter-spacing:2px}button[data-v-e1792ddb]:hover{background-color:var(--header-outline);color:#fff}.modal button[data-v-e1792ddb]{background-color:#fff;border:none;position:absolute;top:40%;right:30%;display:grid;place-items:center;padding:.5rem;border-radius:50%}@media (max-width: 768px){footer[data-v-e1792ddb]{font-size:clamp(.1rem,.1vw,.2rem);width:100%;flex-direction:column-reverse;align-items:center;gap:1rem;text-align:center;line-height:20px;letter-spacing:1px}}main[data-v-ed8d47ee]{width:100%}.headeboard[data-v-ed8d47ee]{border:5px solid var(--header-outline);border-radius:calc(var(--border-radius) + 10px);padding:1.5rem;min-width:52svw;color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}h1[data-v-ed8d47ee]{font-size:clamp(1rem,2.3vw,2.5rem);line-height:32px;font-weight:700;text-align:left}h1[data-v-ed8d47ee]>*{display:inline-block;width:100%;font-weight:inherit}.score[data-v-ed8d47ee]{--min-width: 80px;background-color:#fff;box-shadow:0 0 10px 2px var(--header-outline);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(1rem,1vw,1rem);font-weight:700;min-width:var(--min-width);padding:1rem;padding-inline:calc(var(--min-width) - 2rem);aspect-ratio:2 / 1;border-radius:var(--border-radius);letter-spacing:3px}.score>p[data-v-ed8d47ee]{color:var(--score-text);font-weight:600}.score>p[data-v-ed8d47ee]:nth-of-type(2){font-size:clamp(2rem,3vw,5rem);font-weight:inherit;color:var(--dark-text);line-height:1.1}@media (max-width: 768px){.score[data-v-ed8d47ee]{--min-width: 50px;letter-spacing:1px}.headeboard[data-v-ed8d47ee]{gap:2rem}header[data-v-ed8d47ee]{width:90%}h1[data-v-ed8d47ee]{display:flex;flex-direction:column;align-items:center;line-height:15px}}