:root{--scissors-color: hsl(39, 89%, 49%);--paper-color: hsl(230, 89%, 62%);--rock-color: hsl(349, 71%, 52%);--lizard-color: hsl(261, 73%, 60%);--spock-color: hsl(189, 59%, 53%);--dark-text: hsl(229, 25%, 31%);--score-text: hsl(229, 64%, 46%);--outline-color: hsl(217, 16%, 45%);--background-gradient: radial-gradient(ellipse at top, hsl(214, 47%, 23%), hsl(237, 49%, 15%));--rules-bg-color: hsl(0, 0%, 1%)}*{margin:0;padding:0}html{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.barlow-semi-condensed-semibold{font-family:Barlow Semi Condensed,sans-serif;font-weight:600;font-style:normal}.barlow-semi-condensed-bold{font-family:Barlow Semi Condensed,sans-serif;font-weight:700;font-style:normal}body{background:var(--background-gradient);background-attachment:fixed;background-size:100% 100%}main{margin-bottom:20px}.header-board{width:80%;height:90px;border:3px solid var(--outline-color);border-radius:12px;margin:40px auto 0;display:flex;flex-direction:row;justify-content:space-between}.header-logo{height:50px;margin:auto 20px}.rpsls-logo{display:none}.header-score{height:70px;width:80px;margin:auto 10px;background-color:#fff;border-radius:12px;text-align:center}.header-score-text{text-transform:uppercase;font-size:.8rem;color:var(--score-text);padding-top:6px}.header-score-number{font-size:2.4rem;color:var(--dark-text)}.rps-game-board{display:block}.rpsls-game-board{display:none}.rps-rules,.rpsls-rules{display:none;background-color:#fff;position:absolute;width:100%;height:100%;margin:0;z-index:1;top:0;text-align:center}.game-board{width:90%;height:525px;margin:40px auto}.rps-buttons,.rpsls-buttons{height:325px;width:350px;position:relative;text-align:center;margin:80px auto}.rpsls-buttons-fix{height:320px}.game-board-image-tri{padding-top:50px}.game-board-image-pen{width:275px;padding-top:25px}.rock-btn{height:140px;width:140px;border-radius:50%;border:20px solid var(--rock-color);position:absolute;bottom:0;left:50%;transform:translate(-50%);cursor:pointer;transition:.3s}.rock-btn:hover,.rock-btn:active{height:150px;width:150px}.paper-btn{height:140px;width:140px;border-radius:50%;border:20px solid var(--paper-color);position:absolute;top:0;left:0;cursor:pointer;transition:.3s}.paper-btn:hover,.paper-btn:active{height:150px;width:150px}.scissors-btn{height:140px;width:140px;border-radius:50%;border:20px solid var(--scissors-color);position:absolute;top:0;right:0;cursor:pointer;transition:.3s}.scissors-btn:hover,.scissors-btn:active{height:150px;width:150px}.rock-btn-ls{height:130px;width:130px;border-radius:50%;border:20px solid var(--rock-color);position:absolute;bottom:-20px;right:15px;cursor:pointer;transition:.3s}.rock-btn-ls:hover,.rock-btn-ls:active{height:140px;width:140px}.paper-btn-ls{height:130px;width:130px;border-radius:50%;border:20px solid var(--paper-color);position:absolute;top:50px;right:-15px;cursor:pointer;transition:.3s}.paper-btn-ls:hover,.paper-btn-ls:active{height:140px;width:140px}.scissors-btn-ls{height:130px;width:130px;border-radius:50%;border:20px solid var(--scissors-color);position:absolute;top:-50px;left:50%;transform:translate(-50%);cursor:pointer;transition:.3s}.scissors-btn-ls:hover,.scissors-btn-ls:active{height:140px;width:140px}.lizard-btn-ls{height:130px;width:130px;border-radius:50%;border:20px solid var(--lizard-color);position:absolute;bottom:-20px;left:15px;cursor:pointer;transition:.3s}.lizard-btn-ls:hover,.lizard-btn-ls:active{height:140px;width:140px}.spock-btn-ls{height:130px;width:130px;border-radius:50%;border:20px solid var(--spock-color);position:absolute;top:50px;left:-15px;cursor:pointer;transition:.3s}.spock-btn-ls:hover,.spock-btn-ls:active{height:140px;width:140px}.rules-btn{height:40px;width:100px;position:absolute;bottom:-175px;left:50%;transform:translate(-50%);cursor:pointer;transition:.3s;background-color:transparent;border-radius:12px;border:2px solid var(--outline-color);color:#fff;text-transform:uppercase}.rules-btn:hover,.rules-btn:active{background-color:#fff;color:var(--dark-text)}.game-type-btn{height:40px;width:100px;position:absolute;bottom:-225px;left:50%;transform:translate(-50%);cursor:pointer;transition:.3s;background-color:transparent;border-radius:12px;border:2px solid var(--outline-color);color:#fff;text-transform:uppercase}.game-type-btn:hover,.game-type-btn:active{background-color:#fff;color:var(--dark-text)}.rules-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 25px;margin-top:25px;margin-bottom:150px}.rules-exit-btn{height:30px;width:30px;background:none;border:none;cursor:pointer}.rules-text{text-transform:uppercase;color:var(--dark-text);font-size:2rem}.rules-image{width:90%}.rps-results,.rpsls-results{width:100%;display:flex;flex-direction:row;position:absolute;top:0;transform:translate(-500px,20%);justify-content:space-around}.player-choice,.ai-choice{width:100px;height:100px;border-radius:50%;background-color:var(--dark-text)}.results-text{margin-top:20px;text-transform:uppercase;color:#fff}.rps-results-text-container,.rpsls-results-text-container{opacity:0;pointer-events:none}.rps-results-text,.rpsls-results-text{margin-bottom:10px;font-size:3rem;text-transform:uppercase;color:#fff}.play-again-btn{height:40px;width:100px;cursor:pointer;transition:.3s;background-color:transparent;border-radius:12px;border:2px solid var(--outline-color);color:#fff;text-transform:uppercase}.play-again-btn:hover,.play-again-btn:active{background-color:#fff;color:var(--dark-text)}.attribution{font-size:.7rem;text-align:center;color:#fff;padding:25px 0}.attribution a{color:#3e52a3}@keyframes enlargeRules{0%{scale:0;display:none}to{scale:1;display:block}}@keyframes reduceRules{0%{scale:1;display:block}to{scale:0;display:none}}@keyframes boardToLeftButtons{0%{transform:translate(0)}to{transform:translate(-500px)}}@keyframes boardToLeftResults{0%{transform:translateY(20%)}to{transform:translate(-500px,20%)}}@keyframes boardToMiddleFromLeftButtons{0%{transform:translate(-500px)}to{transform:translate(0)}}@keyframes boardToMiddleFromLeftResults{0%{transform:translate(-500px,20%)}to{transform:translateY(20%)}}@keyframes resetCoin{to{background-color:var(--dark-text);border:0px solid var(--rock-color);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");background-repeat:no-repeat;background-position:center}}@keyframes revealChoiceRock{0%{background-color:var(--dark-text);border:0px solid var(--rock-color);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");background-repeat:no-repeat;background-position:center}to{background-color:#fff;border:20px solid var(--rock-color);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");background-repeat:no-repeat;background-position:center}}@keyframes revealChoicePaper{0%{background-color:var(--dark-text);border:0px solid var(--paper-color);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");background-repeat:no-repeat;background-position:center}to{background-color:#fff;border:20px solid var(--paper-color);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");background-repeat:no-repeat;background-position:center}}@keyframes revealChoiceScissors{0%{background-color:var(--dark-text);border:0px solid var(--scissors-color);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");background-repeat:no-repeat;background-position:center}to{background-color:#fff;border:20px solid var(--scissors-color);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");background-repeat:no-repeat;background-position:center}}@keyframes revealChoiceLizard{0%{background-color:var(--dark-text);border:0px solid var(--lizard-color);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='63'%20height='60'%3e%3cpath%20fill='%233B4262'%20d='M49.483%202.096c3.229-2%206.324-2.433%208.714-1.219%205.359%202.72%204.583%2012.845%202.39%2017.232-1.238%202.477-3.432%204.287-6.527%205.387-1.2%203.799-2.884%207.064-5.034%209.764a7.904%207.904%200%20005.079%201.837h.09l3.02-2.982c.761-.75%201.994-.751%202.754%200%20.76.75.76%201.968%200%202.718l-.267.264h.608c1.075%200%201.947.861%201.947%201.923%200%201.061-.872%201.922-1.947%201.922h-.608l.267.264c.76.75.76%201.968%200%202.719-.38.375-.878.563-1.376.563-.499%200-.997-.188-1.377-.563l-3.022-2.983h-.09a11.823%2011.823%200%2001-7.724-2.857c-.415.377-.843.738-1.284%201.083-3.732%202.92-8.294%204.617-13.627%205.082a12.08%2012.08%200%2001.343%206.352l-.02.09%202.325%203.66a1.998%201.998%200%2001-.589%202.741%201.936%201.936%200%2001-1.057.316%201.953%201.953%200%2001-1.651-.912l-.206-.324-.13.605a1.966%201.966%200%2001-1.913%201.562%201.95%201.95%200%2001-.419-.046%201.984%201.984%200%2001-1.498-2.36l.13-.605-.32.209a1.946%201.946%200%2001-2.709-.597%201.998%201.998%200%2001.59-2.74l3.617-2.353.02-.09a8.073%208.073%200%2000-.713-5.394%2044.773%2044.773%200%2001-4.797-.4c-4.684-.634-7.341%201.433-8.044%202.081-5.518%205.093-6.586%2014.092-6.596%2014.183a1.977%201.977%200%2001-1.96%201.757%201.97%201.97%200%2001-1.63-.867c-.087-.13-2.164-3.234-3.075-7.615-1.237-5.95.238-11.407%204.266-15.783a20.702%2020.702%200%20018.738-5.615l-.407.106a7.99%207.99%200%2000-3.375-.747h-.09l-3.032%202.983a1.965%201.965%200%2001-1.382.563c-.5%200-1-.188-1.382-.563a1.9%201.9%200%20010-2.719l.268-.264h-.61c-1.08%200-1.954-.86-1.954-1.922%200-1.062.875-1.922%201.954-1.922h.61l-.268-.264a1.9%201.9%200%20010-2.72c.763-.75%202-.75%202.764%200l3.032%202.983h.09a11.87%2011.87%200%20018.661%203.726l-.217-.223a22.914%2022.914%200%20015.352.095c4.946.67%208.99-.018%2012.113-2.052a12.215%2012.215%200%2001-2.71-7.7v-.092L30.6%2016.287a2.034%202.034%200%20010-2.812%201.885%201.885%200%20012.725%200l.265.273v-.621c0-1.099.862-1.989%201.926-1.989s1.927.89%201.927%201.989v.62l.265-.272a1.885%201.885%200%20012.725%200c1.146%201.183.32%202.483%200%202.812l-2.99%203.086v.091c0%201.878.635%203.673%201.771%205.098%201.412-1.686%202.522-3.808%203.325-6.36-.587-1.625-1.5-5.473.828-9.837%201.22-2.285%203.564-4.687%206.117-6.269z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}to{background-color:#fff;border:20px solid var(--lizard-color);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='63'%20height='60'%3e%3cpath%20fill='%233B4262'%20d='M49.483%202.096c3.229-2%206.324-2.433%208.714-1.219%205.359%202.72%204.583%2012.845%202.39%2017.232-1.238%202.477-3.432%204.287-6.527%205.387-1.2%203.799-2.884%207.064-5.034%209.764a7.904%207.904%200%20005.079%201.837h.09l3.02-2.982c.761-.75%201.994-.751%202.754%200%20.76.75.76%201.968%200%202.718l-.267.264h.608c1.075%200%201.947.861%201.947%201.923%200%201.061-.872%201.922-1.947%201.922h-.608l.267.264c.76.75.76%201.968%200%202.719-.38.375-.878.563-1.376.563-.499%200-.997-.188-1.377-.563l-3.022-2.983h-.09a11.823%2011.823%200%2001-7.724-2.857c-.415.377-.843.738-1.284%201.083-3.732%202.92-8.294%204.617-13.627%205.082a12.08%2012.08%200%2001.343%206.352l-.02.09%202.325%203.66a1.998%201.998%200%2001-.589%202.741%201.936%201.936%200%2001-1.057.316%201.953%201.953%200%2001-1.651-.912l-.206-.324-.13.605a1.966%201.966%200%2001-1.913%201.562%201.95%201.95%200%2001-.419-.046%201.984%201.984%200%2001-1.498-2.36l.13-.605-.32.209a1.946%201.946%200%2001-2.709-.597%201.998%201.998%200%2001.59-2.74l3.617-2.353.02-.09a8.073%208.073%200%2000-.713-5.394%2044.773%2044.773%200%2001-4.797-.4c-4.684-.634-7.341%201.433-8.044%202.081-5.518%205.093-6.586%2014.092-6.596%2014.183a1.977%201.977%200%2001-1.96%201.757%201.97%201.97%200%2001-1.63-.867c-.087-.13-2.164-3.234-3.075-7.615-1.237-5.95.238-11.407%204.266-15.783a20.702%2020.702%200%20018.738-5.615l-.407.106a7.99%207.99%200%2000-3.375-.747h-.09l-3.032%202.983a1.965%201.965%200%2001-1.382.563c-.5%200-1-.188-1.382-.563a1.9%201.9%200%20010-2.719l.268-.264h-.61c-1.08%200-1.954-.86-1.954-1.922%200-1.062.875-1.922%201.954-1.922h.61l-.268-.264a1.9%201.9%200%20010-2.72c.763-.75%202-.75%202.764%200l3.032%202.983h.09a11.87%2011.87%200%20018.661%203.726l-.217-.223a22.914%2022.914%200%20015.352.095c4.946.67%208.99-.018%2012.113-2.052a12.215%2012.215%200%2001-2.71-7.7v-.092L30.6%2016.287a2.034%202.034%200%20010-2.812%201.885%201.885%200%20012.725%200l.265.273v-.621c0-1.099.862-1.989%201.926-1.989s1.927.89%201.927%201.989v.62l.265-.272a1.885%201.885%200%20012.725%200c1.146%201.183.32%202.483%200%202.812l-2.99%203.086v.091c0%201.878.635%203.673%201.771%205.098%201.412-1.686%202.522-3.808%203.325-6.36-.587-1.625-1.5-5.473.828-9.837%201.22-2.285%203.564-4.687%206.117-6.269z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}}@keyframes revealChoiceSpock{0%{background-color:var(--dark-text);border:0px solid var(--spock-color);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='45'%20height='59'%3e%3cpath%20fill='%233B4262'%20d='M44.042%2032.422l-.863-.86c-2.062-2.054-5.433-2.5-7.95-1.06l-5.376%203.059%201.12-24.502c0-2.054-1.678-3.726-3.743-3.726-.446%200-.875.079-1.273.222l.134-1.315c0-2.077-1.705-3.767-3.798-3.767-1.936%200-3.559%201.445-3.764%203.299l-3.45%2020.75c-.045.282-.536.253-.588.075L10.416%207.962a3.658%203.658%200%2000-3.502-2.629c-1.118%200-2.157.501-2.853%201.375a3.592%203.592%200%2000-.69%203.08l.792%203.35a3.34%203.34%200%2000-1.335.168%203.447%203.447%200%2000-2.326%203.818L2.9%2030.85c0%205.415.953%209.423%201.754%2011.83a13.61%2013.61%200%2001.687%204.291c0%201.284-.179%202.562-.534%203.796l-1.86%206.482c-.104.366-.03.76.198%201.065.232.304.592.483.975.483h21.97a1.218%201.218%200%20001.16-1.6c-.013-.031-1.033-3.169-.067-7.437%201.225-.99%205.514-4.462%207.054-5.862%202.546-2.315%209.521-9.468%209.817-9.772a1.21%201.21%200%2000-.012-1.705z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}to{background-color:#fff;border:20px solid var(--spock-color);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='45'%20height='59'%3e%3cpath%20fill='%233B4262'%20d='M44.042%2032.422l-.863-.86c-2.062-2.054-5.433-2.5-7.95-1.06l-5.376%203.059%201.12-24.502c0-2.054-1.678-3.726-3.743-3.726-.446%200-.875.079-1.273.222l.134-1.315c0-2.077-1.705-3.767-3.798-3.767-1.936%200-3.559%201.445-3.764%203.299l-3.45%2020.75c-.045.282-.536.253-.588.075L10.416%207.962a3.658%203.658%200%2000-3.502-2.629c-1.118%200-2.157.501-2.853%201.375a3.592%203.592%200%2000-.69%203.08l.792%203.35a3.34%203.34%200%2000-1.335.168%203.447%203.447%200%2000-2.326%203.818L2.9%2030.85c0%205.415.953%209.423%201.754%2011.83a13.61%2013.61%200%2001.687%204.291c0%201.284-.179%202.562-.534%203.796l-1.86%206.482c-.104.366-.03.76.198%201.065.232.304.592.483.975.483h21.97a1.218%201.218%200%20001.16-1.6c-.013-.031-1.033-3.169-.067-7.437%201.225-.99%205.514-4.462%207.054-5.862%202.546-2.315%209.521-9.468%209.817-9.772a1.21%201.21%200%2000-.012-1.705z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}}@keyframes fadeIn{0%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:initial}}@keyframes fadeOut{0%{opacity:1;pointer-events:initial}to{opacity:0;pointer-events:none}}@media only screen and (min-width: 600px){.rules-bg{position:absolute;width:100%;height:100%;background-color:var(--rules-bg-color);opacity:50%;top:0;z-index:4;display:none}.header-board{width:80%;height:150px}.header-logo{height:100px;margin:auto 20px}.header-score{height:100px;width:80px;margin:auto 10px;background-color:#fff;border-radius:12px;text-align:center}.header-score-text{text-transform:uppercase;font-size:.8rem;color:var(--score-text);padding-top:6px}.header-score-number{font-size:3.5rem;color:var(--dark-text)}.rps-rules,.rpsls-rules{display:none;background-color:#fff;position:absolute;width:500px;height:500px;margin:0;z-index:5;top:20%;left:18%;text-align:center;border-radius:20px}.rules-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 25px;margin-top:25px;margin-bottom:25px}.rules-exit-btn{height:30px;width:30px;background:none;border:none;cursor:pointer}.rules-text{text-transform:uppercase;color:var(--dark-text);font-size:2rem}.rules-image{width:80%}.rps-results,.rpsls-results{width:100%;display:flex;flex-direction:row;position:absolute;top:0;transform:translate(-1000px,20%);justify-content:space-around}@keyframes boardToLeftButtons{0%{transform:translate(0)}to{transform:translate(-1000px)}}@keyframes boardToLeftResults{0%{transform:translateY(20%)}to{transform:translate(-1000px,20%)}}@keyframes boardToMiddleFromLeftButtons{0%{transform:translate(-1000px)}to{transform:translate(0)}}@keyframes boardToMiddleFromLeftResults{0%{transform:translate(-1000px,20%)}to{transform:translateY(20%)}}}@media only screen and (min-width: 992px){.rules-bg{position:absolute;width:100%;height:100%;background-color:var(--rules-bg-color);opacity:50%;top:0;z-index:4;display:none}.header-board{width:50%;height:150px}.header-logo{height:100px;margin:auto 20px}.header-score{height:100px;width:80px;margin:auto 10px;background-color:#fff;border-radius:12px;text-align:center}.header-score-text{text-transform:uppercase;font-size:.8rem;color:var(--score-text);padding-top:6px}.header-score-number{font-size:3.5rem;color:var(--dark-text)}.rps-rules,.rpsls-rules{display:none;background-color:#fff;position:absolute;width:500px;height:500px;margin:0;z-index:5;top:20%;left:37%;text-align:center;border-radius:20px}.rules-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 25px;margin-top:25px;margin-bottom:25px}.rules-exit-btn{height:30px;width:30px;background:none;border:none;cursor:pointer}.rules-text{text-transform:uppercase;color:var(--dark-text);font-size:2rem}.rules-image{width:80%}.rps-results,.rpsls-results{width:100%;display:flex;flex-direction:row;position:absolute;top:0;transform:translate(-1500px,20%);justify-content:space-around}@keyframes boardToLeftButtons{0%{transform:translate(0)}to{transform:translate(-1500px)}}@keyframes boardToLeftResults{0%{transform:translateY(20%)}to{transform:translate(-1500px,20%)}}@keyframes boardToMiddleFromLeftButtons{0%{transform:translate(-1500px)}to{transform:translate(0)}}@keyframes boardToMiddleFromLeftResults{0%{transform:translate(-1500px,20%)}to{transform:translateY(20%)}}}