body{margin:0}:root{--hex-width:max(6dvw,120px);--hex-height:calc(var(--hex-width)*0.866);--hex-hug:calc(var(--hex-width)*0.75);--hex-gap:calc(var(--hex-width)*0.06);--hex-offset:calc(var(--hex-height)*0.53);--hex-text:calc(var(--hex-width)*0.25)}html{font-size:clamp(12px,calc(100dvw/120),24px)}.App{background:#fff;color:#000}.App,.dark-mode{-webkit-tap-highlight-color:transparent;height:100dvh;text-align:center;width:100dvw}.dark-mode{background:#161616;color:#fff}.main{align-items:center;display:inline-flex;flex-direction:row;height:90%;overflow:none;width:80dvw}.unsupported{display:none}.game-box{flex:1 1;flex-direction:column;justify-items:center}.game-box,.header{align-items:center;display:flex}.header{background-color:#ffdb0b;font-family:Nunito;height:10dvh;justify-content:center;padding-left:10dvw;padding-right:10dvw}.title{color:#000;flex:2 1;font-family:Quicksand;font-size:5rem;font-weight:600;padding-bottom:1rem;text-align:center}.header-element-container{justify-content:right}.header-element-container,.logo-box{align-items:center;display:flex;flex:1 1;width:20%}.logo-box{justify-content:left}.logo{height:10dvh}.new-button{fill:#fff;stroke:grey;stroke-width:1;cursor:pointer;height:8dvh;margin-left:4rem;width:8dvh}.new-button:hover{stroke:#000}.dark-mode .new-button:hover{stroke:#fff}.line{stroke:#000;stroke-width:2}.dark-mode .new-button{fill:#000}.dark-mode .line{stroke:#fff}.cover{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.menu{background:#fff;border-radius:1rem;box-shadow:.5rem .75rem .25rem .25rem #00000080;color:#000;display:flex;flex-direction:column;font-family:Nunito;height:-webkit-max-content;height:max-content;min-height:10rem;min-width:24rem;position:relative;text-align:center}.menu-heading{border-bottom:2px solid;font-size:2rem;font-weight:400;padding-top:.25rem;width:100%}.menu-body{font-size:1.5rem;font-weight:200;min-width:-webkit-fit-content;min-width:fit-content;padding:2rem}.menu-button-row{display:flex;justify-content:space-around;margin-bottom:1rem;width:100%}.x-button{stroke:#000;cursor:pointer;height:1.5rem;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.dark-mode .x-button{stroke:#fff}.dark-mode .menu{background:#000;border:1px solid grey;box-shadow:.25rem .25rem .25rem .1rem #ffffff1a;color:#fff}#diff-button{font-size:1.5rem;min-width:4em;width:4em}.text-input{font-family:Nunito;font-size:3rem;font-weight:600;height:4rem;margin-bottom:1.5rem;padding-top:0;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.center-letter,.cursor{color:#ffdb0b}.cursor{animation:blink 1s step-start infinite;font-family:Nunito;font-weight:300;margin-left:-.25rem}@keyframes blink{50%{opacity:0}}.box{border:1px solid grey;border-radius:.75rem;flex:1 1;margin:1rem}.box,.box-text-area{display:flex;flex-direction:column;height:90%}.box-text-area{align-content:flex-start;column-gap:1.5rem;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;width:100%}.box-text{border-bottom:.125rem solid grey;font-family:Nunito;font-size:1.25rem;font-weight:300;height:1.5rem;margin-left:.5rem;text-align:left;text-transform:capitalize;width:6.5em}.box-heading{align-items:center;border-bottom:1px solid grey;display:flex;flex-direction:row;font-family:Nunito;font-size:1.5rem;font-weight:400;justify-content:center;min-height:4rem;-webkit-user-select:none;user-select:none;width:100%}.guessed-text{flex:1.25 1}.guessed-text,.score-text{margin-bottom:.33rem;margin-top:.33rem;padding-left:.5rem}.score-text{flex:1 1}#hint{color:#fff}.dark-mode #hint{color:#161616}#hint:hover,.dark-mode #hint:hover{color:inherit}.hive{grid-column-gap:calc(max(6dvw, 120px)*.06);grid-column-gap:var(--hex-gap);column-gap:calc(max(6dvw, 120px)*.06);column-gap:var(--hex-gap);display:grid;grid-template-columns:calc(max(6dvw, 120px)*.75) calc(max(6dvw, 120px)*.75) calc(max(6dvw, 120px)*.75);grid-template-columns:var(--hex-hug) var(--hex-hug) var(--hex-hug);justify-content:center;justify-items:center;margin-bottom:1.5rem}.hive-mid{grid-template-rows:calc(max(6dvw, 120px)*.866) calc(max(6dvw, 120px)*.866) calc(max(6dvw, 120px)*.866);grid-template-rows:var(--hex-height) var(--hex-height) var(--hex-height)}.hive-mid,.hive-out{grid-row-gap:calc(max(6dvw, 120px)*.06);grid-row-gap:var(--hex-gap);display:grid;grid-template-columns:max(6dvw,120px);grid-template-columns:var(--hex-width);justify-content:center;justify-items:center;row-gap:calc(max(6dvw, 120px)*.06);row-gap:var(--hex-gap)}.hive-out{grid-template-rows:calc(max(6dvw, 120px)*.866) calc(max(6dvw, 120px)*.866);grid-template-rows:var(--hex-height) var(--hex-height)}.hive-out:first-child,.hive-out:last-child{margin-top:calc(max(6dvw, 120px)*.866*.53);margin-top:var(--hex-offset)}.comb{cursor:pointer;touch-action:manipulation}.comb:hover{transform:scale(1.05)}.comb:active{transform:scale(.9)}.hex{fill:#ddd}#center-hex{fill:#ffdb0b}.letter{fill:#000;text-anchor:middle;dominant-baseline:middle;font-family:Nunito;font-size:calc(max(6dvw, 120px)*.25);font-size:var(--hex-text);font-weight:800;text-transform:uppercase;-webkit-user-select:none;user-select:none}.button-row{display:flex;height:4rem;justify-content:center;margin-bottom:8rem;width:100%}#delete-button,#guess-button{height:2.5em;width:5em}#refresh-button{height:2.5em;margin-left:1em;margin-right:1em;width:2.5em}.refresh-symbol{stroke:#000;height:1.25em;width:1.25em}.dark-mode .refresh-symbol{stroke:#fff}.button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border:2px solid grey;border-radius:2.5em;color:#000;cursor:pointer;display:flex;font-family:Nunito;font-size:max(24px,1.75rem);font-weight:600;justify-content:center;line-height:2em;touch-action:manipulation;-webkit-user-select:none;user-select:none}.button:hover{border:2px solid #000}.dark-mode .button{background-color:#161616;color:#fff}.dark-mode .button:hover{border:2px solid #fff}.dark-toggle{background-color:#fff;border:.125em solid grey;border-radius:1em;cursor:grab;display:block;font-size:1rem;height:2em;min-height:2em;min-width:4em;position:relative;width:4em}.dark-mode .dark-toggle{background-color:#000}.dark-toggle:active{cursor:grabbing}.toggle-body{bottom:.15em;height:1.5em;left:.125em;position:absolute;transition:left .5s;width:1.5em;z-index:1000}.dark-mode .toggle-body{left:2.125em}.toggle{fill:#000;cx:12;cy:12;r:12}.sun{left:.125em}.moon,.sun{bottom:.125em;height:1.5em;position:absolute;width:1.5em}.moon{left:2.125em;transform:scaleX(-1)}.dark-mode .toggle{fill:#fff}.dark-mode .toggle-body{justify-self:flex-end}#notif-container{position:fixed;z-index:1000}.notif{animation:popUp 1.5s;background:#000;border-radius:.25em;color:#fff;font-family:Nunito;font-size:2rem;font-weight:400;padding:.15em .25em}.dark-mode .notif{background:#fff;color:#000}@keyframes popUp{0%{opacity:1}20%{opacity:1;transform:translateY(-2rem)}to{opacity:0;transform:translateY(-2rem)}}@media (max-width:700px){.dark-mode,.main{flex-direction:column;height:-webkit-min-content;height:min-content;min-height:100dvh;overflow-x:hidden;overflow-y:auto;width:100dvw}.box-text-area{flex-direction:row;margin-bottom:1rem}.box{flex:8 1;width:90%}.game-box{flex:1 1}.header{height:20dvh;padding-left:0;padding-right:0}.title{font-size:3.25rem;-webkit-user-select:none;user-select:none}.button-row{margin-bottom:2rem}.header-element-container{flex:1 1;flex-direction:column-reverse;height:100%;justify-content:space-around}.logo{height:15dvh}.logo-box{flex:1.25 1}.title{font-size:8dvh}.dark-toggle{font-size:2.25dvh}.new-button{height:10dvh;margin-left:0;width:10dvh}.guessed-text{flex:1.75 1;margin-left:.5rem}.guessed-text,.score-text{padding-left:0;padding-right:0;text-align:center}.score-text{margin-right:.5rem}.text-input{font-size:3rem;height:5rem;margin-bottom:1rem;margin-top:1rem}.comb:hover{transform:scale(1)}.comb:active{transform:scale(.9)}.button:hover,.dark-mode .button:hover{border:2px solid grey}.button:active{border:2px solid #000}.dark-mode .button:active{border:2px solid #fff}}@media (max-width:350px){.header,.main{display:none}.unsupported{display:block;font-family:Nunito;font-size:4rem}}
/*# sourceMappingURL=main.5b277cde.css.map*/