.Icon.sun svg,.Icon.moon svg,.Icon.star svg{fill:#fff}header{align-items:center;background-color:var(--off-black);color:#fff;display:flex;font-size:18px;height:var(--header-height);justify-content:center;position:relative;width:100vw;z-index:3}header.show-menu .header-container{box-shadow:45px 50px 60px #00000030,0 40px 6px #0000003b;transform:translate(0)}@media only screen and (min-width: 1024px){header.show-menu .header-container{box-shadow:none}}header.show-menu .menu svg{transform:scale(.7) rotate(90deg)}header .menu svg{transform:scale(.7);transition:transform 90ms ease-in-out}header .menu svg path{stroke:#fff}header .header-container{align-items:center;background-color:var(--off-black);display:flex;height:100vh;max-width:var(--max-width);padding:0 84px;position:absolute;flex-direction:column;transform:translate(-100%);transition:transform .18s linear;top:63px;left:0}@media only screen and (min-width: 1024px){header .header-container{flex-direction:row;transform:unset;height:var(--header-height);padding:0;top:0;left:0;position:relative;width:100%}}header .header-container .account{display:flex}@media only screen and (min-width: 1024px){header .header-container .account{flex:1;justify-content:flex-end}}header .header-container .account a{height:64px;padding:0}header .header-container .account svg{transform:scale(.7)}header .header-container .account svg path,header .header-container .account svg circle{stroke:#fff}header .header-container a{align-items:center;font-size:24px;justify-content:center;display:flex;padding:8px 0}@media only screen and (min-width: 1024px){header .header-container a{display:inline-block;font-size:18px;margin-right:32px}}header .header-container .logo{width:24px;height:24px}@media only screen and (min-width: 1024px){header .header-container .logo{margin-right:24px}}header .mobile-icon{width:100%}@media only screen and (min-width: 1024px){header .footer-links,header .mobile-icon{display:none}}@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}.pie{--p:20;--b:22px;--c:var(--color);--w:150px;width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;margin:5px;place-content:center;font-size:25px;font-weight:700;font-family:sans-serif}.pie:before,.pie:after{content:"";position:absolute;border-radius:50%}.pie:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)))}.pie:after{inset:calc(50% - var(--b)/2);background:var(--c);transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2))}.animate{animation:p 1s .5s both}@keyframes p{0%{--p:0}}.user-account{position:relative}.user-account .view-content .player-scores{width:100%;align-items:center;padding-top:24px}@media only screen and (min-width: 640px){.user-account .view-content .player-scores{align-items:center;padding-top:64px;width:unset}}.user-account .view-content .player-scores .player-name{cursor:default;width:156px;padding:0}.user-account .view-content .player-scores .player-name:hover{transform:scale(1)}.user-account .view-content .player-scores .player-score{margin-bottom:8px;flex-direction:row}.user-account .view-content .player-scores .player-score:last-child{flex-direction:row-reverse}.user-account .view-content .player-scores .score-1,.user-account .view-content .player-scores .score-2{text-align:right}@media only screen and (min-width: 640px){.user-account .view-content .player-scores .player-name{text-align:left;width:144px}}.user-account .games{align-items:center;display:flex;flex-direction:column;font-size:24px;width:100%}@media only screen and (min-width: 1024px){.user-account .games{padding-top:16px;width:720px}}.user-account .games a{align-items:center;display:flex}.user-account .games .account-game{position:relative;height:54px;display:flex;align-items:center;padding:0 16px}.user-account .games .game-id{position:absolute;z-index:-1;color:#fff;font-size:36px;font-weight:700;filter:blur(2px);left:0}.user-account .games .index{display:inline-block;margin-right:8px;font-size:12px}.user-account .games .divider{display:inline-block;margin:0 16px;transform:scale(.5)}.user-account .view-content{display:flex;flex-direction:column;align-items:center}.create-view{height:100vh;position:relative;width:100%}.game-choice{display:flex;flex-direction:column;width:320px;justify-content:center;align-items:center;position:relative}.game-choice.options .players-headline,.game-choice.options .duration-key{font-size:40px;font-weight:700;line-height:60px}@media only screen and (min-width: 640px){.game-choice.player-icons{left:24px;top:108px}}.game-duration{width:100%;margin-top:16px}.duration-row{display:flex;justify-content:space-between;width:100%}.duration-value{font-size:40px;font-weight:700;line-height:60px}.game-choice.options{align-items:flex-start;background-color:var(--off-black);border-radius:4px;color:#fff;padding:8px 16px;z-index:2}@media only screen and (min-width: 640px){.game-choice.options{justify-content:flex-start;top:48px}}.game-choice.options .actions{align-items:center;bottom:-54px;cursor:pointer;display:flex;position:absolute;width:100%}.game-choice.options .actions .play{align-items:center;display:flex;width:calc(100% - 32px);background:var(--off-black);border-radius:4px;color:#fff;justify-content:center;border:2px solid var(--off-black)}.game-choice.options .actions .play.submitting,.game-choice.options .actions .play.complete{background-color:#fff;color:var(--off-black)}.game-choice.options .actions .play.submitting span{transition:transform .18s linear;transform:translate(-200%)}.game-choice.options .actions .play.complete span{transition:transform .2s linear;transform:translate(500%)}.game-choice.options .actions .play span{align-items:center;padding-bottom:18px;display:flex;font-size:36px;font-weight:700;height:44px;justify-content:center}.game-choice.options .actions .play svg path{fill:var(--off-black);stroke:var(--off-black)}.game-choice.options .option-row{display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.game-choice.options .option-row.discoverable-type{align-items:center;display:flex;justify-content:center}.game-choice.options .option-row.discoverable-message{font-weight:700;justify-content:center}.game-choice.options .duration{margin-bottom:0}.game-choice.options .duration .value{color:#e86d6d}.game-choice.options .players .option-key{transform:translateY(10px)}.game-choice.options .players .option-value{display:flex;transform:translate(10px) translateY(4px)}.game-choice.options .players svg{transform:scale(.8);transition:transform 90ms ease-in-out}.game-choice.options .players svg path{stroke:#fff}.game-choice.options .players .selected svg{transform:scale(1)}.game-choice.options .players .selected svg path{stroke:#8ad19f}.game-choice.options .discoverable-type{margin-top:16px}.game-choice.options .discoverable-type .discoverable-option{align-items:center;color:#000;cursor:pointer;display:flex;flex-direction:column;transition:color .18s ease-in-out;width:86px}.game-choice.options .discoverable-type .discoverable-option svg path{transition:stroke .18s ease-in-out;stroke:#fff}.game-choice.options .discoverable-type .discoverable-option:hover{color:#fff}.game-choice.options .discoverable-type .discoverable-option:hover svg path{stroke:#fff}.game-choice.options .discoverable-type .discoverable-option.discoverable-selected{color:#fff;font-weight:700}.game-choice.options .discoverable-type .discoverable-option.discoverable-selected svg path{stroke:#f7ce9c}.game-choice.options .option-key,.game-choice.options .option-value{font-size:36px;font-weight:700;line-height:48px}.game-choices{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden}@media only screen and (min-width: 640px){.game-choices{align-items:flex-start;flex-direction:row-reverse;justify-content:center}}.game-choices.P2 .user-1{transform:translate(-52px)}.game-choices.P2 .user-2{opacity:1;z-index:1;transform:translate(64px) scale(.75) translateY(-108px)}.game-choice .user-icon{transition:transform .18s ease-in;position:relative;top:40px}.game-choice .user-icon svg{transform:scale(5)}.game-choice .user-icon svg path{stroke:#8ad19f}.game-choice .user-2{opacity:0;transform:translate(100vw) scale(.75) translateY(-80px);z-index:-1;transition:opacity .18s linear}@media only screen and (min-width: 640px){.game-choice .user-2{transform:translate(-300px) scale(.75) translateY(-80px)}}.slider{-webkit-appearance:none;width:100%;height:25px;background:white;border-radius:4px;outline:none;opacity:.9;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#E86D6D;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#E86D6D;cursor:pointer}.border{border:11px solid white;height:100%;width:100%;display:flex;align-items:center}.play-card{border:3px solid var(--off-black);width:230px;height:110px;display:flex;align-items:center;justify-content:center;margin:0 2px 4px;border-radius:8px;overflow:hidden}.play-card .shapes{width:100%;display:flex;justify-content:center}.play-card.selected{border-width:13px;transition:border-width 90ms ease-in,border-radius 90ms ease-in;border-radius:0}.play-card:hover .border,.play-card.selected .border{border-width:0;transition:border-width 90ms ease-in}.play-card:hover svg path{stroke-width:1.5}.play-card.selected svg path{stroke-width:2}.shapes svg{transform:scale(1)}.shapes svg path{stroke:var(--off-black);transition:stroke-width 90ms ease-in}.game-not-found img{transform:scale(3)}.game-not-found .view-content{align-items:center;display:flex;flex-direction:column;padding-top:56px}.game-review h3{font-size:20px}.game-review .headline-container{padding-bottom:16px}@media only screen and (min-width: 1024px){.game-review .headline-container{display:flex;justify-content:space-between}}.game-review .headline-container .player-scores{margin-top:32px;align-items:center;justify-content:space-evenly;flex-direction:row}@media only screen and (min-width: 1024px){.game-review .headline-container .player-scores{margin-top:0}}.game-review .headline-container .player-scores .player-score{flex-direction:column}@media only screen and (min-width: 640px){.game-review .headline-container .player-scores .player-score{flex-direction:row}}@media only screen and (min-width: 640px){.game-review .headline-container .player-scores .player-score:last-child{flex-direction:row-reverse}}.game-review .headline-container .player-name{padding:0;text-align:center}@media only screen and (min-width: 1024px){.game-review .headline-container .player-name{position:relative;top:-5px}}@media only screen and (min-width: 1024px){.game-review .headline-container .pie{top:11px}}.game-review .view-content{display:flex;flex-direction:column;align-items:center}.game-review .review-container{max-width:100vw;width:100%;padding:0 16px}@media only screen and (min-width: 1024px){.game-review .review-container{max-width:var(--max-width);padding:32px 0}}.game-review.selected-mine .attempts-theirs{display:none}.game-review.selected-mine .score-1{transform:scale(.8);opacity:.7}.game-review.selected-theirs .attempts-mine{display:none}.game-review.selected-theirs .score-0{transform:scale(.8);opacity:.7}.game-review .game-attempts{padding-bottom:32px;position:relative}.game-review .game-date{font-weight:700;padding:18px;text-align:center}.game-review .game-score{align-items:center;display:flex;font-size:20px;justify-content:center;padding-top:16px;width:100%;margin-bottom:32px}@media only screen and (min-width: 640px){.game-review .game-score{margin-bottom:16px}}.game-review .play-card{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.game-review .player-attempts{max-width:100vw;padding:32px 0}.game-review .player-attempt .attempts{display:flex;flex-direction:column;align-items:center}.game-review .player-attempt{padding-top:16px}.game-review .player-attempt{position:relative;margin-bottom:32px;background-color:var(----secondary-bg);padding:16px 8px 32px}@media only screen and (min-width: 1024px){.game-review .player-attempt{padding:16px;display:flex;justify-content:space-between}}.game-review .player-attempt h4{font-size:48px;line-height:1;margin-bottom:24px}@media only screen and (min-width: 1024px){.game-review .player-attempt h4{left:-32px}}.game-review .game-attempts .attempt{align-items:center;display:flex;margin-bottom:16px;position:relative}@media only screen and (max-width: 1023px){.game-review .game-attempts .attempt{transform:scale(.8);margin-bottom:8px}}@media only screen and (max-width: 639px){.game-review .game-attempts .attempt{transform:scale(.45) translate(-36px);margin-bottom:-40px;margin-left:30px}}.game-review .game-attempts .attempt .outcome{align-items:center;display:flex;margin-right:8px;width:64px}@media only screen and (max-width: 639px){.game-review .game-attempts .attempt .outcome{left:-44px;position:absolute;top:-32px;transform:scale(1.4);z-index:-1}}.game-review .game-attempts .attempt .outcome .Icon{display:flex;align-items:center;justify-content:center}.game-review .game-attempts .attempt .outcome .Icon path{stroke-width:2.5}.game-review .game-attempts .attempt .outcome .Icon svg{transform:scale(.6) translateY(-9px) translate(10px);filter:drop-shadow(0px 0px 16px rgb(0 0 0 / .4));z-index:-1}.game-review .game-attempts .cards{display:flex}.game-review .game-attempts .play-card .border{border-width:0}.home-view .view-content{display:flex;flex-direction:column;align-items:center}.home-view a{font-size:64px;width:350px}.home-view .home-link{background-color:var(--secondary-bg);display:flex;height:175px;justify-content:center;position:relative;margin-bottom:4px}.home-view .home-link span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.home-view .home-link .Icon{display:flex;align-items:center}.home-view .home-link .Icon svg{filter:drop-shadow(3px 5px 2px rgb(0 0 0 / .4));transform:scale(2) translateY(-3px)}.home-view .home-link .Icon svg path{stroke:#fff}@keyframes breathing{0%{transform:scale(2)}50%{transform:scale(2.2)}to{transform:scale(2)}}@keyframes grow{0%{transform:scale(1)}to{transform:scale(50)}}@keyframes share{0%{transform:translate(0) translateY(-48px);z-index:-2}30%{transform:translate(300px) translateY(-48px);z-index:-2}to{transform:translate(250px) translateY(-48px);z-index:2}}@keyframes share-mobile{0%{transform:translate(0) translateY(0);z-index:-2}30%{transform:translate(0) translateY(300px);z-index:-2}to{transform:translate(0) translateY(100px);z-index:2}}@keyframes ellipsis{to{width:1.25em}}body.wrong{background-color:var(--off-black)}body.right{background-color:#fff}body.wrong .play-card{background-image:none;background-color:var(--color);border-width:3px}body.wrong .play-card .border{display:none}.play-board{display:flex;flex:1;flex-direction:column;padding-bottom:64px;padding-top:16px;overflow:scroll;width:100%}@media only screen and (min-width: 640px){.play-board{padding-top:0}}@media only screen and (min-width: 1024px){.play-board{align-items:center}}#play-view{flex:1;padding-bottom:64px;min-height:unset}#play-view.show-play h1.headline{background-color:transparent;position:absolute;top:unset;z-index:-1}#play-view .headline-container{display:flex;justify-content:space-between}#play-view .completed-text{font-size:96px;padding-top:100px;text-align:center}#play-view .score-container{display:flex;width:100%}@media only screen and (max-width: 1023px){#play-view .game-score{bottom:0;display:block;left:0;margin-top:0;position:fixed;width:100%;z-index:2}}@media only screen and (max-width: 1023px){#play-view .pie:before,#play-view .pie:after{background:none;display:none;--color: transparent }}@media only screen and (max-width: 1023px){#play-view .pie .attempt-ratio{display:none}}#play-view .play-container{display:flex;flex-wrap:wrap;justify-content:center;padding:16px;width:100%}@media only screen and (max-width: 639px){#play-view .play-container{width:740px;height:100%;min-height:calc(100vh - 200px)}}@media only screen and (max-width: 1023px){#play-view .player-scores{background-color:var(--off-black);color:#fff;height:var(--header-height);width:100%;z-index:1;flex-direction:row}}@media only screen and (min-width: 1024px){#play-view .player-scores .pie{top:15px}}#play-view .player-scores .attempt-ratio{display:none}@media only screen and (min-width: 1024px){#play-view .player-scores .attempt-ratio{display:inline-block}}#play-view .player-scores .player-name{display:none}@media only screen and (min-width: 1024px){#play-view .player-scores .player-name{display:unset}}#play-view .player-scores .player-score{justify-content:center;width:100%}#play-view .time{position:absolute;font-size:36px;display:flex;align-items:center;width:100vw;text-align:center;justify-content:center}@media only screen and (max-width: 1023px){#play-view .time{width:100%}}@media only screen and (min-width: 1024px){#play-view .time{display:none}}.actions button{background-color:#8ad19f}.not-active-play{display:flex;flex:1;justify-content:center;width:100%}@media only screen and (min-width: 640px){.not-active-play{padding-top:10vh}}.pending{display:flex;justify-content:center}.pending .pending-container{align-items:center;background-color:var(--secondary-bg);display:flex;justify-content:center;padding:64px}@media only screen and (min-width: 640px){.pending .pending-container{position:fixed}}.pending .pending-container h1{z-index:1}.pending .circle{background:white;border-radius:50%;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;height:160px;position:absolute;transition:background-color 90ms linear,transform 90ms linear;width:160px;z-index:0}.pending.waiting{width:100%;display:flex;flex-direction:column-reverse}@media only screen and (min-width: 640px){.pending.waiting{transform:translateY(48px);flex-direction:row}}.pending.waiting h1{color:#fff;text-shadow:2px 2px 38px rgb(0 0 0 / .4)}.pending.waiting .circle{animation:breathing 5s ease-out infinite normal;background-color:var(--off-black);transform:scale(2)}.pending.waiting .copy-border{display:flex;align-items:center;justify-content:center;border:2px solid black;padding:8px 16px;border-radius:8px}@media only screen and (min-width: 640px){.pending.waiting .copy-border{border:none;flex-direction:column;padding:0}}.pending.waiting .copyUrl{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:32px}@media only screen and (min-width: 640px){.pending.waiting .copyUrl{animation-delay:.5s;animation-duration:2s;animation-fill-mode:forwards;animation-name:share-mobile;background-color:#fff;border-radius:50%;color:var(--off-black);cursor:pointer;flex-direction:column;font-weight:700;height:160px;padding:0;position:absolute;width:160px;z-index:-2;animation-name:share}}.pending.waiting .copyUrl .link{height:64px}.pending.countdown{color:var(--off-black)}.pending.countdown .circle{animation-duration:3s;animation-name:grow;background:white}.pending.completed .circle{display:none}.pending.loading{color:var(--off-black)}.how-to-play{font-size:20px}.how-to-play h2,.how-to-play h3{text-transform:capitalize}.how-to-play h2{margin-bottom:12px}.how-to-play h3{margin-bottom:2px}.how-to-play section{margin-bottom:40px}.how-to-play section p:last-of-type{margin-bottom:24px}.how-to-play .example{display:flex;flex-direction:column;font-size:16px;margin-bottom:-48px}@media only screen and (min-width: 640px){.how-to-play .example{margin-bottom:24px;align-items:center}}@media only screen and (min-width: 1024px){.how-to-play .example{margin:48px 0 64px}}.how-to-play .example .correct-icon{display:flex;align-items:center;height:110px}.how-to-play .example .correct-icon .Icon{height:64px;margin-left:16px}.how-to-play .example .correct-icon .Icon svg{transform:scale(.8)}.how-to-play .example .correct-icon .Icon path{stroke:var(--off-black)}.how-to-play .examples{margin-top:48px}.how-to-play .example-cards{display:flex;justify-content:center;transform:scale(.45)}@media only screen and (min-width: 640px){.how-to-play .example-cards{transform:scale(.8)}}@media only screen and (min-width: 1024px){.how-to-play .example-cards{margin-bottom:8px;transform:scale(1)}}.how-to-play .example-heading{align-items:center;display:flex}.how-to-play .example-heading svg{transform:scale(.7) translateY(4px)}.how-to-play .example-explanation{align-items:center;display:flex;font-weight:700;justify-content:space-between;max-width:calc(100vw - 80px);position:relative;top:-32px}@media only screen and (min-width: 640px){.how-to-play .example-explanation{max-width:550px;top:0}}@media only screen and (min-width: 1024px){.how-to-play .example-explanation{max-width:unset;padding:0 108px 0 32px}}.how-to-play .example-explanation p{padding:0 12px;max-width:65ch}.how-to-play .how-to-play-container{max-width:100vw;width:100%;padding:0 16px}@media only screen and (min-width: 1024px){.how-to-play .how-to-play-container{max-width:var(--max-width);padding:32px 0}}.how-to-play .lead-cards{display:flex;justify-content:center;padding:56px 0}.how-to-play .view-content{display:flex;flex-direction:column;align-items:center}:root{--off-black: #0c0a09;--max-width: 1024px;--header-height: 64px;--secondary-bg: #f3f4f6;background-color:#fafaf9;color:var(--off-black);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;position:relative;width:fit-content;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:#e86d6d}a.external{text-decoration:underline}h1{font-size:96px;letter-spacing:-1.5px}h2{font-size:32px;letter-spacing:-.5px;opacity:.9}h3{font-size:20px;letter-spacing:0px;opacity:.85}h1,h2,h3,h4,h5,h6{margin-block-start:0;margin-block-end:0}p{font-size:16px;letter-spacing:.25px;margin-block-start:0;margin-block-end:0;width:100%}footer{align-items:center;display:flex;font-size:14px;height:var(--header-height);padding:0 32px;width:100vw;z-index:2}@media only screen and (max-width: 1023px){footer{display:none}}footer a,footer span{display:inline-block}footer a{margin-right:32px}footer span{flex:1;text-align:right}main{display:flex;flex:1;flex-direction:column;height:100%}main>*{min-height:calc(100vh - var(--header-height) - var(--header-height))}#root{display:flex;flex-direction:column;height:100%;min-height:100vh;width:100vw}.color-one{--color: #009698 }.color-two{--color: #F7CE9C }.color-three{--color: #E86D6D }.headline{background-color:var(--off-black);color:#fff;display:flex;justify-content:center;padding:16px 16px 24px;position:relative;top:-1px}@media only screen and (min-width: 640px){.headline{padding:16px 30px 24px;font-size:100px}}.headline h1{line-height:1}.headline-container{max-width:var(--max-width);padding:32px 0;width:100%}.players-1 .score-0 .player-name,.players-1 .score-1,.players-1 .player-attempt h4,.players-1 .attempts-theirs{display:none!important}.player-scores{display:flex;flex-direction:column}@media only screen and (min-width: 640px){.player-scores{flex-direction:row}}.player-scores .player-name{padding:16px;font-size:30px;font-weight:700;text-transform:capitalize;transition:transform 90ms linear;width:112px;z-index:2;cursor:pointer}.player-scores .player-name:hover{transform:scale(1.2)}.player-scores .player-score{display:flex;align-items:center;transition:transform .18s linear,opacity .18s linear}@media only screen and (min-width: 640px){.player-scores .player-score{flex-direction:row}}@media only screen and (min-width: 640px){.player-scores .player-score.score-1{flex-direction:row-reverse}}.player-scores .player-score:hover{opacity:1}.player-scores .score{font-size:22px}.player-scores .attempt-ratio{font-size:18px;font-weight:300;text-align:center}.default-view h2{font-size:64px;text-align:center}.default-view .view-content{padding:32px 0}@media only screen and (min-width: 640px){.default-view .view-content{padding:64px 0}}.fill-one{background-image:radial-gradient(white 10%,transparent 19.2%),radial-gradient(white 10%,transparent 19.2%);background-position:0px 0px,12px 12px;background-size:24px 24px;background-color:var(--color)}.fill-two{background-color:var(--color)}.fill-three{background-image:repeating-linear-gradient(135deg,var(--color),var(--color) 8px,white 6px,white 14px)}