.topvocab-title{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-gradient-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.topvocab-title-tld{font-size:.4em}.lights-row{display:flex;gap:1.5rem;--red-light: #ef4444;--orange-light: #f59e0b;--green-light: #22c55e}.light-box{background-color:#333;border-radius:12px;padding:1rem .8rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 12px #0000004d;border:2px solid #555555}.light-box:before,.light-box:after{content:"";width:40px;height:40px;border-radius:50%;background-color:#1a1a1a;transition:all .3s ease}.light-box.red[data-state=on]:before,.light-box.red[data-state=on]:after{background-color:var(--red-light);animation:glow-red 1.5s ease-in-out infinite}.light-box.orange[data-state=on]:before,.light-box.orange[data-state=on]:after{background-color:var(--orange-light);animation:glow-orange 1.5s ease-in-out infinite}.light-box.green[data-state=on]:before,.light-box.green[data-state=on]:after{background-color:var(--green-light);animation:glow-green 1.5s ease-in-out infinite}@keyframes glow-red{0%{box-shadow:0 0 4px var(--red-light),0 0 8px var(--red-light),0 0 12px var(--red-light),inset 0 0 4px var(--red-light)}25%{box-shadow:0 0 6px var(--red-light),0 0 11px var(--red-light),0 0 16px var(--red-light),inset 0 0 5px var(--red-light)}50%{box-shadow:0 0 8px var(--red-light),0 0 14px var(--red-light),0 0 20px var(--red-light),inset 0 0 6px var(--red-light)}75%{box-shadow:0 0 6px var(--red-light),0 0 11px var(--red-light),0 0 16px var(--red-light),inset 0 0 5px var(--red-light)}to{box-shadow:0 0 4px var(--red-light),0 0 8px var(--red-light),0 0 12px var(--red-light),inset 0 0 4px var(--red-light)}}@keyframes glow-orange{0%{box-shadow:0 0 4px var(--orange-light),0 0 8px var(--orange-light),0 0 12px var(--orange-light),inset 0 0 4px var(--orange-light)}25%{box-shadow:0 0 6px var(--orange-light),0 0 11px var(--orange-light),0 0 16px var(--orange-light),inset 0 0 5px var(--orange-light)}50%{box-shadow:0 0 8px var(--orange-light),0 0 14px var(--orange-light),0 0 20px var(--orange-light),inset 0 0 6px var(--orange-light)}75%{box-shadow:0 0 6px var(--orange-light),0 0 11px var(--orange-light),0 0 16px var(--orange-light),inset 0 0 5px var(--orange-light)}to{box-shadow:0 0 4px var(--orange-light),0 0 8px var(--orange-light),0 0 12px var(--orange-light),inset 0 0 4px var(--orange-light)}}@keyframes glow-green{0%{box-shadow:0 0 4px var(--green-light),0 0 8px var(--green-light),0 0 12px var(--green-light),inset 0 0 4px var(--green-light)}25%{box-shadow:0 0 6px var(--green-light),0 0 11px var(--green-light),0 0 16px var(--green-light),inset 0 0 5px var(--green-light)}50%{box-shadow:0 0 8px var(--green-light),0 0 14px var(--green-light),0 0 20px var(--green-light),inset 0 0 6px var(--green-light)}75%{box-shadow:0 0 6px var(--green-light),0 0 11px var(--green-light),0 0 16px var(--green-light),inset 0 0 5px var(--green-light)}to{box-shadow:0 0 4px var(--green-light),0 0 8px var(--green-light),0 0 12px var(--green-light),inset 0 0 4px var(--green-light)}}.mvp-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;height:80%;text-align:center;color:var(--text-color)}#mvp-landing{gap:8rem}#mvp-landing-prompt{display:flex;flex-direction:column;align-items:center;gap:1.25rem}#mvp-landing-message{max-width:22rem;font-weight:300}#mvp-landing-cta{padding:.75rem 3rem;border:none;border-radius:6px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-gradient-color) 100%);box-shadow:#ccc 1px 2px;color:#fff;font-size:1.1rem;font-weight:600;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}#mvp-landing-cta:active{box-shadow:#aaa 1px 2px;transform:translateY(1px)}#mvp-landing-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:.6rem}#mvp-landing-hint{font-size:.8rem;font-weight:300;opacity:.7}#mvp-dialup-loader{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem}#mvp-dialup-title{position:absolute;bottom:calc(100% + 5rem);left:50%;transform:translate(-50%);white-space:nowrap}#mvp-dialup-status{font-size:1rem;font-weight:400}#mvp-game{gap:3rem}#mvp-game-title{font-size:2rem}#mvp-game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(28rem,90dvw)}#mvp-quit-button{justify-self:start;color:var(--text-color);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}#mvp-quit-button:hover{color:var(--error-text-color)}#mvp-quit-button:active{color:var(--error-text-color);opacity:.7}#mvp-game-timer{font-weight:700;font-size:1.2rem}#mvp-game-timer.low-time{color:var(--error-text-color)}#mvp-word-count{justify-self:end;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}#mvp-word-count span.flash{animation:mvp-count-flash .8s ease-out}@keyframes mvp-count-flash{0%{color:#22c55e}to{color:var(--text-color)}}#mvp-letters-label{font-size:1rem;font-weight:300}#mvp-given-letters{display:flex;flex-direction:column;align-items:center;gap:3rem}#mvp-submissions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:2rem;max-width:min(28rem,90dvw);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(from var(--text-color) r g b / .3) transparent}#mvp-submissions::-webkit-scrollbar{width:6px;height:6px}#mvp-submissions::-webkit-scrollbar-track{background:transparent}#mvp-submissions::-webkit-scrollbar-thumb{background-color:rgba(from var(--text-color) r g b / .3);border-radius:9999px}#mvp-submissions span{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.2rem .8rem;border-radius:9999px;border:1px solid;background-color:transparent;font-size:1rem;line-height:1;animation:pill-pop .15s ease-out}@keyframes pill-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}#mvp-submissions span.correct:after{content:"";position:absolute;top:0;right:.05rem;width:.75rem;height:.75rem;background-color:currentcolor;--sparkle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M93.781 51.578C95 50.969 96 49.359 96 48c0-1.375-1-2.969-2.219-3.578 0 0-22.868-1.514-31.781-10.422-8.915-8.91-10.438-31.781-10.438-31.781C50.969 1 49.375 0 48 0s-2.969 1-3.594 2.219c0 0-1.5 22.87-10.406 31.781-8.908 8.913-31.781 10.422-31.781 10.422C1 45.031 0 46.625 0 48c0 1.359 1 2.969 2.219 3.578 0 0 22.873 1.51 31.781 10.422 8.906 8.911 10.406 31.781 10.406 31.781C45.031 95 46.625 96 48 96s2.969-1 3.562-2.219c0 0 1.523-22.871 10.438-31.781 8.913-8.908 31.781-10.422 31.781-10.422Z'/%3E%3C/svg%3E");-webkit-mask:var(--sparkle) center / contain no-repeat;mask:var(--sparkle) center / contain no-repeat;opacity:0;pointer-events:none;animation:pill-sparkle 1s ease-out forwards}@keyframes pill-sparkle{0%{opacity:0;transform:scale(0) rotate(-60deg)}35%{opacity:1;transform:scale(1) rotate(0)}70%{opacity:1;transform:scale(.85) rotate(10deg)}to{opacity:0;transform:scale(.2) rotate(45deg)}}@media (prefers-reduced-motion: reduce){#mvp-submissions span,#mvp-submissions span.correct:after,#mvp-word-count span.flash{animation:none}}#mvp-submissions span.correct{color:#22c55e;border-color:#22c55e}#mvp-submissions span.incorrect{color:#e06c6c;border-color:#e06c6c}#mvp-word-input{width:min(28rem,90dvw)}#app.mobile #mvp-game{position:fixed;top:var(--vvt, 0);left:0;width:100%;height:var(--vvh, 100dvh);justify-content:center;gap:1.5rem;padding:1.5rem 0;box-sizing:border-box}#app.mobile #mvp-game #mvp-submissions{flex:0 1 auto;min-height:0;align-content:flex-start}#app.mobile #mvp-game.typing{justify-content:flex-start;gap:1.7rem;padding-bottom:0}#app.mobile #mvp-game.typing #mvp-submissions{flex:1 1 auto}#app.mobile #mvp-game.typing #mvp-game-title,#app.mobile #mvp-game.typing #mvp-letters-label{display:none}#app.mobile #mvp-game.typing #mvp-given-letters{gap:1rem}#app.mobile #mvp-game.typing #mvp-word-input{width:100%}#app.mobile #mvp-game.typing #mvp-word-input .input-form{border-radius:0}#app.mobile #mvp-game.typing .scrabble-tile{width:2rem;height:2rem}#mvp-result{height:100%;justify-content:flex-start;overflow-y:auto;gap:2.5rem;padding:2rem 1rem;box-sizing:border-box}#mvp-result-brand-link{margin-top:auto;text-decoration:none}#mvp-result-brand{font-size:2rem}#mvp-result-headline{display:flex;flex-direction:column;align-items:center;gap:.35rem}#mvp-result-yay{font-size:1.3rem;font-weight:700}#mvp-result-summary,.mvp-result-label{font-size:1.1rem;font-weight:300}.mvp-result-section{width:100%;max-width:26rem}.mvp-result-words{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}.mvp-result-pill{display:inline-flex;align-items:baseline;gap:.4rem;padding:.3rem .9rem;border:1px solid;border-radius:9999px;font-size:1rem}.mvp-result-pill.correct{color:#22c55e;border-color:#22c55e}.mvp-result-pill.incorrect{color:#e06c6c;border-color:#e06c6c}.mvp-result-pill.missed{color:#4d9dff;border-color:#4d9dff}.mvp-result-ts{font-size:.72rem;opacity:.6}.mvp-empty{opacity:.6;font-weight:300}#mvp-result-footer{margin-top:.5rem;margin-bottom:auto;font-weight:300}#mvp-result-footer p{margin:0 0 2rem}.scrabble-tiles{display:flex;flex-direction:column;align-items:center;gap:.85rem}.scrabble-tiles-row{display:flex;justify-content:center;gap:.85rem}.scrabble-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:#f4e4c1;color:#2b2b2b;border-radius:6px;border:1px solid #cdb182;box-shadow:inset 0 -3px #0000002e,0 2px 4px #00000059}.scrabble-letter{font-size:1.6rem;font-weight:700;text-transform:uppercase;line-height:1}#app.mobile .scrabble-tiles,#app.mobile .scrabble-tiles-row{gap:.6rem}#app.mobile .scrabble-tile{width:2.4rem;height:2.4rem}#app.mobile .scrabble-letter{font-size:1.3rem}.input-form-container{width:100%}.input-form{position:relative;display:flex;flex-direction:column;margin:0 auto;border-radius:1.5em;background-color:var(--bg-accent-color)}.input-row{position:relative;display:flex;align-items:center;width:100%}.clear-btn{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-color);font-size:1.8rem;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.clear-btn.visible{opacity:.55;pointer-events:auto}.submit-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-color);font-size:1.5rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s ease}@media (hover: hover){.clear-btn:hover,.submit-btn:hover{opacity:1}}.input-form input{width:100%;padding:5px 2.5rem 0;border:none;outline:none;background-color:transparent;font-family:Quicksand,sans-serif;font-size:min(4.8dvw,24px);font-weight:500;letter-spacing:.1em;text-transform:lowercase;text-align:center;color:var(--text-color)}.discard-ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Quicksand,sans-serif;font-size:min(4.8dvw,24px);font-weight:500;letter-spacing:.1em;text-transform:lowercase;color:var(--text-color);opacity:0}.discard-ghost.discarding{animation:discard .08s ease-in forwards}@keyframes discard{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(1.5em) scale(.5)}}@media (prefers-reduced-motion: reduce){.discard-ghost.discarding{animation:none}}.input-form .validation-err-msg{color:var(--error-text-color);padding:0 0 3px;font-size:.8em;line-height:1em;min-height:1em;text-align:center;transition:opacity .2s ease}.validation-err-msg.fade-out{opacity:0}.validation-err-msg.shake{animation:shake .12s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.validation-err-msg.shake{animation:none}.input-form .validation-err-msg{transition:none}}body{--bg-color: #f3f3f3;--bg-accent-color: #f4c2c2;--text-color: #222222;--link-color: #1266ff;--accent-color: #c76663;--accent-color-light: #f4c2c2;--accent-gradient-color: rgb(from var(--accent-color) calc(r + 32) calc(g + 10) calc(b + 48) );--error-text-color: #ff6b6b}body.dark-theme{--bg-color: #292929;--bg-accent-color: #111;--text-color: #ccc;--link-color: #fff}body{margin:0;padding:0;height:100dvh;width:100dvw;display:flex;font-family:gordita,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;background-color:var(--bg-color);color:var(--text-color)}a{margin-right:1rem;color:var(--link-color)}h1{font-size:2rem;line-height:1.1}p{line-height:1.35}#app{display:flex;width:100dvw;height:100dvh;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}#app.desktop{width:min(100dvw,800px)}.no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.no-select:focus{outline:none!important}.hidden{display:none!important}