#root{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin:0 auto;padding:0;text-align:center;height:100%}.button-container{display:flex;justify-content:center;gap:6px;padding:20px 20px 100px}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.board-area{flex-grow:1;padding-top:100px}.whisper{font-style:italic}.tile{font-size:24px;font-weight:700;text-align:center;text-transform:uppercase;line-height:var(--tile-width);width:var(--tile-width);height:var(--tile-width);-webkit-user-select:none;user-select:none}.tile :empty{border:2px solid var(--grey)}.tile[data-animation=flip]{transform:rotateX(-90deg);animation:flip .25s ease-in forwards}.tiny{line-height:calc(var(--tile-width) / 2);width:calc(var(--tile-width) / 2);height:calc(var(--tile-width) / 2)}.tile-incomplete{border:2px solid var(--filled-tile-border)}.tile-completed{border:2px solid transparent}.tile-accuracy-correct{background-color:var(--green-tile)}.tile-accuracy-wrong-position{background-color:var(--yellow-tile)}.tile-accuracy-not-present{background-color:var(--gray-tile)}@keyframes flip{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.board{display:grid;grid-template-rows:repeat(5,1fr);grid-gap:5px;padding:10px;box-sizing:border-box;justify-content:center}.row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.row :nth-child(1){animation-delay:0ms}.row :nth-child(2){animation-delay:.1s}.row :nth-child(3){animation-delay:.2s}.row :nth-child(4){animation-delay:.3s}.row :nth-child(5){animation-delay:.4s}.row :nth-child(6){animation-delay:.5s}.win .tile{transform:rotateX(0);animation-name:bounce;animation-duration:1s}[data-animation=delete] .tile{animation-name:delete;animation-duration:.25s;animation-timing-function:ease-in;animation-fill-mode:forwards}[data-animation=shake]{animation-name:shake;animation-duration:.6s;animation-fill-mode:forwards}@keyframes delete{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(5px)}60%{transform:translateY(-15px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}header{width:100%;-webkit-user-select:none;user-select:none}header .toolbar{border-bottom:1px solid #766e61;height:48px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px}header .toolbar p{font-weight:700}header .toolbar .menu{display:flex;align-items:center;height:100%;gap:20px}header .toolbar .menu svg{width:22px;height:22px;cursor:pointer}header .toolbar .menu svg path{fill:#f8f8f8}.correct-spot-color{background-color:var(--green-tile)}.wrong-spot-color{background-color:var(--yellow-tile)}.help{width:100%;margin:auto}.help .instructions{font-size:16px;line-height:20px;list-style-type:disc;font-weight:500;margin-block-start:1em;margin-block-end:1em;padding-inline-start:20px;color:var(--color-tone-1)}.help .instructions li{margin-bottom:4px}.help .instructions li::marker{font-size:18px}.help .examples strong{font-weight:700}.help .examples p{margin:0;font-size:16px;line-height:20px}.help .example{margin-top:4px}.help .example p{font-size:16px;line-height:20px;margin:4px 0}.help .tile-row{display:flex;gap:4px}.modal-content{padding:16px;position:relative;border-radius:8px;border:1px solid #1a1a1b;background-color:#121213;color:#f8f8f8;box-shadow:0 4px 23px #0003;width:100%;max-height:100%;overflow-y:auto;animation:SlideIn .2s;box-sizing:border-box}.modal-content:focus{outline:none}.modal-content .heading{font-weight:700;font-size:16px;letter-spacing:.5px;text-transform:uppercase;text-align:center;margin-bottom:15px;margin-top:0;display:block}.modal-content .subheading{font-size:20px;font-weight:500}.close-icon{background:none;border:none;padding:0;width:27px;height:27px;position:absolute;top:16px;right:16px;-webkit-user-select:none;user-select:none;cursor:pointer;animation:AntiSlideIn .2s}.close-icon svg{width:100%;height:auto}.close-icon svg path{fill:#e4e1de}@keyframes SlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes AntiSlideIn{0%{transform:translateY(-30px)}to{transform:translateY(0);opacity:1}}@keyframes SlideOut{0%{transform:translateY(0);opacity:1}90%{opacity:0}to{opacity:0;transform:translateY(60px)}}.setting{font-weight:"500";display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3a3c;padding:16px 0}.setting .text{padding-right:8px}.setting .title{font-size:18px;margin-bottom:0}.setting .description{font-size:12px;color:#dfdfdf;margin-top:0}.container{flex:1}@media only screen and (min-device-width: 320px) and (max-device-width: 480px){.setting{padding:16px}}.switch-container{display:flex;justify-content:space-between}.switch-container.checked button{background:#538d4e}.switch-container.checked .knob{transform:translate(calc(100% - 4px))}.switch-container button{height:20px;width:32px;background:#565758;border:none;border-radius:999px;display:block;position:relative;cursor:pointer}.switch-container button .knob{display:block;position:absolute;left:2px;top:2px;height:calc(100% - 4px);width:50%;border-radius:8px;background:#fff;transform:translate(0);transition:transform .3s}.switch-container .disabled{opacity:.5;cursor:not-allowed}:root{font-family:Arial;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: #e4e1de;--yellow-tile: #917f2f;--green-tile: #42713e;--gray-tile: #2c3032;--empty-tile-border: #6f675b;--filled-tile-border: #818384;--background-color: #0e0f10;--tile-width: 55px}html{margin:0;padding:0;height:100dvh}body{margin:0;padding:0;min-width:320px;height:100%;background-color:var(--background-color)}.game-button{color:#e4e1de;font-size:12px;background-color:#5e666a;-webkit-tap-highlight-color:rgba(232,230,227,.3);border:0px;font-weight:700;border:0;padding:0 6px;height:58px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase}.info{font-family:Courier Prime,Arial;display:flex;flex-direction:column;justify-content:center;font-size:1.17rem;font-weight:700;gap:10px;margin:60px 0}.info p{margin:0}.toastContainer{position:relative;z-index:1000}.toaster{position:absolute;top:45px;left:50%;transform:translate(-50%);pointer-events:none;width:fit-content}.toast{position:relative;margin:16px;background-color:#f8f8f8;color:#121213;padding:13px;border:none;border-radius:4px;opacity:1;transition:opacity .3s cubic-bezier(.645,.045,.355,1);font-weight:700;font-size:14px;line-height:16px;-webkit-user-select:none;user-select:none}.fade{opacity:0}