@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{--color-highlight:#fbbf24;--color-highlight-dark:#d97706;--color-invalid:#e5e7eb;--color-gray:#f3f4f6;--color-gray-emphasis:#e5e7eb;--color-dark-gray:#d1d5db;--color-text-gray:#374151;--color-text-gray-highlight:#1f2937;--color-black:#111827;--color-message-bad:#111827;--color-transparent:#00000000;--color-background:#fff;--link-color:var(--color-text-gray);--color-keys-button-middle:var(--color-black);--color-keys-button-middle-bg:var(--color-highlight);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-highlight:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-success:linear-gradient(135deg,#34d399,#10b981);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--invert:0;--bright:1;--button-background:var(--color-gray);--button-border:var(--color-transparent);--button-border-middle:var(--color-highlight);--button-color:#000;background:linear-gradient(to bottom right,#fafafa,#f3f4f6);min-height:100vh;overscroll-behavior-y:contain}*{box-sizing:border-box;font-family:Inter,Nunito,-apple-system,BlinkMacSystemFont,sans-serif!important}body{margin:0;padding:0;transition:background-color .3s ease-out}#root{min-height:600px;position:relative}header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.8);border-bottom:1px solid rgba(209,213,219,.5);border-radius:12px 12px 0 0;display:flex;margin:10px auto 0;max-width:475px;padding:15px;text-align:left;transition:-webkit-filter var(--transition-fast);transition:filter var(--transition-fast);transition:filter var(--transition-fast),-webkit-filter var(--transition-fast);width:100%}.logo__container{transition:-webkit-transform var(--transition-base);transition:transform var(--transition-base);transition:transform var(--transition-base),-webkit-transform var(--transition-base);-webkit-user-select:none;user-select:none}.logo__container:hover{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.logo{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:32px;width:32px}.app__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border-radius:0 0 24px 24px;box-shadow:var(--shadow-xl);font-weight:400;margin:0 auto;max-width:475px;padding:20px;transition:-webkit-filter var(--transition-fast);transition:filter var(--transition-fast);transition:filter var(--transition-fast),-webkit-filter var(--transition-fast)}#progress-container{align-items:center;background:hsla(0,0%,100%,.5);border-radius:12px;cursor:pointer;display:flex;font-size:1em;height:30px;margin:15px auto;max-width:475px;padding:10px;transition:all var(--transition-base);width:95%}#progress-container:hover{background:hsla(0,0%,100%,.8);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#progress-info{font-weight:600;width:37%}#progress-name{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:700}#progress-next{color:var(--color-text-gray);font-size:.7em;font-weight:400}#progress-bar{position:relative;top:-2px;width:63%}#progress-dots{align-items:center;display:flex;font-size:.7em;justify-content:space-evenly}.progress-dot{display:flex;flex-grow:1}.progress-complete,.progress-incomplete{border-radius:50%;height:10px;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);transition:all var(--transition-base);width:10px}#progress-current{align-items:center;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:var(--gradient-highlight);border:none;box-shadow:0 0 20px rgba(251,191,36,.5);color:#fff;display:flex;font-weight:700;height:32px;left:0;line-height:100%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:left var(--transition-base);vertical-align:middle;width:32px}@-webkit-keyframes pulse{0%,to{box-shadow:0 0 20px rgba(251,191,36,.5);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 30px rgba(251,191,36,.7);-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}}@keyframes pulse{0%,to{box-shadow:0 0 20px rgba(251,191,36,.5);-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 30px rgba(251,191,36,.7);-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}}#progress-current-score{font-size:.8em;text-align:center;width:100%}.progress-complete{background:var(--gradient-highlight);box-shadow:0 0 10px rgba(251,191,36,.3)}.progress-incomplete{background-color:var(--color-gray)}.entered-container{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.6);border:1px solid rgba(209,213,219,.3);border-radius:16px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:.9em;font-weight:400;height:auto;margin:15px auto;padding:15px;position:relative;transition:all var(--transition-base);width:95%}.entered-container:hover{background:hsla(0,0%,100%,.8);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.entered-container-expanded{background:hsla(0,0%,100%,.95);box-shadow:var(--shadow-lg);height:60vh;max-height:400px}.entered-words{color:var(--color-black);display:inline;flex-grow:9;flex-wrap:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis;transition:height var(--transition-slow);-webkit-user-select:none;user-select:none;white-space:nowrap}.entered-words-start{color:var(--color-dark-gray);font-style:italic}.entered-words-expanded{display:flex;flex-wrap:wrap;max-width:100%;white-space:normal}.entered-word{background:var(--color-gray);border-radius:6px;margin:3px;padding:4px 8px;transition:all var(--transition-fast)}.entered-word:hover{background:var(--color-gray-emphasis);-webkit-transform:scale(1.05);transform:scale(1.05)}.entered-word-number{color:var(--color-black);flex-basis:100%;font-size:1.1em;font-weight:600;margin:0 0 15px}#entered-toggle{display:flex;height:20px;margin:0 4px;position:absolute;right:10px;top:15px;transition:-webkit-transform var(--transition-base);transition:transform var(--transition-base);transition:transform var(--transition-base),-webkit-transform var(--transition-base);width:20px}#entered-toggle svg{height:100%;transition:fill var(--transition-base)}.entered-toggle-expanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#message-container{display:flex;margin:10px 0}#message{border-radius:12px;display:inline-block;font-size:.95em;font-weight:500;height:auto;margin:0 auto;opacity:0;padding:10px 20px;position:relative;text-align:center;top:0;transition:opacity var(--transition-base)}.message-bad{-webkit-animation:shake .5s;animation:shake .5s;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff}.message-good{-webkit-animation:slideUp .5s;animation:slideUp .5s;background:var(--gradient-success);box-shadow:0 4px 12px rgba(34,197,94,.3);color:#fff}.message-pangram{-webkit-animation:celebrate .5s;animation:celebrate .5s;background:var(--gradient-highlight);box-shadow:0 4px 12px rgba(251,191,36,.3);color:#fff}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes celebrate{0%,to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}25%{-webkit-transform:scale(1.05) rotate(2deg);transform:scale(1.05) rotate(2deg)}75%{-webkit-transform:scale(1.05) rotate(-2deg);transform:scale(1.05) rotate(-2deg)}}@keyframes celebrate{0%,to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}25%{-webkit-transform:scale(1.05) rotate(2deg);transform:scale(1.05) rotate(2deg)}75%{-webkit-transform:scale(1.05) rotate(-2deg);transform:scale(1.05) rotate(-2deg)}}#entry-container{align-items:center;background:rgba(249,250,251,.8);border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);display:flex;height:3em;margin:20px auto;padding:10px;text-align:center;width:100%}#entry-container-holder{display:inline-block;font-size:1.8em;font-weight:600;letter-spacing:.05em;margin:0 auto;text-transform:uppercase;vertical-align:middle}#entry-container-holder:after{-webkit-animation:blink 1s step-start 0s infinite;animation:blink 1s step-start 0s infinite;background:var(--gradient-highlight);border-radius:2px;content:"";display:inline-block;height:1.2em;position:relative;right:-4px;top:6px;width:3px}#keys-container{align-items:center;display:flex;flex-flow:row wrap;justify-content:flex-start;margin:30px auto;-webkit-perspective:1000px;perspective:1000px;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:280px}.keys-spacer{flex-basis:16.66667%}.keys-letter{align-items:center;display:flex;flex-basis:33.33333%;height:74px;justify-content:center;margin:5px 0;text-align:center}.keys-button{background:linear-gradient(145deg,#fff,#f3f4f6);border:2px solid transparent;border-radius:50%;box-shadow:8px 8px 16px #d1d5db,-8px -8px 16px #fff;color:var(--button-color);cursor:pointer;font-size:1.5em;font-weight:700;height:100%;outline:none;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;transition:all var(--transition-base);vertical-align:middle;width:87%}.keys-button:before{background:rgba(251,191,36,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base);width:0}.keys-button:hover{box-shadow:10px 10px 20px #d1d5db,-10px -10px 20px #fff;-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.keys-button:hover:before{height:100%;width:100%}.keys-button:active{box-shadow:inset 4px 4px 8px #d1d5db,inset -4px -4px 8px #fff;-webkit-transform:translateY(0) scale(.95);transform:translateY(0) scale(.95)}.keys-button-middle{-webkit-animation:centralPulse 3s infinite;animation:centralPulse 3s infinite;background:var(--gradient-highlight);box-shadow:0 8px 20px rgba(251,191,36,.3);color:#fff;font-weight:800}@-webkit-keyframes centralPulse{0%,to{box-shadow:0 8px 20px rgba(251,191,36,.3)}50%{box-shadow:0 8px 30px rgba(251,191,36,.5)}}@keyframes centralPulse{0%,to{box-shadow:0 8px 20px rgba(251,191,36,.3)}50%{box-shadow:0 8px 30px rgba(251,191,36,.5)}}.keys-button-middle:hover{box-shadow:0 12px 30px rgba(251,191,36,.5);-webkit-transform:translateY(-3px) scale(1.1) rotate(5deg);transform:translateY(-3px) scale(1.1) rotate(5deg)}.keys-button-middle:active{-webkit-transform:translateY(0) scale(1) rotate(0deg);transform:translateY(0) scale(1) rotate(0deg)}#buttons-container{align-items:center;display:flex;gap:12px;justify-content:space-around;margin:30px auto;max-width:320px;width:100%}.nav-button{background:linear-gradient(145deg,#fff,#f3f4f6);border:none;border-radius:16px;box-shadow:6px 6px 12px #d1d5db,-6px -6px 12px #fff;color:var(--color-black);cursor:pointer;font-size:1em;font-weight:600;height:52px;outline:none;overflow:hidden;padding:12px 24px;position:relative;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.nav-button:before{background:rgba(102,126,234,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base);width:0}.nav-button:hover{box-shadow:8px 8px 16px #d1d5db,-8px -8px 16px #fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-button:hover:before{height:200%;width:200%}.nav-button:active{box-shadow:inset 3px 3px 6px #d1d5db,inset -3px -3px 6px #fff;-webkit-transform:translateY(0);transform:translateY(0)}#button-enter{background:var(--gradient-primary);box-shadow:0 6px 20px rgba(102,126,234,.3);color:#fff}#button-enter:hover{box-shadow:0 8px 25px rgba(102,126,234,.4)}#button-delete{background:linear-gradient(145deg,#fef2f2,#fee2e2);color:#dc2626}#button-shuffle-container{height:52px;position:relative;width:52px}#button-shuffle,#button-shuffle-img{height:52px;left:0;position:absolute;top:0;width:52px}#button-shuffle{background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:50%;box-shadow:6px 6px 12px #d1d5db,-6px -6px 12px #fff;transition:all var(--transition-slow)}#button-shuffle:hover{box-shadow:8px 8px 16px #d1d5db,-8px -8px 16px #fff;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#button-shuffle:active{box-shadow:inset 3px 3px 6px #d1d5db,inset -3px -3px 6px #fff;-webkit-transform:rotate(180deg) scale(.95);transform:rotate(180deg) scale(.95)}#button-shuffle-img{align-items:center;cursor:pointer;display:flex;justify-content:center;pointer-events:none;text-align:center;transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow)}#button-shuffle-img svg{stroke:var(--color-text-gray);height:2rem}.popup{align-items:flex-start;-webkit-animation:popupSlideIn .3s ease-out;animation:popupSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border:1px solid rgba(209,213,219,.3);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;height:auto;left:50%;max-width:320px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@-webkit-keyframes popupSlideIn{0%{opacity:0;-webkit-transform:translate(-50%,-45%);transform:translate(-50%,-45%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes popupSlideIn{0%{opacity:0;-webkit-transform:translate(-50%,-45%);transform:translate(-50%,-45%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.popup-content{display:flex;flex-grow:9;flex-wrap:wrap;max-width:100%;padding:20px}.controls__container{gap:10px}.controls__item{border-radius:8px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast)}.controls__item:hover{background:rgba(102,126,234,.1);color:#667eea;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.controls__icon{border-radius:8px;max-height:32px;max-width:32px;padding:4px;transition:all var(--transition-fast)}.controls__icon:hover{background:rgba(102,126,234,.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.controls__icon svg{transition:stroke var(--transition-fast)}.mode-button{background:linear-gradient(145deg,#fff,#f3f4f6);border-radius:12px;box-shadow:4px 4px 8px #d1d5db,-4px -4px 8px #fff;color:var(--color-text-gray);padding:8px 16px;transition:all var(--transition-base)}.mode-button:hover{box-shadow:6px 6px 12px #d1d5db,-6px -6px 12px #fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mode-button.active{background:var(--gradient-primary);box-shadow:0 4px 12px rgba(102,126,234,.3)}.blur{-webkit-filter:blur(8px);filter:blur(8px)}.hidden{display:none}.bolded{font-weight:700}.highlight{color:var(--color-highlight);text-shadow:0 0 10px rgba(251,191,36,.3)}.highlight-background{background:var(--gradient-highlight);border-radius:6px;box-shadow:0 2px 8px rgba(251,191,36,.3);color:#fff;font-weight:600;padding:2px 8px}.invalid{color:var(--color-invalid);opacity:.5}@-webkit-keyframes blink{50%{opacity:0}}@keyframes blink{50%{opacity:0}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes drift{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes drift{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}body.dark{--color-highlight:#fbbf24;--color-highlight-dark:#d97706;--color-invalid:#4b5563;--color-gray:#374151;--color-gray-emphasis:#4b5563;--color-dark-gray:#6b7280;--color-text-gray:#d1d5db;--color-text-gray-highlight:#f3f4f6;--color-transparent:#00000000;--color-black:#f9fafb;--color-message-bad:#1f2937;--color-background:#111827;--link-color:#e5e7eb;--invert:1;--bright:1000;--color-keys-button-middle:var(--color-highlight);--color-keys-button-middle-bg:#1f2937;--button-background:#374151;--button-border:var(--color-gray);--button-border-middle:var(--color-highlight);--button-color:var(--color-black);background:linear-gradient(to bottom right,#111827,#1f2937);color:#e5e7eb}body.dark .app__container{background:rgba(17,24,39,.9)}body.dark header{background:rgba(17,24,39,.8);border-bottom-color:hsla(220,9%,46%,.3)}body.dark .keys-button{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:8px 8px 16px #0f172a,-8px -8px 16px #1f2937;color:#f9fafb}body.dark .keys-button:hover{box-shadow:10px 10px 20px #0f172a,-10px -10px 20px #1f2937}body.dark .nav-button{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:6px 6px 12px #0f172a,-6px -6px 12px #1f2937;color:#f9fafb}body.dark #button-enter{background:var(--gradient-primary);color:#fff}body.dark .entered-container{background:rgba(31,41,55,.6);border-color:hsla(220,9%,46%,.3)}body.dark .popup{background:rgba(17,24,39,.98);border-color:hsla(220,9%,46%,.3)}body.dark .mode-button{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:4px 4px 8px #0f172a,-4px -4px 8px #1f2937;color:#f9fafb}body.dark .mode-button.active{background:var(--gradient-primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-gray);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-highlight)}.supergrid{transition:height var(--transition-slow)}.entered-words-expanded .supergrid{padding:10px 0}#entered-toggle,#popup-exit,#popup-exit-alt{-webkit-filter:invert(var(--invert));filter:invert(var(--invert))}#button-shuffle-img{-webkit-filter:brightness(var(--bright));filter:brightness(var(--bright))}.toggle{border:1px solid #c7c7c7;border-radius:4px;cursor:pointer;display:flex;margin-bottom:16px;overflow:hidden;padding:0}.toggle__option{background-color:#dfdfdf;color:#363636;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center}.selected{background-color:#fff;color:#121212;font-weight:700}.delimeter{margin:0 5px;-webkit-user-select:none;user-select:none}.controls__container{align-items:center;align-self:center;display:flex;margin-left:auto}.controls__item{cursor:pointer;-webkit-user-select:none;user-select:none}.supergrid{color:var(--color-black);display:inline;flex-wrap:nowrap;max-height:330px;overflow:hidden;padding-bottom:10px;scrollbar-width:thin;text-overflow:ellipsis;transition:height 1s;white-space:nowrap}.entered-words-expanded .supergrid{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,minmax(33%,1fr));max-width:100%;overflow-x:hidden;overflow-y:auto;width:100%}.text-bold{font-weight:700}#games-popup{min-height:525px}#stats-popup{min-height:450px}#button-no-reset{margin-right:10px}.controls__icon{cursor:pointer;margin-right:5px;max-height:28px;max-width:28px}.controls__icon svg{height:100%;width:100%}.message__container{align-items:center;display:flex;font-size:16px;justify-content:center;left:0;left:50%;position:absolute;text-align:center;top:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:12}.message__inner{background-color:beige;border-radius:10px;padding:10px;width:150px}.mode-button__container{align-items:center;display:flex}.mode-button{background-color:#fff;border:none;border-radius:9px;color:#000;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;padding:5px}body.dark .mode-button{background-color:initial;color:#fff}body.dark .mode-button.active{background-color:#fff;color:#000}.mode-button.active{background-color:#000;color:#fff}.sharebar-icons-container{display:flex}.sharebar-icons-container a{max-height:42px;max-width:42px}.sharebar-icons-container a img{height:100%}.fullwidth{width:100%}.header__mobile{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.controls__center{align-items:center;display:flex;justify-content:center}@media screen and (min-width:500px){#progress-container,.entered-container{width:100%}}@media screen and (min-width:720px){.entered-words-expanded .supergrid{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,minmax(33%,1fr));max-height:320px}}.stats__container{padding:0}.stats__week{list-style:none;padding:0}.stats__day{border-top:1px solid #000}.stat{font-size:16px;height:30px;width:100%}.stat,.stat__weekday{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.stat__weekday{width:30px}.stat__bar{height:100%;position:relative;width:100%}.bar__text{height:100%;justify-content:space-between;position:relative;width:100%;z-index:10}.bar__text,.bar__text-rank{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.bar__text-rank{justify-content:flex-start}.bar__text-rank-text{font-weight:700}.bar__percentage{background-color:#ffeca0;bottom:0;height:100%;left:0;position:absolute;top:0;transition:width 1s;width:0;z-index:1}.text{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.shareButton{flex-direction:column;height:60px}.shareButton,.shareButton__inner{display:flex;justify-content:center}.shareButton__inner{fill:#fff;align-items:center;background:rgba(0,128,0,.8);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-direction:row;font-size:1rem;font-weight:700;height:40px;width:100px}.shareButton__text{margin-right:4px}.shareButton__inner svg{height:24px;width:24px}.file{border-radius:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);margin:5px 5px 10px;width:100%}.file__inner{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.file__left{align-items:flex-start;flex-direction:column;justify-content:center}.file__left,.file__right{display:flex}.file__state{align-items:center;display:flex;justify-content:center;margin:3px}.state__score{align-items:center;background-color:var(--color-highlight);border-radius:25px;color:var(--color-black);display:flex;font-size:12px;height:28px;justify-content:center;margin-left:5px;text-align:center;width:28px}.file__pangram{display:flex;font-weight:700}.file__delete{background-color:initial;border:none;color:var(--color-black);cursor:pointer;font-size:14px;font-weight:700;margin:0;padding:0}.games__add-container,.games_container{align-items:center;display:flex;justify-content:center}.games_container{flex-direction:column}.games__add-button{align-items:center;background-color:var(--color-highlight);border:none;border-radius:25px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);color:inherit;cursor:pointer;display:flex;font:inherit;height:40px;justify-content:center;padding:0;width:40px}.games__add-button svg{fill:#000;height:18px}.dropdown{display:inline-block;position:relative}.dd_button{border-radius:4px;cursor:pointer;display:inline-block;padding:0 15px 0 0;-webkit-user-select:none;user-select:none;white-space:nowrap}.dd_button:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-black);content:"";height:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.dd_input{display:none}.dd_menu{background-color:var(--color-background);border:1px solid #ccc;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);list-style-type:none;margin:2px 0 0;padding:0;position:absolute;right:0;top:100%;z-index:10}.dd_input+.dd_menu{display:none}.dd_input:checked+.dd_menu{display:block}.dd_menu li{cursor:pointer;padding:10px 20px;-webkit-user-select:none;user-select:none;white-space:nowrap}.dd_menu li:hover{background-color:#f6f6f6}body.dark .dd_menu li:hover{background-color:#474747}.dd_menu li a{display:block;margin:-10px -20px;padding:10px 20px}.dd_menu li.divider{border-bottom:1px solid #ccc;padding:0}