html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100dvh;min-height:100svh;overflow-y:auto;transition:background-color .5s ease}::-webkit-scrollbar{width:0}::selection{background-color:var(--highlight-background-color);color:var(--highlight-text-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{all:unset}footer{justify-content:center;margin-top:auto;padding:10px 0;width:100%}.App,footer{align-items:center;display:flex}.App{flex-direction:column;height:97dvh}:root{--tile-border:#fff3;--tile-border-filled:#ffffffb3;--tile-bg:#ffffff0a;--tile-shadow:0 0 10px #e6e5e51a;--tile-text:#fff}[data-theme=light]{--tile-border:#00000040;--tile-border-filled:#000000bf;--tile-bg:rgba(0,0,0,.045);--tile-shadow:0 0 10px #00000014;--tile-text:#000}.guessbox.filled:before{opacity:.2}.guessbox.filled{border-color:#ffffffb3;border-color:var(--tile-border-filled);box-shadow:0 0 10px #0000,0 0 10px #e6e5e51a;box-shadow:0 0 10px #0000,var(--tile-shadow);transform:translateY(-1px)}.guessbox{transition:background-color .2s ease var(--stagger),border-color .2s ease,color .2s ease,box-shadow .15s ease,transform 60ms ease var(--stagger);will-change:background-color,border-color,color,transform}.enter-box,.guessbox{background-color:#ffffff0a;background-color:var(--tile-bg);border:4px solid #fff3;border:4px solid var(--tile-border);border-radius:10px;box-shadow:0 0 10px #e6e5e51a;box-shadow:var(--tile-shadow)}.qmark{color:#fff;color:var(--tile-text)}.help-span:hover{background-color:var(--help-span-hover-bg);cursor:pointer}.box{background-color:#ffffff0a}.help-close-button{background-color:#fffc;border:.5px solid #00000080;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:10px 20px;transition:all .15s ease}.help-close-button:hover{background-color:#00000080;border-color:#fffc;color:#fff;transform:translateY(-2px)}.modal-help-backdrop.open{opacity:1;transform:scale(1)}.modal-help-info{background-color:var(--background-color-modal);border:2px solid #000;border-radius:10px;display:var(--display-modal-help);line-height:1.6;max-height:80vh;max-width:500px;min-height:150px;min-width:300px;overflow-y:auto;padding:20px;position:fixed;right:50%;top:50%;transform:translate(50%,-50%);transition:background-color .3s ease;z-index:1000}.modal-help-info:hover{background-color:#ffffffe6}.modal-help-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff05;display:var(--display-modal-help);height:100%;left:0;opacity:0;position:fixed;top:0;transform:scale(.98);transition:opacity .2s ease,transform .2s ease;width:100%;z-index:999}.qmark{animation:qpop .22s ease forwards;animation-delay:var(--stagger);opacity:0}.prev-guesses{perspective:800px}.history-card{animation:reveal .5s ease forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;transform:translateY(10px) scale(.98);will-change:opacity,transform}.header{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;padding:10px 12px}.header .theme{gap:10px;justify-self:start}.header .theme,.help-span{align-items:center;display:inline-flex}.help-span{height:42px;justify-content:center;width:42px}.switch{-webkit-appearance:none;appearance:none;background:#080808;border:1px solid #f4f4f4cc;border-radius:999px;cursor:pointer;height:18px;outline:none;position:relative;transition:background .2s ease;width:40px}.switch:after{background:#f1eeee;border-radius:50%;content:"";height:13px;left:2px;position:absolute;top:1.5px;transition:transform .2s ease-in-out;width:13px}.switch:checked{background:#f0efef;border:1px solid #151515cc}.switch:checked:after{background:#111010;transform:translateX(21px)}@keyframes reveal{to{opacity:1;transform:rotateY(0deg) translateY(0) scale(1)}}@keyframes qpop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.present{background-color:#c9b458cc;border-color:#c9b458}.absent,.present{color:#fff;opacity:.8;transform:rotateY(1turn)}.absent{background-color:#a71233cc;border-color:#787c7e}.correct{background-color:#6aaa64cc;border-color:#6aaa64}.correct,.missing{color:#fff;opacity:.8;transform:rotateY(1turn)}.missing{background-color:#0d15bb2e;border-color:#fcfcff2d}.modal-help-backdrop.help{opacity:0;transform:scale(.985);transition:opacity .18s ease,transform .18s ease}.modal-help-backdrop.help.open.is-entering{opacity:1;transform:scale(1)}.modal-help-backdrop.help.open.is-exiting{opacity:0;transform:scale(.985)}.modal-help-info.help{animation-fill-mode:both;opacity:0;transform:translate(50%,-50%) scale(.98)}.modal-help-info.help.is-entering{animation:modal-pop-in .22s ease both}.modal-help-info.help.is-exiting{animation:modal-pop-out .18s ease both}@keyframes modal-pop-in{0%{opacity:0;transform:translate(50%,-50%) scale(.98)}to{opacity:1;transform:translate(50%,-50%) scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:translate(50%,-50%) scale(1)}to{opacity:0;transform:translate(50%,-50%) scale(.985)}}:root{--tile-size:140px;--tile-font-max:50px;--tile-font-min:18px;--page-side-pad:16px}.guessbox{height:140px;height:var(--tile-size);width:140px;width:var(--tile-size)}.guessbox>span{font-size:clamp(18px,44.8px,50px)!important;font-size:clamp(var(--tile-font-min),calc(var(--tile-size)*.32),var(--tile-font-max))!important;height:100%!important;line-height:1;width:100%!important}.qmark{font-size:inherit!important}.header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.help-span{border-radius:8px}.switch{height:22px;width:48px}.switch:after{height:16px;top:2px;width:16px}.switch:checked:after{transform:translateX(26px)}.prev-guesses{overflow-x:auto;padding-left:16px;padding-left:var(--page-side-pad);padding-right:16px;padding-right:var(--page-side-pad);width:100%}body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width:1200px){:root{--tile-size:140px}}@media (max-width:992px){:root{--tile-size:82px}}@media (max-width:768px){:root{--tile-size:70px}.header{grid-template-columns:auto 1fr auto}}@media (max-width:600px){:root{--tile-size:60px}.help-span{height:36px;width:36px}}@media (max-width:420px){:root{--tile-size:52px;--tile-font-min:16px}.help-span{height:34px;width:34px}}.modal-help-info,.modal-help-infos{margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right);max-width:min(520px,calc(100% - 24px));width:calc(100% - 24px)}@media (max-width:420px){.modal-help-info,.modal-help-infos{border-radius:10px;padding:14px}.help-close-button{font-size:15px;padding:10px 16px}}@media (prefers-reduced-motion:reduce){.modal-help-backdrops,.modal-help-infos{animation:none!important;opacity:1!important;transform:translate(50%,-50%)!important;transition:none!important}}@media (max-width:420px){.modal-help-infos{max-width:calc(100% - 24px);padding:16px;width:calc(100% - 24px)}}