.alert-wrapper{position:fixed;width:100%;height:100%;bottom:0;display:flex;justify-content:center;pointer-events:none;overflow:hidden}.alert-relative{position:relative}.alert{position:absolute;pointer-events:all;display:flex;align-items:center;background-color:var(--background);color:var(--background);font-weight:700;bottom:-400px;transform:translate(-50%);border-radius:4px;box-shadow:0 3px 5px var(--contrast);min-width:350px;padding:.5rem;gap:.5rem;background-color:var(--alert-primary)}.alert-content{padding:.5rem;flex:1}.slide-up{animation:SlideUp var(--alert-transition-time) ease 0s 1 forwards}@keyframes SlideUp{0%{bottom:-200px}50%{bottom:2.5rem}75%{bottom:1.75rem}90%{bottom:2.2rem}to{bottom:2rem}}.slide-down{animation:SlideDown var(--alert-transition-time) ease 0s 1 forwards}@keyframes SlideDown{0%{bottom:2rem}to{bottom:-200px}}.alert-close-button{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:4px;border:2px solid var(--contrast);color:var(--contrast);margin-right:.5rem;cursor:pointer;transition:all .1s ease;opacity:.75}.alert-close-button:hover{opacity:.5}.splash-score-container{position:absolute;width:100%;top:0;left:0;height:100%;z-index:50;pointer-events:none}.splash-scores{position:relative;width:100%;height:100%}.splash-score{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;animation:Splash 2s ease 0s 1 forwards;text-align:center;font-size:2rem;font-weight:700;padding:.5rem;border-width:2px;border-style:solid;border-radius:8px;border-color:#fffb;background-color:var(--primary)}.splash-score.normal{color:#fffb;background-color:var(--palette-1)}.splash-score.good{color:#fffb;background-color:var(--palette-2)}.splash-score.great{color:#fffb;background-color:var(--palette-3)}.splash-score.excellent{color:var(--primary);background-color:var(--palette-4)}.splash-score.legendary{color:var(--primary);background-color:var(--palette-5)}@keyframes Splash{0%{scale:.5;opacity:0}15%{opacity:1;scale:1}95%{opacity:1;scale:1}to{opacity:0;scale:.25}}.tile{background-color:var(--primary);color:var(--background);font-family:Open Sans,sans-serif;font-size:3rem;font-weight:700;--tile-size: calc(calc(var(--play-width) - 6 * var(--board-gap)) / 5);width:var(--tile-size);height:var(--tile-size);position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;border:none}.tile:active{scale:.95}.tile.inverted:active{scale:.9}.tile *{-webkit-user-select:none;user-select:none}.tile.swappable{color:var(--palette-4)}.tile.replaceable{color:var(--palette-3)}.underlay{position:absolute;width:100%;height:100%;left:0;top:0;display:none;z-index:0;justify-content:center;align-items:center;opacity:.5}.replaced .replaced-underlay{display:flex;color:var(--palette-3)}.swapped .swapped-underlay{display:flex;color:var(--palette-4)}.tile.selected{background-color:var(--palette-1)}.tile.swap-target{background-color:var(--palette-4);color:var(--primary)}.tile.replacement-target{color:var(--primary);background-color:var(--palette-3)}.tile.inverted{background-color:var(--background);color:gray}.tile.inverted .modifier{color:gray}.tile:not(.inverted):hover,.tile:not(.inverted):focus-within{animation:jostle .25s ease 0ms 1 forwards}@keyframes jostle{0%{rotate:0}25%{rotate:3deg}50%{rotate:0}75%{rotate:-3deg}to{rotate:0}}@keyframes ZBounce{0%{scale:1}50%{scale:.95}to{scale:1}}.target-area{position:absolute;width:80%;height:80%;cursor:pointer;z-index:5}.letter{z-index:3;font-size:calc(var(--tile-size) / 2 * var(--tile-font-size-adjustment))}.modifier{position:absolute;top:0;right:0;padding:4px;font-size:calc(var(--tile-size) / 6);font-weight:700;color:var(--highlight);line-height:85%;z-index:3}.length-modifier{font-size:calc(var(--tile-size) / 6);color:var(--palette-5);right:unset;left:0}.letter-score{position:absolute;bottom:0;right:0;padding:4px;font-size:calc(var(--tile-size) / 6);font-weight:700;line-height:85%;z-index:3}.inverted .replace-overlay,.inverted .swap-overlay{display:none}.played-overlay{position:absolute;width:100%;height:100%;z-index:1;background-color:var(--palette-1);opacity:0;transition:all .1s ease}.played-overlay.active{opacity:.5}.replace-overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fffd;color:var(--palette-3);z-index:6;pointer-events:none;opacity:0;transition:all .1s ease}.tile:hover .replace-overlay.active{opacity:1}.tile.replacement-target:hover .replace-overlay{opacity:0}.swap-overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--palette-4);background-color:#fffd;z-index:6;pointer-events:none;opacity:0;transition:all .1s ease}.tile:hover .swap-overlay.active{opacity:1}.tile.swap-target:hover .swap-overlay{opacity:0}.obj_bound{position:absolute;z-index:10;--bound-width: 2px;background-color:#000}.obj_bound.north{height:var(--bound-width);width:100%;top:0}.obj_bound.south{height:var(--bound-width);width:100%;bottom:0}.obj_bound.west{height:100%;width:var(--bound-width);left:0}.obj_bound.east{height:100%;width:var(--bound-width);right:0}.motion-0{background-color:red!important}.motion-90{background-color:#00f!important}.motion-180{background-color:green!important}.motion-270{background-color:#ff0!important}.tile .scarab{position:absolute;display:none;color:var(--primary);border:2px solid var(--primary);width:100%;height:100%;justify-content:center;align-items:center;text-align:center;font-size:calc(var(--tile-size) / 2);--anim-delay: 0s;transition:opacity .5s ease}.tile .anti-scarab{position:absolute;display:none;color:var(--background);border:2px solid var(--background);width:100%;height:100%;justify-content:center;align-items:center;text-align:center;font-size:calc(var(--tile-size) / 2);--anim-delay: 0s;transition:opacity .5s ease}.tile.landing-default .anti-scarab{opacity:0}.tile.landing-default .scarab{opacity:1}.tile.landing-excited .scarab{opacity:0}.tile.landing-excited .anti-scarab{opacity:1}.tile.landing-asleep .scarab,.tile.landing-asleep .anti-scarab{opacity:0}.tile:not(.interactable){cursor:default}.tile:not(.interactable) .target-area{display:none}.tile:not(.interactable) .letter{display:none}.tile:not(.interactable) .letter-score{display:none}.tile:not(.interactable) .anti-scarab{display:flex;animation:AntiPalette 4s ease var(--anim-delay) infinite forwards}.tile:not(.interactable) .scarab{display:flex;animation:Palette 4s ease var(--anim-delay) infinite forwards}.play-overlay{cursor:pointer;position:absolute;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:calc(var(--tile-size) / 2);color:var(--primary);border:none;background-color:var(--background);border-radius:0}@keyframes Palette{0%{color:var(--palette-1);border-color:var(--palette-2)}20%{color:var(--palette-2);border-color:var(--palette-3)}40%{color:var(--palette-3);border-color:var(--palette-4)}60%{color:var(--palette-4);border-color:var(--palette-5)}80%{color:var(--palette-5);border-color:var(--palette-1)}to{color:var(--palette-1);border-color:var(--palette-2)}}@keyframes AntiPalette{0%{background-color:var(--palette-1)}20%{background-color:var(--palette-2)}40%{background-color:var(--palette-3)}60%{background-color:var(--palette-4)}80%{background-color:var(--palette-5)}to{background-color:var(--palette-1)}}.tile .selection-arrow{position:absolute;width:25%;height:25%;display:flex;justify-content:center;align-items:center;font-size:calc(var(--play-width) / 24);opacity:0;z-index:2;color:var(--palette-2);transition:all .1s ease}.tile .selection-arrow.active{opacity:1}.board{position:relative;display:flex;flex-direction:column;--board-gap: .5rem;gap:var(--board-gap);width:100%;align-items:center}.row{display:flex;gap:var(--board-gap)}.leaderboard{display:flex;flex-direction:column;width:100%;border:2px solid var(--primary);border-radius:4px;overflow:hidden}.leaderboard .score-row{width:100%;display:flex;padding:.5rem;align-items:center;gap:.5rem}.leaderboard .score-row:not(:last-of-type):not(.your-score){border-bottom:1px solid rgba(255,255,255,.4)}.leaderboard .title{background-color:var(--primary);color:var(--background);font-weight:700;width:100%;padding:.5rem;border-bottom:2px solid var(--primary)}.leaderboard .your-score{border-bottom:2px solid var(--primary)}.leaderboard .your-score input{min-width:50px}.leaderboard .your-score-details{display:flex;align-items:center;gap:.5rem}.leaderboard .your-score-details button{background-color:transparent;border:none;color:var(--palette-3);font-size:125%;transition:all .1s ease}.leaderboard .your-score-details button:active{scale:.9}.leaderboard .loading-container{cursor:wait;width:100%;height:min(600px - 4rem,95vw - 4rem);display:flex;justify-content:center;align-items:center;background-color:#fff1}.leaderboard .none-found{width:100%;height:min(600px - 4rem,95vw - 4rem);display:flex;justify-content:center;align-items:center}.leaderboard .none-found *{width:200px;text-align:center}.dialogue{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:100;padding-top:4rem;padding-bottom:2rem}.dialogue button.important{width:100%;padding:1rem;gap:1rem;font-size:1.5rem;font-weight:700;background-color:var(--palette-5);border:none;color:var(--background);transition:all .25s ease}.dialogue button.important:active{scale:.9}.dialogue-internal{position:relative;border-radius:4px;transition:all .25s ease;box-shadow:0 3px 5px var(--contrast)}.dialogue-content{width:min(600px - 1rem,95vw);display:flex;flex-direction:column;background-color:var(--background);color:var(--contrast);padding:2rem;gap:1rem;z-index:2;border-radius:inherit;--element-color: var(--palette-5)}.dialogue-content h1,.dialogue-content h2,.dialogue-content p{margin:0}.dialogue-content b,.dialogue-content h1{color:var(--element-color)}.dialogue-content h2{color:var(--palette-2)}.dialogue-content h3{color:var(--palette-3)}.dialogue-content h4{color:var(--palette-4)}.dialogue-content h5{color:var(--palette-5)}.dialogue-content em{font-style:normal;color:var(--element-color)}.dialogue-section{display:flex;width:100%}.dialogue-section.col{flex-direction:column}.dialogue-controls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:1rem;width:100%}.dialogue-controls button{height:2.5rem;border:none;border-radius:1000px;transition:all .25s ease;padding:0rem 1rem;font-weight:700}.dialogue-controls button:active{scale:.9}.dialogue-controls button:nth-of-type(1){background-color:var(--palette-1)}.dialogue-controls button:nth-of-type(2){background-color:var(--palette-2)}.dialogue-controls button:nth-of-type(3){background-color:var(--palette-3)}.dialogue-controls button:nth-of-type(4){background-color:var(--palette-4)}.dialogue-controls button:nth-of-type(5){background-color:var(--palette-5)}.dialogue.initial{opacity:0;display:none!important}.dialogue.asleep{opacity:0;pointer-events:none;display:flex}.dialogue.asleep .dialogue-content{height:1px!important;overflow:hidden}.dialogue.waking{opacity:1}.dialogue.awake{opacity:1;pointer-events:all}.dialogue.dozing{opacity:0}.section-toggle{width:100%;display:flex;background-color:var(--highlight-trans-22);font-weight:700;border:none;color:var(--highlight);transition:all .2s ease}.section-toggle.active{color:var(--background);background-color:var(--highlight)}.played-words{display:flex;flex-direction:column;width:100%}.played-words .word .text,.played-words .word .number{font-size:2rem}.final-score{display:block;width:100%;font-size:8rem;color:var(--palette-2);line-height:150px;translate:0 -30px}#game-over-dialogue .dialogue-content{text-align:center}#game-over-dialogue .dialogue-content h1{width:100%;text-align:center}#game-over-dialogue .dialogue-content .game-over-tab{display:flex;flex-direction:column;gap:.5rem}#game-over-dialogue .dialogue-content .dialogue-controls{justify-content:center}#puzzle-intro-dialogue .dialogue-section{text-align:center;justify-content:center;z-index:2}#puzzle-intro-dialogue .dialogue-background{position:absolute;top:0;left:0;width:100%;height:100%;word-wrap:break-word;color:var(--highlight);font-size:calc(var(--play-width) / 8);display:block;opacity:.1;line-height:calc(var(--play-width) / 9);overflow:hidden;text-align:center}#puzzle-intro-dialogue .play{width:8rem;height:8rem;border:none;border-radius:1000px;margin-bottom:2rem}#puzzle-intro-dialogue h3{margin:0;font-size:2rem;translate:0px -2rem;color:var(--palette-5)}.puzzles-list{display:flex;flex-direction:column;gap:.5rem}.puzzles-list .puzzle{color:var(--background);width:100%;padding:.5rem;border-radius:8px;border:2px solid var(--offset);background-color:var(--primary);cursor:pointer;text-decoration:none;font-weight:700;display:flex;gap:.5rem}.puzzles-list .puzzle .noscore{display:none}#puzzle-intro-dialogue button{transition:all .1s ease}#puzzle-intro-dialogue button:active{scale:.9}h1.dialogue-heading{display:flex;align-items:center;gap:.5rem;width:100%}h1.dialogue-heading button{background-color:transparent;border:none;color:var(--primary);font-size:2rem;transition:all .1s ease}h1.dialogue-heading button:active{scale:.9}#info-dialogue a{color:var(--palette-5)}#info-dialogue a:visited{color:var(--palette-4)}#settings-dialogue .settings-section{flex-direction:column;gap:.5rem}#settings-dialogue textarea{width:100%;height:5rem;background-color:var(--primary);border:2px solid var(--offset);border-radius:4px;outline:none}#settings-dialogue .controls{display:flex;gap:.5rem;justify-content:flex-end}#settings-dialogue .controls button{cursor:pointer;border:none;background-color:transparent;color:var(--palette-5);font-size:1.5rem;transition:all .1s ease}#settings-dialogue .controls button:active{scale:.9}#installation-dialogue a,#installation-dialogue a:visited{color:var(--highlight)}.leaderboard-section{display:flex;flex-direction:column;gap:1rem}.notifications-list{display:flex;flex-direction:column}.notification{--el-border: 2px solid var(--palette-2);background-color:var(--palette-2);border:var(--el-border);border-bottom:none;display:flex;flex-direction:column;overflow:hidden}.notification .header,.notification .body{border-radius:6px;display:flex;padding:.5rem}.notification .header{width:100%;align-items:center;background-color:var(--offset);border-bottom:var(--el-border);gap:.5rem;color:var(--palette-2);font-weight:700}.notification .header .hl{color:var(--background)}.notification .body{width:calc(100% - 1rem);font-size:1rem;background-color:var(--offset);color:var(--background);overflow:hidden;margin:.5rem}.notification:first-of-type{border-radius:4px 4px 0 0}.notification:last-of-type{border-radius:0 0 4px 4px;border-bottom:var(--el-border)}.calendar{--pad: .5rem;border-radius:4px;border-width:8px;border-style:solid;border-color:var(--palette-1);background-color:var(--palette-1);width:100%;text-align:center;overflow:hidden}.calendar input{text-align:center}.calendar button,.calendar input[type=text]{border:none;border-radius:0;background-color:var(--primary);transition:all .1s ease}.calendar button:active{scale:.9}.calendar .year{width:100%;display:flex;justify-content:center;background-color:var(--primary);border-radius:2px;overflow:hidden;margin-bottom:2px}.calendar .month{width:100%;display:flex;justify-content:center;background-color:var(--primary);border-radius:2px;overflow:hidden}.calendar .days-of-the-week{width:100%;display:flex;gap:var(--pad);padding-top:var(--pad);padding-bottom:0}.calendar .days-of-the-week .day{font-size:.75rem;background-color:transparent;color:var(--primary);border:none;padding:0}.calendar .days{width:100%;display:flex;flex-direction:column;margin-top:var(--pad);overflow:hidden;border-radius:2px;gap:2px}.calendar .days .days-row{gap:2px;display:flex}.calendar .days .days-row .day.disabled{pointer-events:none;cursor:default;background-color:#00000080;border:none;color:#ffffff40}.calendar .days .day:hover{background-color:var(--offset)}.calendar .day{position:relative;border-width:0px;border-style:solid;background-color:var(--primary);padding:.5rem;color:var(--background);border-color:var(--offset);cursor:pointer;width:14.2857142857%;overflow:hidden;font-size:calc(var(--play-width) / 32);transition:all .1s ease;text-decoration:none}.calendar .day .day-number{z-index:2}.calendar .day .score-underlay{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;opacity:.5}.calendar .day .completion-icon{position:absolute;z-index:1;top:0;font-size:.5em;padding:.1em;color:#00000080}.calendar .day .calendar-score{position:absolute;z-index:1;bottom:0;font-size:.5em;padding:.1em;color:#00000080}.calendar .day.today{font-weight:700}.calendar .actions{padding-top:.5rem;width:100%;display:flex;justify-content:flex-end}.calendar .actions button{background-color:transparent;border:none;color:#00000080;font-size:1rem}.calendar .actions button.active{color:var(--highlight)}.select{position:relative;width:100%}.select .selected{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:var(--background);border-radius:4px;border:2px solid var(--offset);padding:.5rem;cursor:pointer}.select .selected .label{font-weight:700}.select .options-container{position:absolute;opacity:0;pointer-events:none;transition:all .25s ease;display:flex;flex-direction:column;width:100%;z-index:3;color:var(--background)}.select .options-container .options{background-color:var(--primary);border-radius:4px;box-shadow:1px 1px 5px var(--background);overflow-y:auto}.select .options-container .options .option{width:100%;cursor:pointer;text-align:end;padding:.5rem;border-bottom:1px solid var(--offset);transition:all .1s ease;display:flex;align-items:center}.select .options-container .options .option:last-of-type{border-bottom:none}.select .options-container .options .option:hover{background-color:var(--offset)}.select .options-container.active{pointer-events:all;opacity:1}.select.up .options-container{bottom:100%;padding:.5rem 0rem}.select.down .options-container{top:100%;padding:.5rem 0rem}.select.left-up .options-container{right:100%;bottom:0;padding:0rem .5rem}.select.left-down .options-container{right:100%;top:0;padding:0rem .5rem}.select.right-up .options-container{left:100%;bottom:0;padding:0rem .5rem}.select.right-down .options-container{left:100%;top:0;padding:0rem .5rem}.easteregg{position:fixed;z-index:1000;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000bf}.easteregg img{max-width:100%;max-height:100%;overflow:hidden;border-radius:8px;animation:Spin 5s linear 0s infinite forwards}.easteregg button{position:absolute;z-index:2;right:20px;bottom:20px;background-color:transparent;color:#8b0000;font-size:2rem;border:none}@keyframes Spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.powerups{display:flex;gap:.5rem;padding:0rem 1rem}.ui-tall .powerups{padding:0rem .25rem}.replace{border-color:var(--palette-3);color:var(--palette-3);background-color:var(--palette-3-trans)}.replace.active{background-color:var(--palette-3);color:var(--primary)}.swap{color:var(--palette-4);background-color:var(--palette-4-trans);border-color:var(--palette-4)}.swap.active{background-color:var(--palette-4);color:var(--primary)}.powerup{border-style:solid;border-width:4px;display:flex;flex-direction:column;border-radius:8px;align-items:center;font-size:1.25rem;font-weight:700;padding:1rem;cursor:pointer;transition:all .1s ease}.powerup.active svg{animation:PowerupPulse 1s ease 0s infinite forwards}@keyframes PowerupPulse{0%{scale:1}50%{scale:1.25}to{scale:1}}.powerups .powerup.used{background-color:var(--background);border-color:gray;color:gray}.score{width:100%;display:flex;gap:1rem;padding:0rem 1rem;font-family:Playfair Display}.score>*{flex:1;display:flex;flex-direction:column;border-radius:8px;padding:.25rem;align-items:center;color:var(--palette-5);font-weight:700;text-align:center}.score-val{font-size:calc(var(--play-width) / 6)}.ui-tall .puzzle-top-row .selected-word-container{display:none}.puzzle-second-row .selected-word-container{justify-content:center}.selected-word-container{height:100%;flex:1;text-align:end;font-size:1.5rem;font-weight:700;display:flex;justify-content:flex-end;align-items:center;word-break:break-all}.selected-word-container .small{font-size:75%}.selected-word-container .scorenum{word-break:keep-all}.selected-word-container:not(.valid)>*{color:var(--primary)}.selected-word-container.valid>*{color:var(--highlight)}.toolbar{font-family:Playfair Display;font-weight:700;letter-spacing:-2px;position:fixed;top:0;width:100vw;display:flex;flex-direction:column;height:var(--toolbar-height);align-items:center;font-size:1.5rem;color:var(--offset);z-index:100;background-color:var(--palette-2)}.toolbar .controls{position:relative;padding:0rem .5rem;background-color:var(--palette-2);height:100%;width:min(100vw,600px);display:flex;justify-content:flex-start;align-items:center}.toolbar .controls a.active:hover,.toolbar .controls button.active:hover{color:var(--background)}.toolbar .controls .items{display:flex}.toolbar .title{cursor:pointer}.toolbar .title p{margin:0}.toolbar .controls .home{font-size:1.4rem}.toolbar .controls .items>*{padding:.5rem;background-color:transparent;border:none;font-size:1.5rem;color:var(--background);display:flex;justify-content:center;align-items:center;transition:all .25s ease}.toolbar .controls .items>*:hover{color:gray}.toolbar .controls .items>*:active{scale:.9}.toolbar .controls .items>*.active{color:var(--primary)}.toolbar .controls .items>*.active:hover{color:gray}.toolbar .controls .title{color:var(--primary)}.toolbar .controls .dropdown{background-color:var(--palette-2);position:absolute;left:0;top:100%;height:calc(var(--toolbar-height) + 4px);display:block;width:100%;height:100%;border-top:2px solid var(--background);border-bottom:2px solid var(--background)}.dropdown .items{width:100%;justify-content:space-around}.turn-counter{display:flex;flex-direction:column;max-height:100%;overflow:hidden;padding:0rem 1rem 0rem .5rem;justify-content:space-evenly;align-items:center}.scarab{font-size:.75rem;color:var(--primary)}.word-actions{display:flex;height:100%;padding:0rem 0rem 0rem 1rem;gap:.5rem}.word-actions button{background-color:var(--element-color);color:var(--primary);border:none;padding:1rem 1.3rem;font-size:1.25rem}.word-actions button.invalid{border-color:gray;background-color:gray;color:var(--background)}.word-actions .play{padding:1rem 1.4rem;--element-color: var(--highlight)}.word-actions .undo{--element-color: var(--palette-1)}.ui-tall .word-actions{padding:0rem .25rem}.wordlist{display:flex;flex-direction:column;width:100%;gap:.5rem;padding-bottom:2rem}.played-word{width:100%;display:flex;justify-content:space-between;padding:0rem 1rem;color:var(--highlight);font-size:1.5rem}.played-word .text{text-decoration:underline}.active-puzzle-name{padding:0rem 1rem;font-weight:700;color:var(--primary)}@font-face{font-family:openSans;src:url(fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf)}@font-face{font-family:playwriteUS;src:url(fonts/Playwrite_US_Modern/PlaywriteUSModern-VariableFont_wght.ttf)}*{box-sizing:border-box}body{margin:0;font-family:openSans,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--toolbar-height: 50px;background-color:#222}h1,h2,h3,h4,h5,h6{font-family:Playfair Display}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;width:100%;display:flex;justify-content:center;color:var(--text);background-color:var(--palette-2-trans)}.nodisplay{display:none!important}.animation-disabled{animation:none!important}.wait *{cursor:wait!important}.flex-fill{flex:1 1}.danger{color:var(--danger)}button{-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:.5rem;gap:.5rem;border-radius:4px}input[type=text]{border-radius:4px;border:2px solid var(--offset);padding:.5rem}#play-area{position:relative;z-index:3;padding-top:var(--toolbar-height);--play-width: min(100vw, 600px);width:var(--play-width);display:flex;flex-direction:column;min-height:100vh;gap:1rem;background-color:#0008}.puzzle-top-row,.puzzle-second-row{padding-top:1rem;display:flex;width:100%}.puzzle-top-row button,.puzzle-second-row button{transition:all .25s ease}.puzzle-top-row button:active,.puzzle-second-row button:active{scale:.9}.landing-top-row{padding:.5rem;padding-bottom:0;gap:1rem;padding-top:1rem;display:flex;justify-content:center}.landing-top-row button{flex:1;font-size:calc(var(--play-width) / 20);border-style:solid;border-width:2px;border-radius:4px;padding:.5rem calc(var(--play-width) / 20);cursor:pointer;transition:all .1s ease;color:var(--palette-5);background-color:var(--palette-5-trans);border-color:var(--palette-5);letter-spacing:normal;transition:all .4s ease}.landing-top-row button:active{scale:.9}.puzzle-top-row{overflow:hidden}.puzzle-second-row{padding:0rem 1rem}.ui-tall .puzzle-top-row{justify-content:center}.ui-wide .puzzle-second-row{display:none}.ui-wide .only-tall,.ui-tall .only-wide{display:none!important}.logoname{font-weight:700;letter-spacing:-2px;font-family:Playfair Display}.gold{color:gold}.silver{color:silver}.bronze{color:#cd7f32}.normal{color:var(--palette-1)}.good{color:var(--palette-2)}.great{color:var(--palette-3)}.excellent{color:var(--palette-4)}.legendary{color:var(--palette-5)}.normal-bg{background-color:var(--palette-1)}.good-bg{background-color:var(--palette-2)}.great-bg{background-color:var(--palette-3)}.excellent-bg{background-color:var(--palette-4)}.legendary-bg{background-color:var(--palette-5)}.flex-col{flex-direction:column}.subtle-button{justify-content:flex-start;background-color:transparent;border:none;font-weight:700;color:var(--palette-4)}.input-container{width:100%;display:flex;justify-content:space-between;align-items:center}.input-container .right,.input-container .left{width:50%;display:flex;align-items:center;justify-content:space-between}