@import url(https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-bg:#282c34;--app-color:#ffffffe6;--title-color:#ffffffe6;--hint-bg:#ff3c007a;--hint-color:#fff;--hint-found-bg:#31dc7b4d;--card-opacity:.4;--card-winner-opacity:.2;--choice-box-shadow:0 0 0.5em 0 #000c;--choice-hover-box-shadow:0 0 1em 0 #000c;--choice-selected-box-shadow:0 0 0.5em 0 #000;--tray-choices-bg:#0003;--button-copied-bg:#31dc7b4d;--example-bg:#0000004d}.light{--app-bg:#ddd;--app-color:#1c1c1c;--title-color:#1c1c1cb3;--hint-bg:rgba(88,81,80,.741);--hint-color:#fff;--hint-found-bg:#00662d;--card-opacity:.5;--card-winner-opacity:.2;--choice-box-shadow:0 0 0.2em 0 #0006;--choice-hover-box-shadow:0 0 0.3em 0 #00000080;--choice-selected-box-shadow:0 0 0.5em 0 #000;--tray-choices-bg:#fff;--button-copied-bg:#00662d;--example-bg:#0000000d}body,html{left:0;margin:0 auto;overflow:hidden;overflow:none;position:fixed;top:0;-webkit-user-select:none;user-select:none}#root,body,html{height:100%;width:100%}.App{align-items:center;background-color:#282c34;background-color:var(--app-bg);color:#ffffffe6;color:var(--app-color);display:flex;flex-direction:column;font-size:calc(18px + 2vmin);font-style:normal;font-weight:400;height:100%;padding:36px 24px;position:relative;text-align:center}@media only screen and (min-width:768px){.mobile-only{display:none}}h1,h2,h3,h4,h5,h6{color:#ffffffe6;color:var(--title-color);font-family:Caveat Brush,serif;font-style:normal;font-weight:400;line-height:1;margin:0}.title{font-size:calc(18px + 5vmin);img{max-width:33vw;width:3em}}p{font-size:calc(8px + 1vmin);margin:.5em auto}small{font-size:calc(8px + .5vmin);text-transform:uppercase}small.tiny{font-size:calc(8px + .2vmin);opacity:.7}a{color:#ffffffe6;color:var(--app-color);text-decoration:none}a,button{font-weight:700}button{appearance:none;background-color:#0000004d;border:0;border-radius:.4em;color:#fff;cursor:pointer;padding:1em;text-transform:uppercase}nav{display:flex;gap:.1em;justify-content:flex-end;left:0;margin:.25em auto;position:fixed;right:0;top:0;width:calc(100% - .5em)}nav button{font-size:calc(8px + .15vmin);padding:.5em}.switch{align-items:center;display:flex;font-size:calc(8px + .5vmin);font-weight:700;gap:.5em;justify-content:center;margin:2em 0 1em;text-align:left;text-transform:uppercase}.switch small{font-size:calc(8px + .1vmin)}.hints{align-items:center;column-gap:.3em;display:flex;flex-wrap:wrap;justify-content:center;margin:.5em auto .75em;row-gap:.25em}.hint{background-color:#ff3c007a;background-color:var(--hint-bg);border-radius:1em;color:#fff;color:var(--hint-color);display:inline-block;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:calc(8px + .4vmin);font-weight:700;line-height:1;padding:.4em .8em;text-transform:uppercase;transition:all .33s}.hint.found{background-color:#31dc7b4d;background-color:var(--hint-found-bg);opacity:1}.grid,.tray-choices{grid-column-gap:6px;grid-row-gap:4px;column-gap:6px;display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;max-height:80vh;row-gap:4px}.card{opacity:.4;opacity:var(--card-opacity)}.card,.droppable{aspect-ratio:66/96;font-size:calc(16px + 3vmin);height:1.8em;margin:0 auto;position:relative;transform-style:preserve-3d;transition:all .33s;z-index:1}.droppable{background-color:#0000004d;border-radius:.1em;touch-action:manipulation}.winner .grid .droppable{background-color:initial}.choice .card{opacity:1}.choice .card img{border-radius:.1em}.winner .concern .card,.winner .concern.card{opacity:1}.winner .card,.winner .choice .card{opacity:.2;opacity:var(--card-winner-opacity)}.droppable:has(.dragging){z-index:99}.dragging .card{animation:wriggle .5s infinite alternate}@keyframes wriggle{33%{transform:translate(-7%) rotate(-9deg)}66%{transform:translate(-5%) rotate(4deg)}66%{transform:translate(7%) rotate(9deg)}}.card .back,.card .front{bottom:0;left:0;margin:0 auto;object-fit:contain;object-position:center;position:absolute;right:0;top:0;touch-action:manipulation;transition:all .33s;width:100%}.static{pointer-events:none}.choice{cursor:pointer;transform:rotate(var(--deg)) scale(1);z-index:2}.choice .front{box-shadow:0 0 .5em 0 #000c;box-shadow:var(--choice-box-shadow)}.choice:hover{transform:rotate(0) scale(.95);z-index:3}.choice:hover .front{box-shadow:0 0 1em 0 #000c;box-shadow:var(--choice-hover-box-shadow)}.choice.selected{transform:rotate(0) scale(1.33);z-index:4}.choice.selected .front{box-shadow:0 0 .5em 0 #000;box-shadow:var(--choice-selected-box-shadow)}.tray-choices{background:#0003;background:var(--tray-choices-bg);border-radius:.33em;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:1em;padding:.5em}.winner .grid,.winner .tray{pointer-events:none}.splash{align-items:center;background-color:#282c34;background-color:var(--app-bg);bottom:0;display:flex;flex-direction:column;gap:.5em;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .33s;width:100%;z-index:5}.splash.inactive{opacity:0;pointer-events:none}.splash h2{font-size:calc(32px + 8vmin);position:relative}.snowflake img{animation:wriggle 3s infinite alternate;font-size:calc(16px + 1vmin);opacity:1;width:1em}.snowflake,.snowflake .inner{animation-iteration-count:infinite;animation-play-state:running}@keyframes snowflakes-fall{0%{transform:translateY(0)}25%{opacity:1}40%{opacity:0}to{opacity:0;transform:translateY(110vh)}}@keyframes snowflakes-shake{0%,to{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{animation-duration:3s;animation-name:snowflakes-shake;animation-timing-function:ease-in-out;cursor:default;pointer-events:none;position:fixed;top:-10%;-webkit-user-select:none;user-select:none;z-index:9999}.snowflake .inner{animation-duration:9s;animation-name:snowflakes-fall;animation-timing-function:linear}.snowflake:nth-of-type(0){animation-delay:0s;left:1%}.snowflake:nth-of-type(0) .inner{animation-delay:0s}.snowflake:first-of-type{animation-delay:1s;left:10%}.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner{animation-delay:1s}.snowflake:nth-of-type(2){animation-delay:.5s;left:20%}.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner{animation-delay:6s}.snowflake:nth-of-type(3){animation-delay:2s;left:30%}.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner{animation-delay:4s}.snowflake:nth-of-type(4){animation-delay:2s;left:40%}.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner{animation-delay:2s}.snowflake:nth-of-type(5){animation-delay:3s;left:50%}.snowflake:nth-of-type(5) .inner{animation-delay:8s}.snowflake:nth-of-type(6){animation-delay:2s;left:60%}.snowflake:nth-of-type(7){animation-delay:1s;left:70%}.snowflake:nth-of-type(7) .inner{animation-delay:2.5s}.snowflake:nth-of-type(8){animation-delay:0s;left:80%}.snowflake:nth-of-type(9){animation-delay:1.5s;left:90%}.snowflake:nth-of-type(9) .inner{animation-delay:3s}.snowflake:nth-of-type(10){animation-delay:0s;left:25%}.snowflake:nth-of-type(11){animation-delay:2.5s;left:65%}.splash p{padding:0 24px;position:relative}.loader{display:inline-block;position:relative}.loader,.loader:after{height:1.5em;width:1.5em}.loader:after{animation:rotation 2s ease-in-out infinite;border:2px solid #ff3d00;border-radius:.2em;box-sizing:border-box;content:"";left:0;position:absolute;top:0}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal{align-items:center;background:#0000004d;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:all .33s;z-index:5}.modal,.modal-overlay{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.modal-content{background-color:#282c34;background-color:var(--app-bg);border-radius:.25em;margin:1em;max-height:80vh;max-width:400px;overflow:auto;padding:.75em;position:relative;width:95%}.modal-content h2{margin:.25em 0}.modal-buttons{display:flex;gap:.25em;justify-content:center;margin-bottom:.5em;margin-top:1em;position:relative}.modal-buttons button{transition:background-color .33s}.modal-buttons button.big{min-width:40%}.modal-buttons button.copied{background-color:#31dc7b4d;background-color:var(--button-copied-bg)}.modal-buttons button svg{fill:#fff;height:1em;line-height:0;width:1.5em}.modal.open{opacity:1;pointer-events:auto}.example{background:#0000004d;background:var(--example-bg);border-radius:.3em;margin:.5em auto;padding:.2em}.example-top{align-items:center;display:flex;gap:.25em;justify-content:space-between}.example-top-center{justify-content:center}.example-top-center .grid .card{height:1.5em}.example-desc{text-align:left}.example-top .grid .card{font-size:calc(16px + 3vmin);opacity:1}.example-modal p{font-size:calc(8px + 1vmin)}.example-modal p:has(.hint){line-height:1.66}.example .grid{margin:0}.example .card{height:1em}.pyro{bottom:0;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:all .33s;width:100%}.pyro.active{opacity:1}.pyro>.after,.pyro>.before{animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff;height:5px;position:absolute;width:5px}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{to{box-shadow:-26px -59.6666666667px #f70,191px -274.6666666667px #08f,-112px 63.3333333333px #f700ff,242px -361.6666666667px #ff00c4,-3px -386.6666666667px #3700ff,-5px -177.6666666667px #001aff,-14px -271.6666666667px #00ffae,216px -109.6666666667px #ff0040,122px 33.3333333333px #00ff91,-42px -174.6666666667px #0400ff,-236px -83.6666666667px #ff5100,-92px -407.6666666667px #ff000d,20px -105.6666666667px #7f0,-87px -302.6666666667px #1f0,-191px -312.6666666667px #b3ff00,-118px -129.6666666667px #ff00d9,-31px -24.6666666667px #ff00c4,18px -225.6666666667px #0009ff,26px -394.6666666667px #ff0073,-224px -176.6666666667px #ff7300,-220px -185.6666666667px #ff0026,-157px 62.3333333333px #ff00ea,116px -36.6666666667px #ff1500,-219px 29.3333333333px #007bff,161px -81.6666666667px lime,13px -121.6666666667px #001eff,213px -403.6666666667px #0f8,-108px -242.6666666667px #00b7ff,208px -118.6666666667px #00ffea,108px 70.3333333333px #f0b,-40px 48.3333333333px blue,-62px -319.6666666667px #00d9ff,11px 47.3333333333px #00c4ff,133px -25.6666666667px #a0f,108px -402.6666666667px #70f,202px -155.6666666667px #00ff40,43px 70.3333333333px #7bff00,204px .3333333333px #d5ff00,61px -286.6666666667px #00eaff,99px -269.6666666667px #ff0073,-207px -318.6666666667px #0015ff,217px -326.6666666667px #0037ff,-178px -.6666666667px #6f0,85px -401.6666666667px #ff00e1,221px -267.6666666667px #c800ff,-11px -266.6666666667px #ef0,31px 75.3333333333px #ff0d00,-196px -127.6666666667px #f03,229px 81.3333333333px #3cff00,-27px -258.6666666667px #0fd,166px 23.3333333333px #95ff00}}@keyframes gravity{to{opacity:0;transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px)}}@keyframes position{0%,19.9%{margin-left:40%;margin-top:10%}20%,39.9%{margin-left:30%;margin-top:40%}40%,59.9%{margin-left:70%;margin-top:20%}60%,79.9%{margin-left:20%;margin-top:30%}80%,99.9%{margin-left:80%;margin-top:30%}}
/*# sourceMappingURL=main.1c7aae27.css.map*/