@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap";:root{--color-bg-primary: hsl(214, 47%, 23%);--color-bg-secondary: hsl(237, 49%, 15%);--scissors-start: hsl(40, 84%, 53%);--scissors-end: hsl(39, 89%, 49%);--scissors-shadow: hsla(39, 89%, 49%, .7);--paper-start: hsl(230, 89%, 65%);--paper-end: hsl(230, 89%, 62%);--paper-shadow: hsla(230, 89%, 62%, .7);--rock-start: hsl(349, 70%, 56%);--rock-end: hsl(349, 71%, 52%);--rock-shadow: hsla(349, 71%, 52%, .7);--lizard-start: hsl(261, 72%, 63%);--lizard-end: hsl(261, 73%, 60%);--lizard-shadow: hsla(261, 73%, 60%, .7);--spock-start: hsl(189, 58%, 57%);--spock-end: hsl(189, 59%, 53%);--spock-shadow: hsla(189, 59%, 53%, .7);--accent: #fff;--win-hightlight-1: rgb(255, 255, 255, .04);--win-hightlight-2: rgb(255, 255, 255, .03);--win-hightlight-3: rgb(255, 255, 255, .02);--dark-text: hsl(229, 25%, 31%);--score-text: hsl(229, 64%, 46%);--header-outline: hsl(217, 16%, 45%);--background: radial-gradient(at center top, var(--color-bg-primary), var(--color-bg-secondary));--scoreboard-width: clamp(310px, 100%, 900px);--game-width: clamp(280px, 90%, 500px);--btn-size: clamp(100px, 26vw, 175px);--btn-shadow-size: calc(.06 * var(--btn-size));--btn-border-width: calc(.12 * var(--btn-size));--game-result-width: clamp(100px, 100%, 600px);--rules-modal-height: clamp(600px, 90%, 800px);--rules-modal-width: clamp(310px, 90%, 800px);font-family:Barlow Semi Condensed;font-size:16px;font-weight:600;background:var(--background)}*{margin:0;padding:0;box-sizing:border-box;text-transform:uppercase;-webkit-user-select:none;user-select:none}body{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;animation:blendIn .4s linear .2s both;overflow:hidden}a{text-decoration:none;color:var(--header-outline)}@keyframes blendIn{0%{opacity:0}to{opacity:1}}header{padding:2rem;width:100%;display:flex;align-items:center;justify-content:center}.scoreboard{width:var(--scoreboard-width);border:3px solid var(--header-outline);border-radius:8px;padding:1.2rem;height:18vh;display:flex;align-items:center;justify-content:space-between}.scoreboard-logo{height:100%}.scoreboard-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:var(--accent);padding:.8rem 2rem;border-radius:4px;color:var(--dark-text);cursor:pointer}.scoreboard-title{font-size:.7rem;letter-spacing:1px;color:var(--score-text)}.scoreboard-score{font-size:2.6rem;font-weight:700}main{padding:2rem;width:100%;display:flex;align-items:center;justify-content:center;height:100%}.game-selection-wrapper{display:initial;background: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") center/contain no-repeat;position:relative;aspect-ratio:1.05 / 1;width:calc(var(--game-width) - (calc(var(--btn-size) / 2)));padding:2rem;animation:scaleUp .2s cubic-bezier(.3,.5,.5,1) both}.game-selection-btn-wrapper{width:var(--btn-size);height:145%;position:absolute;top:50%;left:50%}.game-btn{height:var(--btn-size);width:var(--btn-size);background-position:center;background-size:50%;background-repeat:no-repeat;background-color:var(--accent);border:var(--btn-border-width) solid;border-radius:50%}.game-selection-btn-wrapper .game-selection-btn:hover{scale:1.1}.game-selection-btn-wrapper:nth-of-type(1){transform:translate(-50%,-50%) rotate(72deg)}.game-selection-btn-wrapper:nth-of-type(1) .game-paper-btn{transform:rotate(-72deg)}.game-selection-btn-wrapper:nth-of-type(1) .game-selection-btn:hover{border-color:var(--paper-end)}.game-selection-btn-wrapper:nth-of-type(1) .game-selection-btn:active{box-shadow:inset 0 5px #0003;transform:scale(.8);transform:translateY(var(--btn-shadow-size)) rotate(-72deg)}.game-paper-btn{border-color:var(--paper-start);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");box-shadow:inset 0 5px #0003,0 var(--btn-shadow-size) var(--paper-shadow)}.game-selection-btn-wrapper:nth-of-type(2){transform:translate(-50%,-50%) rotate(144deg)}.game-selection-btn-wrapper:nth-of-type(2) .game-rock-btn{transform:rotate(-144deg)}.game-selection-btn-wrapper:nth-of-type(2) .game-selection-btn:hover{border-color:var(--rock-end)}.game-selection-btn-wrapper:nth-of-type(2) .game-selection-btn:active{box-shadow:inset 0 5px #0003;transform:scale(.8);transform:translateY(var(--btn-shadow-size)) rotate(-144deg)}.game-rock-btn{border-color:var(--rock-start);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");box-shadow:inset 0 5px #0003,0 var(--btn-shadow-size) var(--rock-shadow)}.game-selection-btn-wrapper:nth-of-type(3){transform:translate(-50%,-50%) rotate(216deg)}.game-selection-btn-wrapper:nth-of-type(3) .game-lizard-btn{transform:rotate(-216deg)}.game-selection-btn-wrapper:nth-of-type(3) .game-selection-btn:hover{border-color:var(--lizard-end)}.game-selection-btn-wrapper:nth-of-type(3) .game-selection-btn:active{box-shadow:inset 0 5px #0003;transform:scale(.8);transform:translateY(var(--btn-shadow-size)) rotate(-216deg)}.game-lizard-btn{border-color:var(--lizard-start);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");box-shadow:inset 0 5px #0003,0 var(--btn-shadow-size) var(--lizard-shadow)}.game-selection-btn-wrapper:nth-of-type(4){transform:translate(-50%,-50%) rotate(288deg)}.game-selection-btn-wrapper:nth-of-type(4) .game-spock-btn{transform:rotate(-288deg)}.game-selection-btn-wrapper:nth-of-type(4) .game-selection-btn:hover{border-color:var(--spock-end)}.game-selection-btn-wrapper:nth-of-type(4) .game-selection-btn:active{box-shadow:inset 0 5px #0003;transform:scale(.8);transform:translateY(var(--btn-shadow-size)) rotate(-288deg)}.game-spock-btn{border-color:var(--spock-start);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-position:60%;box-shadow:inset 0 5px #0003,0 var(--btn-shadow-size) var(--spock-shadow)}.game-selection-btn-wrapper:nth-of-type(5){transform:translate(-50%,-50%) rotate(0)}.game-selection-btn-wrapper:nth-of-type(5) .game-selection-btn:hover{border-color:var(--scissors-end)}.game-selection-btn-wrapper:nth-of-type(5) .game-selection-btn:active{box-shadow:inset 0 5px #0003;transform:scale(.8);transform:translateY(var(--btn-shadow-size))}.game-scissors-btn{border-color:var(--scissors-start);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");box-shadow:inset 0 5px #0003,0 var(--btn-shadow-size) var(--scissors-shadow)}.game-selection-btn{cursor:pointer;transition:all .1s ease-in-out}.game-result-wrapper{height:100%;width:var(--game-result-width);display:none;flex-direction:column;align-items:center;justify-content:space-between;animation:scaleUp .2s cubic-bezier(.3,.5,.5,1) both}.selection-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.selection-btn-wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;width:50%}.house-selection-btn{margin-top:var(--btn-border-width);height:calc(var(--btn-size) - calc(var(--btn-border-width) * 2));width:calc(var(--btn-size) - calc(var(--btn-border-width) * 2));border:none;border-radius:50%;background-color:#0003;animation:loadingAnimation 1s linear alternate infinite}.no-animation{animation:none}@keyframes loadingAnimation{0%{transform:scale(1)}50%{transform:scale(.5)}to{transform:scale(1)}}.win-hightlight-wrapper{border-radius:50%}.win-animation{animation:winAnimation 1s linear alternate infinite}@keyframes winAnimation{0%{box-shadow:none}30%{box-shadow:0 calc(var(--btn-shadow-size) / 2) 0 calc(var(--btn-shadow-size) + var(--btn-shadow-size)) var(--win-hightlight-1)}60%{box-shadow:0 calc(var(--btn-shadow-size) / 2) 0 calc(var(--btn-shadow-size) + var(--btn-shadow-size)) var(--win-hightlight-1),0 calc(var(--btn-shadow-size) / 8) 0 calc(var(--btn-shadow-size) + calc(var(--btn-shadow-size) * 4)) var(--win-hightlight-2)}90%,to{box-shadow:0 calc(var(--btn-shadow-size) / 2) 0 calc(var(--btn-shadow-size) + var(--btn-shadow-size)) var(--win-hightlight-1),0 calc(var(--btn-shadow-size) / 8) 0 calc(var(--btn-shadow-size) + calc(var(--btn-shadow-size) * 4)) var(--win-hightlight-2),0 calc(var(--btn-shadow-size) / 16) 0 calc(var(--btn-shadow-size) + calc(var(--btn-shadow-size) * 8)) var(--win-hightlight-3)}}.result-label{color:var(--accent);font-size:.8rem;letter-spacing:2px}.result-wrapper{height:100%;width:100%;display:none;flex-direction:column;align-items:center;justify-content:flex-end;gap:.8rem}.game-result{font-size:3rem;color:var(--accent)}.play-again-btn{border:1px solid transparent;border-radius:.4rem;padding:1rem 2.8rem;background-color:var(--accent);color:var(--dark-text);font-size:.9rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.play-again-btn:hover{background-color:var(--dark-text);color:var(--accent);border:1px solid var(--header-outline)}.play-again-btn:active{background-color:var(--header-outline);color:var(--accent)}.rules-modal{z-index:999;position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:space-around}.rules-modal:before{content:"";position:absolute;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rules-modal-wrapper{z-index:1000;padding:2rem;background-color:var(--accent);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:var(--rules-modal-height);width:var(--rules-modal-width);animation:scaleUp .4s cubic-bezier(.3,.5,.5,1) both;position:relative}@keyframes scaleUp{0%{transform:scale(.5);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%;opacity:1}}.rules-title{font-size:2rem;font-weight:700;color:var(--dark-text)}.rules-img{height:50%}.rules-close-btn{opacity:0;border:none;background-color:transparent;transition:all .3s ease-in-out}footer{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.rules-btn{border:1px solid var(--accent);border-radius:.4rem;padding:.8rem 2rem;background-color:transparent;color:var(--accent);letter-spacing:2px;cursor:pointer;transition:all .2s ease;width:10rem}.rules-btn:hover{background-color:var(--accent);color:var(--dark-text)}.rules-btn:active{background-color:var(--header-outline);color:var(--accent)}.attribution{color:var(--accent);font-size:.8rem}@media only screen and (min-width: 768px){:root{font-size:20px}.game-result-wrapper{height:90%}.result-wrapper{justify-content:center}footer,.rules-btn,.attribution{position:fixed}.rules-btn{right:2rem;bottom:2rem}.attribution{display:initial;left:2rem;bottom:2.5rem}}@media only screen and (min-width: 992px){.rules-modal-wrapper{flex-direction:row;align-items:flex-start;justify-content:space-between}.rules-modal-wrapper img{align-self:center;transform:translate(-10%)}}@media only screen and (min-width: 1366px){.scoreboard-wrapper{padding:2rem 4rem}}