.LetterDisplay-module__8tlsIa__container{-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;font-family:var(--font-sans-round), system-ui, sans-serif;background:#3aaa3d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.LetterDisplay-module__8tlsIa__topBar{z-index:10;justify-content:space-between;gap:.5rem;display:flex;position:absolute;top:1.5rem;left:1.5rem;right:1.5rem}.LetterDisplay-module__8tlsIa__topBarCell{display:flex}.LetterDisplay-module__8tlsIa__topBarEnd{justify-content:flex-end}.LetterDisplay-module__8tlsIa__topBarRight{align-items:flex-start;gap:.5rem;display:flex}@media (max-width:640px){.LetterDisplay-module__8tlsIa__topBar{top:1rem;left:.75rem;right:.75rem}.LetterDisplay-module__8tlsIa__topBar>*{flex:1 1 0;min-width:0}.LetterDisplay-module__8tlsIa__topBar>*>.LetterDisplay-module__8tlsIa__pillButton,.LetterDisplay-module__8tlsIa__topBar>*>button{justify-content:center;width:100%;padding:.5rem;font-size:.85rem}}.LetterDisplay-module__8tlsIa__pickerWrap{position:relative}.LetterDisplay-module__8tlsIa__pillButton{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff40;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s;display:flex}.LetterDisplay-module__8tlsIa__pillButton:hover{background:#fff6}.LetterDisplay-module__8tlsIa__pillButton:active{transition:transform 80ms cubic-bezier(.34,1.56,.64,1);transform:scale(.95)}.LetterDisplay-module__8tlsIa__pillActive{background:#ffffff73;box-shadow:0 0 0 2px #ffffff80}.LetterDisplay-module__8tlsIa__noVoice{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;margin-left:.25rem;font-size:.75rem;font-weight:900;display:inline-flex}.LetterDisplay-module__8tlsIa__menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:1rem;min-width:10rem;margin:0;padding:.5rem 0;list-style:none;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.LetterDisplay-module__8tlsIa__menuRight{left:auto;right:0}.LetterDisplay-module__8tlsIa__menuOption{color:#1b5e20;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s;display:flex}.LetterDisplay-module__8tlsIa__menuOption:hover{background:#37ad3926}.LetterDisplay-module__8tlsIa__menuActive{background:#37ad3933}.LetterDisplay-module__8tlsIa__menuFlag{font-size:1.2rem;line-height:1}.LetterDisplay-module__8tlsIa__stage{justify-content:center;align-items:center;gap:clamp(2rem,6vw,6rem);animation:.5s ease-out both LetterDisplay-module__8tlsIa__fade-in;display:flex}.LetterDisplay-module__8tlsIa__letter{text-shadow:0 4px 20px #00000014,0 1px 3px #0000000f;font-size:clamp(10rem,30vw,22rem);font-weight:900;line-height:1;animation:.5s ease-out both LetterDisplay-module__8tlsIa__fade-in}.LetterDisplay-module__8tlsIa__creatureWrap{flex-direction:column;align-items:center;gap:.75rem;display:flex}.LetterDisplay-module__8tlsIa__siteLink{color:#fff6;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;position:absolute;bottom:1.5rem;left:1.5rem}.LetterDisplay-module__8tlsIa__siteLink:hover{color:#ffffffbf}.LetterDisplay-module__8tlsIa__creatureImg{object-fit:cover;border-radius:2rem;width:clamp(14rem,36vw,28rem);height:clamp(14rem,36vw,28rem);box-shadow:0 8px 32px #1e14002e}.LetterDisplay-module__8tlsIa__creaturePlaceholder{background:#ffffff26;border-radius:2rem;width:clamp(14rem,36vw,28rem);height:clamp(14rem,36vw,28rem)}.LetterDisplay-module__8tlsIa__creatureName{color:#ffffffe6;text-shadow:0 1px 4px #00000026;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700}@keyframes LetterDisplay-module__8tlsIa__fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.LetterDisplay-module__8tlsIa__hint{color:#ffffffd9;font-size:1.5rem;font-weight:700;animation:2s ease-in-out infinite LetterDisplay-module__8tlsIa__pulse}@keyframes LetterDisplay-module__8tlsIa__pulse{0%,to{opacity:.6}50%{opacity:1}}.LetterDisplay-module__8tlsIa__micPulse{animation:1.5s ease-in-out infinite LetterDisplay-module__8tlsIa__mic-glow}@keyframes LetterDisplay-module__8tlsIa__mic-glow{0%,to{filter:drop-shadow(0 0 2px #ffffff4d)}50%{filter:drop-shadow(0 0 8px #fffc)}}.LetterDisplay-module__8tlsIa__loaderWrap{flex-direction:column;align-items:center;gap:1.5rem;animation:.3s ease-out LetterDisplay-module__8tlsIa__fade-in;display:flex}.LetterDisplay-module__8tlsIa__loader{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite LetterDisplay-module__8tlsIa__spin}@keyframes LetterDisplay-module__8tlsIa__spin{to{transform:rotate(360deg)}}.LetterDisplay-module__8tlsIa__loaderText{color:#ffffffd9;font-size:1.2rem;font-weight:700}.LetterDisplay-module__8tlsIa__progressBar{background:#fff3;border-radius:.2rem;width:12rem;height:.4rem;overflow:hidden}.LetterDisplay-module__8tlsIa__progressFill{background:#fffc;border-radius:.2rem;height:100%;transition:width .3s}.LetterDisplay-module__8tlsIa__touchGrid{padding:.75rem .5rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001f;flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex;position:absolute;bottom:0;left:0;right:0}.LetterDisplay-module__8tlsIa__touchKey{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff38;border:none;border-radius:.65rem;justify-content:center;align-items:center;width:2.85rem;height:2.85rem;font-family:inherit;font-size:1.3rem;font-weight:900;transition:background .1s,transform .1s;display:flex}.LetterDisplay-module__8tlsIa__touchKey:active{background:#ffffff80;transform:scale(.9)}@media (max-width:640px){.LetterDisplay-module__8tlsIa__stage{flex-direction:column-reverse;gap:1rem}.LetterDisplay-module__8tlsIa__letter{font-size:clamp(10rem,45vw,22rem)}.LetterDisplay-module__8tlsIa__creatureImg,.LetterDisplay-module__8tlsIa__creaturePlaceholder{width:clamp(10rem,40vw,20rem);height:clamp(10rem,40vw,20rem)}.LetterDisplay-module__8tlsIa__creatureName{font-size:clamp(1rem,3vw,1.6rem)}}@media (hover:none) and (pointer:coarse){.LetterDisplay-module__8tlsIa__container{padding-bottom:10rem}}@media (hover:none) and (pointer:coarse) and (max-height:500px){.LetterDisplay-module__8tlsIa__container{padding-top:5rem}.LetterDisplay-module__8tlsIa__stage{gap:clamp(3rem,20vw,11rem)}.LetterDisplay-module__8tlsIa__letter{justify-content:center;align-items:center;block-size:clamp(5.5rem,33vh,11rem);inline-size:clamp(5.5rem,33vh,11rem);margin-inline-start:2rem;font-size:clamp(4.4rem,29vh,9rem);line-height:1;display:inline-flex}.LetterDisplay-module__8tlsIa__creatureImg,.LetterDisplay-module__8tlsIa__creaturePlaceholder{width:clamp(4.5rem,26vh,9rem);height:clamp(4.5rem,26vh,9rem)}.LetterDisplay-module__8tlsIa__creatureName{font-size:clamp(.85rem,2.6vh,1.3rem)}}@media (hover:hover) and (pointer:fine){.LetterDisplay-module__8tlsIa__touchGrid{display:none}}.LetterDisplay-module__8tlsIa__desktopOnly{display:none}@media (hover:hover) and (pointer:fine){.LetterDisplay-module__8tlsIa__desktopOnly{display:flex}}.LetterDisplay-module__8tlsIa__aboutLink{color:#ffffff80;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;position:absolute;bottom:1.5rem;right:1.5rem}.LetterDisplay-module__8tlsIa__aboutLink:hover{color:#ffffffd9}.LetterDisplay-module__8tlsIa__siteLink:after,.LetterDisplay-module__8tlsIa__aboutLink:after{content:"";opacity:.7;transform-origin:0;pointer-events:none;background:currentColor;block-size:2px;position:absolute;inset-block-end:-4px;inset-inline:0;transform:scaleX(0)}.LetterDisplay-module__8tlsIa__siteLink[data-holding]:after,.LetterDisplay-module__8tlsIa__aboutLink[data-holding]:after{transition:transform .7s linear;transform:scaleX(1)}@media (hover:none) and (pointer:coarse){.LetterDisplay-module__8tlsIa__siteLink,.LetterDisplay-module__8tlsIa__aboutLink{bottom:calc(var(--touch-grid-h,17rem) + .5rem)}}
