#root{display:flex;place-items:center;margin:0 auto;touch-action:manipulation;width:100%;min-width:320px;min-height:100dvh;background:var(--bg-color-dark);font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:400;letter-spacing:.015em;font-style:normal;font-variation-settings:"wdth" 100}.puzzle-header-info.is-small .puzzle-header-info-title{font-size:1rem}.puzzle-header-info.is-small .puzzle-header-info-subtitle{font-size:.75rem}.puzzle-header-info-title,.puzzle-header-info-subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puzzle-header-info-title{margin:0;line-height:1em;font-size:1.5rem;line-height:1.1em;position:relative;overflow:visible}.puzzle-header-title-tooltip-wrapper{position:absolute;top:175%;left:50%}.puzzle-header-title-tooltip{position:absolute;padding:.5em .75em;background:linear-gradient(0deg,var(--blue-600),var(--blue-700));border-radius:.5rem;color:var(--blue-100);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5em;max-width:40ch;transform:translate(-50%)}.puzzle-header-title-tooltip:before{--arrow-size: 6px;content:"";position:absolute;border-bottom:var(--arrow-size) solid var(--blue-700);border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;top:0%;left:calc(50% - var(--arrow-size) / 2);margin-top:calc(-1 * var(--arrow-size))}.puzzle-header-title-tooltip span{margin-left:.5em}.puzzle-header-info-subtitle{margin:0 0 .2em;font-size:1rem;opacity:.4;line-height:1.1em}.tile{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 0em;border:1.5px solid transparent;background:url(/assets/noise-5-DNsX4WOW.png),linear-gradient(-10deg,var(--blue-400),var(--blue-500)) padding-box,linear-gradient(150deg,rgba(255,255,255,.5),15%,transparent,85%,rgba(255,255,255,.25)) border-box,linear-gradient(-10deg,var(--blue-400),var(--blue-500)) border-box;background-blend-mode:overlay,normal,normal,normal;background-size:100px,auto,auto,auto;border-radius:var(--tile-border-radius);box-shadow:0 3px 5px #00000059;color:var(--blue-100);line-height:1;text-shadow:0 1px 1px rgba(255,255,255,.3);font-family:Archivo,sans-serif;text-transform:uppercase;font-weight:600}.tile.flexible-height{height:auto;padding:0}.tile.unsolved{background:#3c546d4d;border-color:#080d1373;border:none;box-shadow:none}.static-word{display:flex;gap:var(--tile-gap);justify-content:stretch;align-items:stretch}.solution-summary{width:100%;aspect-ratio:10 / 8;container-type:size;--tile-gap: max(2.5%, 4px);--tile-border-radius: 2.5cqw;display:flex;flex-direction:column;gap:var(--tile-gap);align-items:stretch;justify-content:stretch}.solution-summary-tile-word{flex:1 1 0;min-height:0;font-size:max(6cqw,10px)}.puzzle-card{padding:2rem;cursor:pointer;color:var(--text-color-base);font-variation-settings:"wdth" 90}.puzzle-card.is-small{padding:1rem}.puzzle-card.is-small .puzzle-card-header{margin-bottom:.75rem}.puzzle-card.is-small .puzzle-card-play-icon{width:20px;height:20px}.puzzle-card.is-small .puzzle-card-body{position:relative}.puzzle-card.is-small .puzzle-card-body .puzzle-card-play-icon{width:48px;height:48px}.puzzle-card.is-small .solved-badge{width:22px;height:22px}.puzzle-card.is-small .puzzle-card-hint-icon{width:16px;height:16px}.puzzle-card.is-small .solved-badges>*:not(:last-child){margin-right:5px}.puzzle-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.5rem}.puzzle-card-header-info{flex:1 1 auto;min-width:0}.puzzle-card-play-icon{width:40px;height:40px}.puzzle-card-hint-icon{width:24px;height:24px}.solved-badges{display:flex;flex-direction:row}.solved-badges>*:not(:last-child){margin-right:10px}.solved-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.solved-badges-hint,.solved-badges-complete{background:var(--success-color-darker)}.puzzle-card-body{position:relative}.puzzle-card-body .puzzle-card-play-icon{width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px var(--blue-100)) drop-shadow(0 7px 15px var(--blue-100))}.past-puzzles-section{padding:0;border-top:1px solid rgba(255,255,255,.05)}.past-puzzles-header{font-size:1.25rem;font-weight:700;color:var(--text-color-dark);padding:2rem 2rem 0}.past-puzzles-section ul{font-size:1.5rem;width:100%;padding:0;list-style:none;box-sizing:border-box;display:flex;gap:.75rem;padding:1rem 1rem 2rem;align-items:stretch;justify-content:stretch;overflow-x:scroll;scroll-snap-type:x mandatory}.past-puzzles-section li{flex:0 0 65%;width:65%;height:100%;min-width:0;min-height:200px;border-radius:.75rem;background:#00000026;scroll-snap-align:center}.copyright{margin:2rem auto;font-size:.875rem;color:var(--text-color-dark);text-align:center}.main-view{min-height:100dvh;max-height:100dvh;position:relative}.main-view .scroll-area{height:100dvh;overflow-y:auto;margin-bottom:10vh}.main-view header{display:flex;flex-direction:row;align-items:center;justify-content:center}.main-view header .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:min(2vw,1rem);padding:3rem 2rem 1rem;color:var(--highlight-color-base);font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;text-align:center;width:auto;max-width:400px}.main-view header .logo{width:100%}.main-view header h1{margin:0;line-height:1em;font-size:clamp(2rem,9vw,3.5rem);font-weight:800;letter-spacing:.025em;white-space:nowrap;text-align:left;font-variation-settings:"wdth" 125}.main-view .today-puzzle-section{margin-bottom:1rem}.main-view .info-footer{border-top:1px solid rgba(255,255,255,.05);padding:1rem 0 5rem;display:flex;flex-direction:column;margin:0 1rem}.main-view .install-section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:2rem 2rem 3rem}.main-view .install-section img{opacity:.65;width:175px;transform:translate(-2rem);margin-bottom:.75rem}.main-view .install-section .install-button{border:2px solid var(--highlight-color-base);color:var(--highlight-color-base);border-radius:1rem;padding:.75rem 2rem;background:none;font-weight:700;font-size:1.15rem;letter-spacing:.02em}.main-view .info-section{font-size:.875rem;line-height:1.5em;background-color:#00000026;padding:1.25rem;margin:.5rem 0;border-radius:1rem;color:var(--text-color-base)}.main-view .info-section h2{font-size:1.1rem;font-weight:700;margin:0;margin-bottom:.75rem}.main-view .info-section p{margin:.5rem 0;font-size:1rem}.main-view .info-section p,.main-view .info-section li{color:var(--text-color-dark)}.main-view .info-section ol{margin:.5rem 0;padding-left:1.5rem}.main-view .info-section .me-layout{display:flex;flex-direction:row;align-items:center;gap:.5rem}.main-view .info-section .muppet{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.main-view .info-section a{color:var(--highlight-color-base)}.main-view .install-dialog{position:fixed;inset:auto 0 -2.5rem;margin:0 auto;max-width:100%;width:100%;max-width:450px;background:var(--bg-color-mid);border:none;border-radius:1rem 1rem 0 0;padding:2.5rem 2.5rem 5rem;color:var(--text-color-base);box-sizing:border-box;outline:none;transform:translateY(100%);opacity:0;transition:transform .4s cubic-bezier(.34,1.3,.64,1),opacity .3s ease-out,display .4s allow-discrete,overlay .4s allow-discrete}.main-view .install-dialog[open]{transform:translateY(0);opacity:1}@starting-style{.main-view .install-dialog[open]{transform:translateY(100%);opacity:0}}.main-view .install-dialog .install-dialog-close-icon{position:absolute;top:0;right:0;padding:1rem;cursor:pointer;color:var(--text-color-dark)}.main-view .install-dialog::backdrop{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .3s ease-out,backdrop-filter .3s ease-out,display .3s allow-discrete,overlay .3s allow-discrete}.main-view .install-dialog[open]::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(8px) saturate(75%);backdrop-filter:blur(8px) saturate(75%)}@starting-style{.main-view .install-dialog[open]::backdrop{background:#0000;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%)}}.main-view .install-dialog p,.main-view .install-dialog ol,.main-view .install-dialog li{color:var(--text-color-dark);font-size:1.15rem;line-height:1.5}:is(.main-view .install-dialog p,.main-view .install-dialog ol,.main-view .install-dialog li) span{color:var(--text-color-base)}.main-view .install-dialog p{margin:0 0 1rem}.main-view .install-dialog ol{margin:0;padding-left:1.5rem;line-height:1.8}.main-view .install-dialog ol li{margin-bottom:.25rem}.main-view .install-dialog ol li:last-child{margin-bottom:0}.puzzle-view{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;color:#fff;background:url(/assets/noise-15-DDcgAl6X.png),linear-gradient(0deg,var(--blue-100),var(--blue-200));background-blend-mode:overlay,normal;background-size:100px,auto}.main{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,4vw,24px);box-sizing:border-box}.puzzle-view-header-info{text-align:center}.instructions-container{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:2rem}.solution-board-container{--word-count: 8;flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;transition:all .3s ease-in-out;padding:1.5rem}.solution-board-container.is-done{align-items:stretch;justify-content:center}.puzzle-view-solution-summary{aspect-ratio:auto;width:100%;height:100%}.solved-message-wrapper{text-align:center}.solution-board-wrapper{width:100%;flex:0 1 auto;min-height:0;max-height:100%;aspect-ratio:1 / calc(var(--word-count) / 8)}.footer{display:flex;justify-content:space-between}.footer-controls{display:flex;align-items:center;justify-content:space-around;margin-right:.5rem;width:100%}.footer-button{background:none;border:none;padding:.5em .75rem;font-size:1rem;font-weight:600;border-radius:8px;line-height:0;display:flex;align-items:center;gap:.35rem;position:relative;transition:opacity .2s}.footer-button:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.shuffle-button{color:var(--action-color-base)}.hint-section{display:flex;align-items:center}.hint-section>*:not(:last-child){margin-right:-.3em}.hint-button{color:var(--action-color-base)!important}.hint-icon-wrapper{position:relative}.hint-icon-wrapper.disabled:after{content:"";position:absolute;width:110%;left:8%;bottom:-8%;height:2px;background:var(--action-color-base);border:2.5px solid var(--bg-color-dark);border-radius:2px;transform:rotate(-35deg) scaleX(1);transform-origin:bottom left;pointer-events:none;z-index:2;animation:strike-through-shrink var(--strike-duration) linear forwards}.hint-count{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:.8rem;line-height:2.5ch;text-align:center;min-width:2.5ch;height:2.5ch;color:var(--action-color-base);border-radius:999px;border:1.5px solid var(--action-color-base);z-index:0}@keyframes strike-through-shrink{0%{transform:rotate(-40deg) scaleX(1)}to{transform:rotate(-40deg) scaleX(0)}}.draggable-tile{flex:1 1 0;overflow:visible;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout style}.letter-tile{--tile-light-color: var(--yellow-500);--tile-dark-color: var(--yellow-600);--tile-shadow-color: var(--highlight-color-dark);flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.15rem;padding:.6rem 0em .4rem;margin-bottom:6px;border:2px solid transparent;border-radius:var(--tile-border-radius);color:var(--yellow-100);line-height:1;box-shadow:0 2px 6px #00000026,0 6px var(--tile-shadow-color),0 1px 2px #00000080,0 8px 4px 2px #00000080;text-shadow:0 1px 1px rgba(255,255,255,.5);background:linear-gradient(-10deg,var(--tile-light-color),var(--tile-dark-color)) padding-box,linear-gradient(150deg,rgba(255,255,255,1),10%,transparent,90%,rgba(0,0,0,.2)) border-box,linear-gradient(-10deg,var(--tile-light-color),var(--tile-dark-color)) border-box}.letter-content{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:0;font-weight:700;font-size:1.5rem;width:1ch;text-transform:uppercase}.drag-handle{width:100%;max-width:2ch;height:3px;border-top:2px solid rgba(0,0,0,.15);border-bottom:2px solid rgba(0,0,0,.15);flex:0 0 auto;transition:height .5s .6s ease-in-out,margin .3s ease-in-out,.3s ease-in-out}.drag-handle.hidden{margin-top:0;height:0;border:0 solid transparent}.index-hint-container{width:2ch;height:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.index-hint{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:700;opacity:.5;transform:scale(1)}.tiles-container{width:100%;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;align-items:center;touch-action:pan-y;-webkit-overflow-scrolling:touch;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.draggable-tile-wrapper{list-style:none;display:inline-block;flex:1 1 0}.play-board{display:flex;flex-direction:column;gap:1rem;padding:1rem;padding-bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem));box-sizing:border-box;color:#fff;border-top:1.5px solid rgba(255,255,255,.125);background:url(/assets/noise-15-DDcgAl6X.png),linear-gradient(0deg,var(--blue-100),var(--blue-200));background-blend-mode:overlay,normal;background-size:100px,auto}.play-tiles{flex:1 1 0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.solved-message{padding:1rem}.solved-message-title-wrapper{display:flex;align-items:center;justify-content:center;gap:.5em;margin:0 1em 1em 0}.solved-message-title{font-size:2.5rem;margin:0}.solved-message-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.solved-message-button{background-color:var(--highlight-color-base);color:var(--highlight-color-darker);font-weight:700;font-size:1.25rem;border:none;border-radius:1rem;padding:.65em 1.25em;cursor:pointer;display:flex;align-items:center;gap:.5em}.solved-message-button.menu{background-color:var(--action-color-light);color:var(--bg-color-dark)}.game-wrapper{width:100%;background:url(/assets/noise-15-DDcgAl6X.png),linear-gradient(0deg,var(--blue-100),var(--blue-200));background-blend-mode:overlay,normal;background-size:100px,auto}.game{width:100%;max-width:640px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.game .view{position:absolute;inset:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--blue-600);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue-100: #031721;--blue-200: #01293a;--blue-300: #00516d;--blue-400: #007aa7;--blue-500: #008ecc;--blue-600: #37b6e5;--blue-700: #6fd0fd;--blue-800: #c4edff;--yellow-100: #4d3900;--yellow-200: #7f5d00;--yellow-300: #cda800;--yellow-400: #ebc600;--yellow-500: #ffe200;--yellow-600: #fff163;--yellow-700: #fff9a6;--green-100: #153200;--green-200: #244b00;--green-300: #3f7b00;--green-400: #63a731;--green-500: #8acd57;--green-600: #bae692;--green-700: #e2f6c8;--blue-100: color(display-p3 .031373 .090196 .12549);--blue-200: color(display-p3 .05098 .156863 .219608);--blue-300: color(display-p3 .082353 .313725 .415686);--blue-400: color(display-p3 .117647 .470588 .639216);--blue-500: color(display-p3 .152941 .54902 .780392);--blue-600: color(display-p3 .372549 .701961 .878431);--blue-700: color(display-p3 .529412 .807843 .972549);--blue-800: color(display-p3 .8 .92549 1);--yellow-100: color(display-p3 .290196 .227451 0);--yellow-200: color(display-p3 .478431 .368627 0);--yellow-300: color(display-p3 .780392 .662745 0);--yellow-400: color(display-p3 .898039 .780392 0);--yellow-500: color(display-p3 1 .890196 .266667);--yellow-600: color(display-p3 1 .94902 .478431);--yellow-700: color(display-p3 1 .976471 .690196);--green-100: color(display-p3 .109804 .192157 .023529);--green-200: color(display-p3 .180392 .290196 .039216);--green-300: color(display-p3 .305882 .478431 .105882);--green-400: color(display-p3 .45098 .647059 .266667);--green-500: color(display-p3 .6 .796078 .403922);--green-600: color(display-p3 .764706 .898039 .607843);--green-700: color(display-p3 .901961 .960784 .8);--bg-color-dark: var(--blue-100);--bg-color-mid: var(--blue-200);--highlight-color-base: var(--yellow-500);--highlight-color-dark: var(--yellow-300);--highlight-color-darker: var(--yellow-100);--success-color-light: var(--green-600);--success-color-base: var(--green-500);--success-color-dark: var(--green-300);--success-color-darker: var(--green-200);--action-color-light: var(--blue-600);--action-color-base: var(--blue-500);--action-color-dark: var(--blue-300);--solved-tile-color: var(--blue-500);--solved-tile-highlight-color: var(--blue-700);--unsolved-tile-color: rgba(255, 255, 255, .125);--text-color-base: white;--text-color-mid: rgba(255, 255, 255, .75);--text-color-dark: rgba(255, 255, 255, .5);--tile-border-radius: 10px;--tile-gap: 8px}a{font-weight:500;color:#646cff;text-decoration:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:#535bf2}body{margin:0}body:has(dialog[open]){overflow:hidden}ul{padding:0;margin:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--blue-300) var(--blue-100)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--blue-100)}*::-webkit-scrollbar-thumb{background-color:var(--blue-300);border-radius:4px;border:2px solid var(--blue-100)}*::-webkit-scrollbar-thumb:hover{background-color:var(--blue-400)}*::-webkit-scrollbar-corner{background:var(--blue-100)}